/* CSS Document */

	
body {
	font-family: helvetica, arial;
	font-weight: nomal;
	background-color: #799EAF;
	color: #472B2B;
	}	
	
ul {
	list-style-type: none
	}

a { 
	color: #6b6161;
	text-decoration: none;
	}
	
a:hover { 
	color: #799EAF;
	}
	
a img {
	border: none;
	}
	
#ground {
	width: 933px;
	position: absolute;
	left: 50%;
	margin-left: -466px;
	bottom: 50%;
	margin-bottom: 200px;
	}	

#title {
	position: absolute;
	top: 0px;
	left: 350px;
	z-index: 100;
	font-family: helvetica, arial;
	font-size: 30px;
	letter-spacing: 2px;
	color: #799EAF;
	}
	
#buttons {
	position: absolute;
	top: 78px;
	left: 10px;
	z-index: 100;
	width: 950px;
	font-family: helvetica, arial;
	font-size: 15px;
	letter-spacing: 1px;
	}

.bigbutt {
	padding: 0 53px 0 10px;
	font-size: 25px;
	}
	
.bigbutt a {
	color: #799EAF;
	}	
	
.button {
	padding-right: 30px;
	}
	
#backdrop{
	position: absolute;
	top: 112px;
	left: 0px
	z-index: 100;
	width: 930px;
	height: 485px;
	background-color: #F7F1E6;
	}
	
#brown{
	position: absolute;
	top: 112px;
	left: 0px
	z-index: 100;
	width: 930px;
	height: 485px;
	}
	

	
/* ARTWORK */
	
#wall {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 830px;
	text-align: center;
	}
	
#caption {
	position: absolute;
	top: 405px;
	left: 0px;
	font-size: 11px;
	letter-spacing: 1px;
	width: 830px;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
	color: #6b6161;
	}
	
.subtext {
	color: #6b6161;
	}
	
#thumbs {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 105px;
	height: 485px;
	overflow: auto;
	}
	
#thumbs span {
	text-decoration: underline;
	}
	
#prints {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 12px;
	letter-spacing: 0px;
	width: 160px;
	line-height: 17px;
	font-weight: bold;
	color: #6b6161;
	text-align: left;
	}
	
#prints a {
	/*color: #799EAF;*/
	text-decoration: underline;
	}

#prints a:hover {
	color: #799EAF;
	}	
	
#printwall {
	position: absolute;
	top: 35px;
	left: 150px;
	width: 680px;
	text-align: center;
	}
	
#printcaption {
	position: absolute;
	top: 405px;
	left: 150px;
	font-size: 11px;
	letter-spacing: 1px;
	width: 680px;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
	color: #6b6161;
	}
	
.printinfo {
	padding: 0 0 10px 0px;
	font-size: 15px;
	letter-spacing: 1px; 	
	}	
		
/* ABOUT */

#text {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 12px;
	letter-spacing: 0px;
	width: 485px;
	line-height: 17px;
	font-weight: bold;
	color: #E0D9CF;
	text-align: left;
	}
	
#text a {
	color: #E0D9CF;
	text-decoration: underline;
	}
	
#text a:hover {
	color: #799EAF;
	}	
	
#portrait {
	position: absolute;
	top: 20px;
	left: 590px;
	}
	
/*#portrait {
	position: absolute;
	top: 20px;
	left: 550px;
	}*/
	
/* EXHIBITIONS */

#list {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 15px 0 0 0;
	width: 180px;
	height: 455px;
	overflow: auto;
	font-size: 13px;
	letter-spacing: 0px;
	width:910px;
	line-height: 17px;
	font-weight: bold;
	color: #E0D9CF;
	}

#list a {
	color: #E0D9CF;
	text-decoration: underline;
	}
	
#list a:hover {
	color: #799EAF;
	}

.section {
	padding: 0 0 10px 83px;
	font-size: 16px;
	letter-spacing: 1px; 	
	}
	
.listing {
	padding: 0 0 10px 0;	
	}
		
.year {
	color: #BBAD99;
	padding-right: 55px;
	}
	
.years {
	color: #BBAD99;
	padding-right: 23px;
	}
	
.noyear {
	padding-left: 83px;
	}
	
/* INFO */

