/*** from http://matthewjamestaylor.com/blog/perfect-3-column.htm ***/
/* General styles */
body {
	font-family: "Lucida Grande", sans-serif;
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:#fff;
    min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	color:#333;
}
a {
	color:#999;
	text-decoration:none;
}
a:hover {
	/* color turns blue */
}
h1, h2, h3 {
    margin:.8em 0 .2em 0;
    padding:0;
}
h1 {
	font-weight: normal;
	letter-spacing: .3em;
	padding: 1em 0;
	font-size: 150%;
	white-space: nowrap;
}
p {
    margin:.4em 0 .8em 0;
    padding:0;
}
img, ul {
	padding: 0; margin: 0; border: 0;
}
ul {
	list-style: none;
	margin: 0 .75em;
}
li {
	margin: 1em 0;
}
li,
.painting {
	font-size: 90%;	
}
/*** Text modifiers ***/
.caps,
.categories {
	text-transform: uppercase;
}
.header {
}

/*** PDK specific ***/
.blue,
a:hover,
.active a {
	color: #09c;
}
.container {
	width: 960px;
}
.categories,
.paintings {
	width: 110px;
	float: left;
	font-size: 90%;
}
.paintings {
	float: left;
}
.painting {
	float: left;
}
.painting .image img {
	max-width: 720px;
	max-height: 520px;
}
.paintings ul {
	margin-right: 1em;
}
.painting_wrap {
	margin-left: .5em;
	width: 720px;
	max-width: 720px;
	width: auto;
	margin-right: .5em;
}
.about {
    background: url(/img/about-bg.jpg) no-repeat;
    line-height: 1.5;
    font-size: 110%;
    color: #eee;
    width: 888px;
    height: 598px;
}
.about .textwrap {
    padding: 200px 10px 10px 350px;
}
.footer {
	clear: both;
	padding: 2em;
}
.title {
	font-weight: bold;
}
.title,
.year {
	margin: 1em 0;
}
.materials,
.dimensions,
.year {
	font-size: 85%;
}
#pdktitle {
	margin: 1em;
	margin-left: 115px;
	margin-bottom: 0;
}
.header h3 {
    margin: 0 0 20px 115px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.nextback {
  margin-left: 5px;
}
.painting_thumbs {
  margin-bottom: 10px;
  margin-left: 5px;
  max-width: 500px;
}
.painting_thumbs img {
  margin-right: 3px;
  margin-bottom: 3px;
  border: 1px solid transparent;
  opacity: .25;
  -webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.painting_thumbs img:hover {
  opacity: 1;
}
.painting_thumbs .active img {
 /* border-color: #09c; */
  opacity: 1;
}