/* You are free to take a look at the style sheet used on the Ana Black Photography web site, but please take note that the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright Ana Black Photography and may not be reproduced. Stealing this design will only lead to bad karma!*/ 

body {margin:0px auto 0px auto;padding:0; text-align:center;	font: 11px/16px verdana, arial, tahoma, lucida, sans-serif;	color:#686868;	background:#FFFFFF;}
p, h2, td {text-align:left;}
p.copy{font: 10px/14px verdana, arial, tahoma, lucida, sans-serif;}
p.statement{padding:0 20px 0 40px;}

a {font-size:12px; font-weight:bold; line-height:30px; color:#686868;text-decoration:none;}
a:hover {color:#000000; font-weight:bold; text-decoration:none;}
h2{
	font:16px/22px verdana, arial, tahoma, sans-serif;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:0;
}
h1{
	font:16px/22px verdana, arial, tahoma, sans-serif;
	font-weight:bold;
	margin: 10px;
	padding:0;
	text-align:left;
}
#wrapper{width:790px; margin:0px auto 0px auto; text-align:center;}

#container{
	clear:both;
	width:790px;
	min-height:500px;
	margin:2px 0 0 0;
	border:1px solid #686868;
	background:url(../images/copy.gif) left bottom no-repeat;
}

#cv_container{
	clear:both;
	width:790px;
	margin:2px 0 0 0;
	border:1px solid #686868;
	background:url(../images/copy.gif) left bottom no-repeat;
}

#header{width:790px;height:60px;}
#logo h2{
	background:transparent url(../images/logo.gif) no-repeat;
	width:280px;
	height:45px;
	margin:15px 0 15px 0;
	padding:0;
	text-indent:-9999px;
	float:left;
}

	

/*Styles for navigation bar */

#nav ul{float:right;height:20px;margin: 32px 0 0 0;	padding:0;}
#nav li{height: 20px;margin: 0;	padding: 0;	display: inline;list-style: none;}
#nav a{	background: #ffffff; font: 12px; height: 20px; padding: 6px 20px 2px 20px; margin:0; text-decoration: none;	color: #686868;}
#nav a:hover{color:#000000;}


	
/*style for content */
#bio{clear:both;float:left;	width: 420px;	padding: 0;	margin:40px 0 40px 55px;}

#left{
	clear:both;
	float:left;
	width: 250px;
	padding: 0;
	margin: 40px 10px 40px 30px;
}

#right{
	float:right;
	width: 330px;
	height:330px;
	padding: 0;
	margin: 40px 20px 0 0;
}

#home_back a{
	background:transparent url(../images/back.gif) no-repeat;
	float:left;
	width:57px;
	height:27px;
	padding:5px;
	margin:10px 0 0 3px;
	text-indent:-9999px;
}

#state a{
	background:transparent url(../images/statement.gif) no-repeat;
	float:right;
	width:82px;
	height:27px;
	padding:5px;
	margin:10px 0 0 0;
	text-indent:-9999px;
}

#thumbnails{
	clear:both;
	float:left;
	width: 278px;
	padding: 0;
	margin: 5px 0 10px 0;

}
#photo {float:left; width: 500px; padding:0;margin:50px 0 40px 0;}
td.photo {padding:50px 0 0 0; text-align:center;}
.topPad{padding:20px 0 0 0;}



/*Styles for thumbnails on home page*/

ul#thumbs, ul#thumb {
	position: absolute;
	top: 60px;
	left: 400px;
	padding: 0;
	margin: 0;
}

ul#thumbs li, ul#thumb li  {
	position: absolute;
	list-style-type: none;
	border: 1px solid #DCD6D6;
	height: 80px;
	width: 80px;
	overflow: hidden;
}

ul#thumbs li#thumb_0 {top:50px; left:100px;}
ul#thumbs li#thumb_1 {top: 50px;left: 200px;}
ul#thumbs li#thumb_2 {top: 50px;left: 300px;}
ul#thumbs li#thumb_3 {top: 140px;left: 100px;}
ul#thumbs li#thumb_4 {top: 140px;left: 200px;}
ul#thumbs li#thumb_5 {top: 140px;left: 300px;}

ul#thumbs li#thumb_00 {top:230px; left:100px;}
ul#thumbs li#thumb_01 {top: 230px;left: 200px;}
ul#thumbs li#thumb_02 {top: 230px;left: 300px;}
ul#thumbs li#thumb_03 {top: 320px;left: 100px;}
ul#thumbs li#thumb_04 {top: 320px;left: 200px;}
ul#thumbs li#thumb_05 {top: 320px;left: 300px;}



.pic {border: 1px solid #989898;}

div#thumb_0, div#thumb_1, div#thumb_2, div#thumb_3, div#thumb_4, div#thumb_5, div#thumb_6, div#thumb_7, div#thumb_8, div#thumb_9   {
	border: 1px solid #DCD6D6;
	height: 80px;
	width: 80px;
	overflow: hidden;
}





#footer{
	clear:both;
	padding:4px;
	margin:0;
}