#contact {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 13px;
	letter-spacing: 0px;
	width: 350px;
	line-height: 17px;
	font-weight: bold;
	color: #E0D9CF;
	text-align: left;
	}
	
#contact a {
	color: #E0D9CF;
	text-decoration: underline;
	}
	
#contact a:hover {
	color: #799EAF;
	}
	
/*#studio {
	position: absolute;
	top: 20px;
	left: 450px;
	}
	
#map {
	position: absolute;
	top: 36px;
	left: 450px;
	}*/
	
#map {
	position: absolute;
	top: 40px;
	left: 20px;
	}
	
.info {
	padding: 0 0 10px 0px;
	font-size: 16px;
	letter-spacing: 1px; 	
	}
	
/* CREDITS */
	
#credits {
	font-size: 11px;
	letter-spacing: 1px;
	color: #2D3A43;
	z-index: 100;
	}

#c1 {
	position: absolute;
	top: 605px;
	left: 0px;	
	text-align: left;
	z-index: 100;
	}
	
#c1 a {
	color: #2D3A43;
	}
	
#c1 a:hover {
	color: #F7F1E6;
	}
	
#c2 {
	position: absolute;
	top: 605px;
	left: 280px;	
	text-align: left;
	z-index: 100;
	text-decoration: underline;
	}
	
#c2 a {
	color: #2D3A43;
	}
	
#c2 a:hover {
	color: #F7F1E6;
	}
	
#c3 {
	position: absolute;
	top: 605px;
	left: 595px;	
	text-align: left;
	z-index: 100;
	text-decoration: underline;
	}
	
#c3 a {
	color: #2D3A43;
	}
	
#c3 a:hover {
	color: #F7F1E6;
	}
	
#c4 {
	position: absolute;
	top: 605px;
	left: 5px;
	width: 925px;	
	text-align: right;
	text-decoration: underline;
	}
	
#c4 a {
	color: #2D3A43;
	}
	
#c4 a:hover {
	color: #F7F1E6;
	}
	
#dork {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 11px;
	letter-spacing: 0px;
	width: 890px;
	line-height: 16px;
	font-weight: bold;
	color: #E0D9CF;
	text-align: left;
	}
	
/* BLOG */

#blog {
	position: absolute;
	top: 0px;
	left: 223px;
	padding: 15px 0 0 0;
	width: 707px;
	height: 455px;
	overflow: auto;
	font-size: 13px;
	letter-spacing: 0px;
	line-height: 17px;
	font-weight: bold;
	color: #6b6161;
	text-align: left;
	}
	
#blog a {
	color: #6b6161;
	text-decoration: underline;
	}
	
#blog a:hover {
	color: #799EAF;
	}
	
#news {
	width: 475px;
	text-align: left;
	}

#date {
	line-height: 0px;
	font-size: 10px;
	}
	
.storycontent {
	padding: 10px 0 20px 0;
	}
	
.storytitle {
	font-size: 16px;
	letter-spacing: 1px; 	}
	
#rss{
	position: absolute;
	top: 25px;
	left: 720px;
	font-family: helvetica, arial;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #6b6161;
	text-align: left;
	z-index: 90;
	list-style-type: none;
	}
	
#rss img {
	padding: 0 15px 0 0;
	vertical-align: sub;
	}
	
li {
	list-style-type: none;
	line-height: 25px;
	}


#left {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 13px;
	letter-spacing: 0px;
	width: 425px;
	line-height: 17px;
	font-weight: bold;
	color: #E0D9CF;
	text-align: left;
	}
	
#left a {
	color: #E0D9CF;
	text-decoration: underline;
	}
	
#left a:hover {
	color: #799EAF;
	}
	
#right {
	position: absolute;
	top: 20px;
	left: 485px;
	font-size: 13px;
	letter-spacing: 0px;
	width: 425px;
	line-height: 17px;
	font-weight: bold;
	color: #E0D9CF;
	text-align: left;
	}
	
#right a {
	color: #E0D9CF;
	text-decoration: underline;
	}
	
#right a:hover {
	color: #799EAF;
	}
	
td.form {
	padding: 8px 0 0 0;
	color: #E0D9CF;
	font-family: helvetica;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	}
	
	
	

