body { margin: 0; padding: 15px; color: #808080; background: #FFFFFF; font-family: Arial, sans-serif; }
div#sidebar { width: 110px; position: absolute; top: 15px; left: 15px; }
div#sidebar p { margin: 0; border: 1px solid #000000; color: #000000; background: #EEEEEE; }

@media screen {
  div#sidebar { position: fixed; }
  * html { overflow-y: hidden; }
  * html body { overflow-y: auto; height: 100%; padding: 15px; font-size: 100%; }
  * html div#sidebar { position: absolute; }
  }
  
/* ---------- general styles ---------- */

img { border: none; }

a {
	text-decoration: none;
}


/* ---------- menu sidebar ---------- */

#masthead { margin-bottom: 30px; }

#sidebar ul { margin: 0; padding: 0; list-style-type: none; }
#sidebar ul li { margin: 0 0 10px 0; padding: 0; }


/* ---------- main content ---------- */

#content { margin-left: 140px; }
.artphotolinks { color: #808080; font-size: 56px; font-family: helvetica; font-weight: 900; text-transform: lowercase; text-align: center; letter-spacing: -6px; }
.arttitlenew { color: #a8a8a8; font-size: 24px; font-family: helvetica; font-weight: 900; text-align: center; text-transform: lowercase; letter-spacing: -2px; }
.arttitlenew a { color: #a8a8a8; font-size: 24px; font-family: helvetica; font-weight: 900; text-align: center; text-transform: lowercase; letter-spacing: -2px; }
.artphotolinks a { color: #808080; font-size: 56px; font-family: helvetica; font-weight: 900; text-align: center; text-transform: lowercase; letter-spacing: -6px; }
.front {	text-align: center; }
.title {	text-align: center; margin-bottom: 20px; }
.subtitle {	text-align: center; margin: 40px 0 20px 0; }
.art {
	margin-top: 50px;
}
.small {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .18em;
}
.small a {
	text-decoration: none;
	color: #808080;
}

ul.thumbnails {
	font-size: 9px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	list-style: none;
}

ul.thumbnails li {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 20px;
}

ul.thumbnails li img {
	margin-right: 5px;
}

ul.thumbnails a {
	text-decoration: none;
	color: #808080;
	letter-spacing: .1em;
}



/* ----------  painting display ---------- */

#painting-nav, #history-nav {
	font-size: 11px;
	text-transform: lowercase;
	text-align: center;
	margin-bottom: 20px;
}

#painting-nav a, #history-nav a {
	color: #808080;
	text-decoration: none;
}

.painting-display {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
}

.painting-display h2 {
	font-size: 13px;
}

.video .painting-display h2 {
	font-size: 10px;
}

.painting-display h3 {
	font-size: 10px;
	font-weight: normal;
}

.zoom {
	font-size: 10px;
	display: block;
	margin-top: 20px;
}

.zoom a {
	text-decoration: none;
	color: #808080;
}


/* ----------  history ---------- */

.show {
	font-size: 13px;
	color: #555555;
	line-height: 150%;
}
.show-image {
	text-align: center;
}
.show-image-caption { font-size: 11px; text-transform: uppercase; text-align: center; }
.history {
	font-size: 13px;
}

.history .description {
	margin-left: 113px;
	font-size: 13px;
}

.show h2 {
	text-align: center;
	text-transform: uppercase;
}

.history ul {
	margin: 0;
	padding: 0;
	font-size: 13px;
	list-style: none;
}

.history ul li {
	margin-bottom: 20px;
}


/* ----------  contact ---------- */

.contact {
	font-size: 13px;
}

.contact strong {
	font-size: 18px;
}

.contact p {
	margin-bottom: 30px;
}
/* ----------  links ---------- */

.links h2 {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .25em;
}

.links ul {
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
}

.links ul li {
	padding: 0;
	margin: 10px 0;
	font-size: 13px;
}

.links ul li img {
	vertical-align: bottom;
}


/* ----------  updates ---------- */

.updates {
	text-align: left;
	font-size: 13px;
}

.updates h3 {
	font-size: 15px;
}

.updates .timestamp {
	font-size: 11px;
	font-weight: normal;
}