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 0 0 20px;
	text-transform: uppercase;
	list-style: none;
}
ul.graythumbnails { font-size: 9px; background-color: #313131; text-transform: uppercase; list-style: none; margin: 0; padding: 20px 0 100px 20px; }
.vtitle { color: #b8b8b8; font-size: 20px; text-transform: uppercase; text-align: center; margin: 0; padding-top: 20px; padding-bottom: 130px; }
.grayback { background-image: url(../_img/grayback.jpg); background-repeat: repeat; background-attachment: fixed; text-align: center; position: absolute; top: 0; left: 140px; right: 0; width: auto; height: auto; z-index: 0; float: right; min-height: 100%; padding-right: 15px; }



ul.graythumbnails li {
	margin: 0 0 0;
	padding: 0 0 20px;
	list-style: none;
}
ul.thumbnails li { list-style: none; margin: 0 0 20px; padding: 0; }
ul.graythumbnails li img {
	margin-right: 5px;
}
ul.thumbnails li img { margin-right: 5px; }
ul.thumbnails a {
	text-decoration: none;
	color: #808080;
	letter-spacing: .1em;
}
ul.graythumbnails a { color: #cfcfcf; text-decoration: none; letter-spacing: 0.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;
}
.historytitle { color: #757575; font-size: 24px; text-align: center; text-transform: uppercase; margin-right: auto; margin-left: auto; }
.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;
}
.ptext { text-align: justify; }
.wrapp { width: auto; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }
.grayshow { background-color: #313131; }