/*** 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;
	font-size: 250%;
	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: right;
}
.painting {
	float: left;
}
.painting .image img {
	max-width: 720px;
	max-height: 720px;
}
.paintings ul {
	margin-right: 1em;
}
.painting_wrap {
	margin-left: .5em;
}
.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: 108px;
}