/* Basics
------------------------------ */
html {
	/* Moz */
	height: 100%;  padding:0
}

body {margin:0; padding:0; margin:30px; height:100%}

img {border:0}

a {text-decoration:none; color: #333333; }

/* Main Layout
------------------------------ */

#title {margin:0; padding:0; height:30px;}


#nav {width:445px; margin: 20px 0 0 425px}
#nav a {margin: 0 29px 0 0}
#nav a.last {margin:0}



#content {width:840px; position:absolute;}

#home	{margin: 40px 0 15px 0; padding:0; text-align:center;}


#infoimg	{margin-top:50px;  width:860px; z-index:1; }
#bio {position:absolute;top: 200px; padding:10px; left:0; width:500px;font-size:20px; background:#ffffff; z-index:2;}
#infoemail {position:absolute;top: 435px; padding:10px; left:0; width:400px; font-size:20px; background:#ffffff; z-index:2;}
#credit {background:#ffffff; padding: 3px 5px 3px 0;}

#copyright {background:#ffffff; padding: 7px 5px 0px 0;}


/* work detail */

#media	{position:absolute;margin: 40px 0 0 0; padding:0; text-align:left;}
#media ul {padding:0; margin: 0 0 0 0; }


#desc {position:absolute; top:150px; right:0; width: 285px; text-align:left; height:300px;padding:0;}
#albumnav {position:absolute; bottom: 0; padding:0; margin:0; width:285px }

#workindex {float:right}

/* work listing */

#blogcontent {margin: 100px 0 0 150px; width:550px; font-size:18px;}
#blogcontent p {padding: 0 0 20px 0;}
#blogcontent img {padding: 0 15px 15px 0}

#blogcontent2 {margin: 100px 0 0 150px; width:700px; font-size:18px;}
#blogcontent2 p {padding: 0 0 20px 0;}
#blogcontent2 img {padding: 0 15px 15px 0}


#workcontent {margin: 100px 0 0 150px;}
.worklist h2 {float: left;  padding:0; margin:0; font-size: 24px; font-weight:bold; color:#666666;}
.worklist a {font-size:24px;  font-weight:bold; color: #666666; }
.worklist a:visited {color:#999999; }
.worklist ul {list-style:none; padding:0; margin:0 0 0 100px;}
.worklist ul li {margin: 0; padding:0; list-style:none}


/* Gallery layout */

#jgal div#jsnav {position:absolute; left: 550px; top:415px; width:285px;}

#jgal { list-style: none; padding:0; margin:0 0 15px 0 }
#jgal li {float: left; display: block; width: 85px; height: 85px; background-position:top left; cursor: pointer; margin: 0 14px 14px 0; padding:0 }
#jgal li img { position: absolute; top: 100px; left: 0; display: none; }
#jgal li.active { background-position:-999px -999px; }
#jgal li.active img { display: block; margin: 0 0 15px 0;  }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; padding:0; margin:0 0 15px 0;}
#gallery li { float: left; margin: 0 10px 10px 0; list-style-type:none }



/* Link Styles
------------------------------ */


/* Text Styles
------------------------------ */

body { font-family:"Orator Std", "Lucida Grande", "Courier New", Courier; font-variant:small-caps; color: #666666; font-size: 14px;}
h2 { font-size:16px; color: #333333; text-transform:uppercase;}
.materials {color: #999999; font-style:italic}



/* Miscellaneous
------------------------------ */



/* Page Navigation
------------------------------ */





/* Admin Toolbox
------------------------------ */
#admin, #admin_data{
	position: fixed;
    _position: absolute;
	right: 0px;
	top: 0px;
	width: 130px;
	border-bottom: 1px solid #E6E6DF;
	border-left: 1px solid #E6E6DF;
	background: #fff;
    z-index: 2;
}
#admin_data{
	top: 0px;
	padding-top: 20px;
	z-index: 1;
	line-height: 1.6em;
}
#admin h3 {
	font-weight: normal;
	color: #999;
	margin:0;
	padding:0;
}
#admin h3:hover { color: #036; }