/* @override http://www.isaacresnikoff.info/styles.css */

/* CSS Document */

body
	{
	font-size: 10px;
	font-family: arial, sans-serif;
	font-weight:normal;
	color:black;
	position:relative;
	background-color:white;
	/*background-image:url("images/gfx/diag.gif");
	background-repeat:both;*/
	margin:0px;
	}

html, body
	{
	padding:0px;
	}
	
p {margin:0px; margin-top:10px;}

p:first-child {margin-top:0px;}

a
	{
	color:black;
	text-decoration:none;
	}
	
a:hover
	{
	text-decoration:underline;
	}

#container
	{
	margin:0px;
	margin-top:10px;
	height:555px;
	width:100%;
	/*border-top:1px black solid;
	border-bottom:1px black solid;*/
	border:0px;
	position:absolute;
	padding:0px;
	background-color:white;
	}
	
#backstop
	{
	height:555px;
	margin:0px;
	margin-top:10px;
	width:100%;
	position:absolute;
	right:0px;
	/*border-top: 1px black solid;
	border-bottom: 1px black solid;*/
	border:0px;
	background-color:white;
	z-index:0;
	}
	
	
.photocredit
	{
	display:block;
	margin:5px 0px;
	color: #333333;
	}
	
.photocredit h5
	{
	font-size:10px;
	font-weight:bold;
	display:inline;
	}

#navigation
	{
	margin-left:0px;
	position:relative;
	float:left;
	border:0px;
	padding:25px;
	height:405px;
	}
	
#navigation img
	{
	float:left;
	clear:both;
	}
	
.clear
	{
	position:relative;
	float:left;
	clear:both;
	}

#artbox, #writingbox
	{
	position:relative;
	float:left;
	height:405px;
	padding:0px;
	padding-top:25px;
	border:0px;
	font-size: 1em;
}
	
#artbox img {
	border: 1px solid #999999;
	}

.caption
	{
	position:relative;
	float:left;
	clear:both;
	margin-top:10px;
	}

.frame 
	{
	height:455px;
	position:relative;
	float:left;
	margin:0px 15px;
	border:0px;
	}

.caption ul
	{
	list-style-type:none;
	text-indent:none;
	display:block;
	margin-left:0px;
	padding:0px;
	}
	
.caption ul li {
	display:block;
	position:relative;
	float:left;
	margin-right:5px;
	}
	
#artbox img
	{
	float:left;
	}
	
#artbox ul
	{
	margin-bottom: 5em;
}
	
#artbox ul li
	{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#artbox ul li ul li h1 i
	{
	color: #616161;
	font-weight:normal;
}

#artbox ul li h2 a
	{
	color: black;
	font-weight:bold;
}

#artbox ul li h2
	{
	color: black;
	font-weight:normal;
}

#artbox ul li ul
	{
	margin-top: -3.4em;
	font-size: .65em;
}


#artbox img:first-child
	{
	clear:both;
	opacity: 1;
}

.column
	{
	width:200px;
	height:100%;
	padding:0px;
	margin-right:10px;
	float:left;
	}
	
.exhibition
	{
	width:175px;
	height:200px;
	padding:10px;
	float:left;
	position:relative;
	margin:5px;
	font-size:10px;
	color:#999999;
	}
	
.exhibition h1
	{
	font-size:.75em;
	color:#33333;
	}
	
.exhibition h2
	{
	font-size:1.1em;
	color:#666666;
	}
	
.exhibition h3
	{
	font-size:1em;
	color:#666666;
	}
	
.solo
	{
	border-right:35px solid black;
	}
	
.group
	{
	border-right:10px solid white;
	}
	
.moreshowscontainer
	{
	float:left;
	clear:left;
	width:195px;
	margin-left:5px;
	border: 1px solid white;
	}

.moreshows
	{
	margin: 0px;
	color:#999999;
	}
	
.right
	{
	float:right;
	}
	
.left
	{
	float:left;
	}
	
	{
	background-color:black;
	}

.moreshows a
	{
	background-color:white;
	color:black;
	}

.moreshows a:hover
	{
	background-color:black;
	color:white;
	}
	
#caveat
	{
	font-size:1em;
	color:#666666;
	padding-top:3px;
	float:left;
	clear:both;
	}
	


.button
	{
	margin:0px;
	float:left;
	clear:both;
	border:0px;
	}
	
.button span
	{
	visibility:hidden;
	}
	
#sculpture
	{
	background-image:url("images/nav/sculpture.gif");
	background-repeat:no-repeat;
	width:150px;
	height:33px;
	}
	
#sculpture:hover
	{
	background-image:url("images/nav/sculpture_on.gif");
	}
	
#drawing
	{
	background-image:url("images/nav/drawings.gif");
	background-repeat:no-repeat;
	width:136px;
	height:33px;
	}
	
#drawing:hover
	{
	background-image:url("images/nav/drawings_on.gif");
	}
	
#writing
	{
	background-image:url("images/nav/writing.gif");
	background-repeat:no-repeat;
	width:110px;
	height:33px;
	}
	
#writing:hover
	{
	background-image:url("images/nav/writing_on.gif");
	}
	
#exhibitions
	{
	background-image:url("images/nav/exhibitions.gif");
	background-repeat:no-repeat;
	width:160px;
	height:33px;
	}
	
#exhibitions:hover
	{
	background-image:url("images/nav/exhibitions_on.gif");
	}

#press
	{
	background-image:url("images/nav/press.gif");
	background-repeat:no-repeat;
	width:80px;
	height:33px;
	}
	
#press:hover
	{
	background-image:url("images/nav/press_on.gif");
	}