/* CSS Document */


/* COMMON STYLES */

body {
	background-color: #472a04;
	}
	
a:link, a:visited {
	color: #333333;
	}
	
a:hover, a:active {
	color: #FF6600;
	}


a:link img, a:visited img {
	border: 1px solid #cccccc;
	}
	
a:hover img, a:active img {
	border: 1px solid #FF6600;
	}
		

#box {
	width: 78em;
	border: 2px solid #000000;
	margin: 15px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background-color: #ffffff;
	padding: 0;
	background-image: url(/images/backgrounds/roundrect_bkg.gif);
	background-position: top;
	background-repeat: repeat-y;
	}
	

#header {
	height: 75px;
	position: relative;
	padding: 1px;
	}


br.clearboth {
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	}
	
br.clearleft {
	clear: left;
	height: 0;
	line-height: 0;
	visibility: hidden;
	}

.title {
	font-weight: bold;
	}

/* HEADER */

#header h1 {
	margin: 0;
	padding: 0;
	width: 300px;
	}

#header h1 img {
	margin: 0;
	padding: 0;
	}

#header p {
	margin: 0;
	font-family: futura,arial,helvetica,sans-serif;
	color: #FF6600;
	font-size: 11px;
	padding: 0;
	white-space: nowrap;
	position: absolute;
	bottom: 30px;
	right: 20px;
	}


#header a:link img, #header a:visited img {
	border: none;
	}
	
#header a:hover img, #header a:active img {
	border: none;
	}
			
.replaced-text {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	display: none;
	}




	
/* LEFTNAV */	

#leftnav {
	width: 12em;
	margin: 0;
	padding: 0;
	}

#leftnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#leftnav ul li {
	margin: 0 0 10px 0;
	font-family: futura,arial,helvetica,sans-serif;
	color: #999999;
	font-size: 14px;
	padding: 0;
	text-align: right;
	font-stretch: wider;
	}	

#leftnav ul li a:link, #leftnav ul li a:visited {
	color: #999999;
	text-decoration: none;
	}

#leftnav ul li a:hover, #leftnav ul li a:active {
	color: #FF6600;
	}

#leftnav ul li a:link.current, #leftnav ul li a:visited.current {
	color: #222222;
	}	

#leftnav ul li a:hover.current, #leftnav ul li a:active.current {
	color: #FF6600;
	}	





/*MAIN CONTENT */
	
#main {
	position: relative;
	clear: both;
	margin: 20px 0 0 0;
	padding: 0 30px 0 0;
	}


.callout {
	font-weight: bold;
	}

.viewimage {
	font-size: 9px;
	}

#clicktext {
	margin: 0;
	padding: 10px 0 3px 0;
	font-size: 9px;
	}

	
#content {
	margin: 0;
	width: 60em;
	float: right;
	padding: 0 0 10px 0;
	}

#content h2 {
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #ffffff;
	background-color: #B5D0CE;
	padding: 1px 3px 2px 3px;
	}


#content h2 a:link, #content h2 a:visited {
	color: #ffffff;
	text-decoration: none;
	}
	
#content h2 a:hover, #content h2 a:active {
	color: #ffffff;
	text-decoration: underline;
	}
		
#content h3 {
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	color: #222222;
	}

#content p {
	font-size: 10px;
	line-height: 14px;
	}



	p#exhibition-title, p#event-title {
		font-size: 12px;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 0;
		}
	
	p#exhibition-artist {
		font-size: 12px;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 0;
		}
		
	p#exhibition-subtitle {
		font-size: 10px;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 0;
		}
	
	p#event-subtitle {
		font-size: 10px;
		margin: 0 0 5px 0;
		padding: 0;
		}
		
	p#exhibition-curator {
		font-size: 10px;
		margin: 0 0 5px 0;
		padding: 0;
		}
		
	p#exhibition-date, p#event-date {
		font-size: 10px;
		margin: 0 0 5px 0;
		padding: 0;
		}
	
	p#exhibition-reception {
		font-size: 10px;
		margin: 0 0 5px 0;
		padding: 0;
		}



#thumbnails {
clear: left;
	}
	
#thumbnails img {
	margin: 5px 10px 5px 0;
	}

#thumbnails a:link img, #thumbnails a:visited img {
	border: 1px solid #cccccc;
	}
	
#thumbnails a:hover img, #thumbnails a:active img {
	border: 1px solid #FF6600;
	}		

#image-display {
	text-align: center;
	margin-bottom: 10px;
	}
	
#image-display p {
	margin: 15px 0 0 0;
	}

.backlink {
	font-size: 9px;
	padding: 10px 0 0 0;
	margin: 0;
	text-align: center;
	}
	
.backlink a:link, .backlink a:visited {
	color: #666666;
	}

.backlink a:hover, .backlink a:active {
	color: #FF6600;
	}



.past-item {
	margin: 0 15px 0 0;
	padding: 0;
	line-height: 14px;
	float: left;
	width: 43%;
	}

.past-item img {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	}


/* FOOTER */


#footer {
	clear: both;
	text-align: center;
	padding: 5px 0 5px 0;
	margin: 20px 0 0 0;
	background-color: #000000;
	}
	
#footer p {
	margin: 0;
	padding: 0;
	color: #ffffff;
	}
	
	
	

	
	/* HOME */
			
	#current {
		margin: 0;
		padding: 0;
		}
	
		#current a:link, #current a:visited {
			color: #555555;
			text-decoration: none;
			}
		
		#current a:hover, #current a:active {
			color: #FF6600;
			text-decoration: underline;
			}
			
		#current-image {
			float: left;
			margin: 0 15px 10px 0;
			}
		
		#current-image-right {
			float: right;
			margin: 0 0 10px 15px;
			}
			
		#current p {
			margin: 0 0 5px 0;
			}
		

		
	#home-upcoming {
		margin: 0 0 10px 0;
		padding: 10px 0 0 0;
		clear: both;
		}
			
	#home-news {
		margin: 0 0 10px 0;
		padding: 10px 0 0 0;
		clear: both;
		}
		
	#home-press {
		margin: 0 0 10px 0;
		padding: 10px 0 0 0;
		clear: both;
		}
		
	#home-recent {
		margin: 0 0 10px 0;
		padding: 10px 0 0 0;
		border-top: 1px solid #cccccc;
		}



	/* GALLERY */
	
	#exhibition-head {
		margin: 0 0 15px 0;
		font-weight: bold;
		}
	
	#exhibition-head p {
		margin: 0 0 3px 0;
		}
		
	#gallery-past {
		margin: 0 0 10px 0;
		padding: 10px 0 15px 0;
		clear: both;
		}
	
	#content #gallery-past h3 {
		margin: 0 0 10px 0;
		}


	/* EVENTS */
	
	#events-upcoming {
		margin: 0 0 10px 0;
		padding: 0;
		clear: both;
		}
	
	.upcoming-event {
		margin: 0 15px 0 0;
		padding: 0;
		line-height: 14px;
		clear: left;
		}

	.upcoming-event img {
		float: left;
		margin: 0 10px 10px 0;
		padding: 0;
		}
			
	#events-past {
		margin: 0 0 10px 0;
		padding: 10px 0 15px 0;
		clear: both;
		}
	
	#content #events-past h3 {
		margin: 0 0 10px 0;
		}
	
	/* LINKS */
	
	.link-column {
		margin: 0 15px 0 0;
		padding: 0;
		line-height: 14px;
		float: left;
		width: 43%;
		}
		
	#content .link-column h3 {
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	color: #222222;
	}
	
	
	/* ARTISTS */
	
	.artist-info {
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 14px;
	clear: left;
	}

	.artist-info img {
	float: left;
	margin: 0 15px 10px 0;
	padding: 0;
	}
	
	.artist-name {
		font-weight: bold;
		color: #000000;
		}
	
	
	
	
	/* SHOP */
	
	
	.store-item {
		margin: 0 15px 20px 0;
		padding: 5px;
		background-color: #dddddd;
		line-height: 14px;
		float: left;
		width: 20%;
		text-align: center;
	}
	
	.store-item img {
		margin: 0 auto 10px auto;
		padding: 0;
	}
	
	.store-item-display {
		text-align: center;
		}
	
	.store-item-display img {
		margin: 0 auto 10px auto;
		}
		
	.store-item-info {
		min-height: 15em;
		margin: 0 0 10px 0;
		}
	
	.store-item-display-info {
		margin: 0 0 10px 0;
		}
		
		.store-item-info p, .store-item-display-info p {
			margin: 0 0 3px 0;
			padding: 0;
		}

	
	.store-item form {
		margin: 0;
		padding: 0;
	}
	
.backlink {
	font-size: 9px;
	margin: 5px;
	padding: 0;
	}
	
	/* DIRECTIONS */
	
	#map {
		margin: 0 0 15px 0;
		}
		
	/* PRESS */
	
	#press-clipping {
		text-align: center;
		}