@charset "utf-8";
/*********************************************
**	Stephen Mitchell Gilbert
**	@url: http://stephenmitchellgilbert.com
*********************************************/

body { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#4A4A30; margin:0; padding:0; height:100%; overflow-x: hidden;}
a, a:visited, a:link { text-decoration: none; color: #BBBBB1; }
a:active, a:focus { outline:none; }
a img { border:0; }
h4 { font-weight:normal; font-size:16px; margin:10px 0 30px 0; text-align: center; }

/*** WRAPPER ***/
#wrapper { width:900px; margin:40px auto 10px auto; z-index:1; position:relative; }

/*** HEADER ***/
#header h1 { text-indent:-9999em; margin:0; padding:0; display:block; line-height:48px; background:url(/images/bg_header.png) no-repeat left top; }
#header h1:hover { cursor:pointer; }
#header h1 a { display:block; line-height:48px; }

/*** NAVIGATION ***/
#navigation a { color:#4A4A30; }
#navigation a:hover, #navigation .on { border-bottom: 3px solid #F9C500; }
#navigation .global { float:right; height:25px; margin:0; padding:0; list-style:none; font-weight:normal; }
#navigation .category { margin:0; padding:0 0 0 15px; list-style:none; height:25px; width:287px; background:url(/images/bg_navigation-left.png) no-repeat left center; font-weight:bold; }
#navigation .admin-category { margin:0; padding:0 0 0 15px; list-style:none; height:25px; width:287px; background:url(/images/bg_admin-navigation-left.png) no-repeat left center; font-weight:bold; }
#navigation .category li, #navigation .admin-category li, #navigation .global li { line-height:25px; font-size:18px; float:left; margin:0 5px; }

/*** CONTENT ***/
#home-content { display:block; margin:5px 0 10px 0; height:605px; background:url(/images/bg_home-content.jpg) no-repeat top left; }
#home-content a { display:block; height:605px; }
#content { background:#000; margin:5px 0 10px 0; min-height:405px; }

/*** BIO, CONTACT ***/
.bio-content, .contact-content, .login-content { margin:10px 0; display:block; text-align: justify; border: 2px solid #E0E0E0; min-height:420px; }
.bio-content div { margin: 30px auto 10px auto; width:820px; font-size:14px; line-height:20px; }

.login-content fieldset { outline:none; border:none; width: 450px; margin:20px auto 0 auto; }
.contact-content fieldset { outline:none; border:none; width: 450px; margin:20px auto 0 auto;  }
.contact-content label, .login-content label { float:left; width: 80px; line-height:35px; }
.contact-content div, .login-content div { line-height:35px; clear:both; width:450px; margin:10px 0;  }
.contact-content input, .contact-content textarea, .login-content input { width:300px; font-size:20px; line-height:20px; padding:2px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; border:1px solid #4A4A30; }
.contact-content input, .login-content input { height:25px; line-height:25px; }
.contact-content textarea { height:185px; }
.contact-content div.send, .login-content div.send { height:30px; width:400px; }
.contact-content div.send { margin-top:0px; padding-right:160px; background: url(/images/asset_contact-stephen.png) no-repeat right center; position:absolute; }
.contact-content .submit, .login-content .submit { width: 70px; float:right; margin-right:15px; line-height:25px; height:25px; background:#4A4A30; font-size:14px; color:#fff; border:0; }
.contact-content .submit:hover, .login-content .submit:hover { cursor:pointer; }
.contact-content input.error, .contact-content textarea.error, .message-error, .login-content input.error { border:1px solid #900; background:#FCF; }
.contact-content .message, .login-content .message { border:1px solid #060; background:#0F6; }
.contact-content .disabled, .contact-content .disabled:hover, .login-content .disabled, .login-content .disabled:hover { background:#666; color:#FFF; }

.contact-content div.message-error, .contact-content div.message  { text-indent: 10px; float:left; line-height:25px; height:25px; margin-top:-25px; margin-left:80px; width:220px; }

.login-content div.message-error, .login-content div.message { padding:15px; }

/*** GALLERY ****/
.gallery-image { display:block; height:414px; }
.gallery-image .left, .gallery-image .right { height:402px; display:block; width:50%; } 
.gallery-image a.right { float:right; cursor:url(/images/right.cur), crosshair; }
.gallery-image a.left { cursor: url(/images/left.cur), crosshair; }
.gallery-footer { width:900px; margin:-10px 0 0 0; height:12px; position:absolute; z-index:1; background:url(/images/bg_gallery-footer.jpg) center no-repeat #000; }

/*** PHOTO STRIP ***/
#photos { margin:30px 0; height:159px; overflow:hidden; z-index:0; position:relative; }
.photo-navigation { display:block; text-align: right; margin-top:10px; padding-right:10px; line-height:25px; }
.photo-navigation a { line-height:30px; height:30px; width:30px; margin:0 5px; float:right; display:none; }
.photo-navigation a span { visibility:hidden; }
.photo-navigation a.left { background:url(/images/asset_arrows.png) no-repeat right top; }
.photo-navigation a.right { background:url(/images/asset_arrows.png) no-repeat left top; }

.negatives { overflow:hidden; width:820px; height:109px; }
.negatives ul { list-style:none; margin:10px 0 0 0; padding:0 206px 0 20px; height:92px; overflow:hidden; float:left; }
.negatives ul:hover { cursor:pointer; }
.negatives li { float:left; position:relative; margin:0 2px; padding:2px 0; min-width: 59px; line-height:92px; }
.negatives a { line-height:92px; }
.negatives a span { float:left; position:absolute; display:block; height:92px; z-index:100; width:100%; }

.highlight { height:109px; width:0; margin:2px 0 0 22px; background:#F9C500; position:absolute; }

.spool { float:right; width:61px; height:109px; margin: 0; background:url(/images/bg_spool.png) no-repeat top center; }
.spool span { display:block; height:109px; z-index:5; position: relative; background:url(/images/bg_spool-top.png) no-repeat top right; }

/*** FOOTER ***/
#footer { clear:both; text-align:center; font-size:11px; color:#BBBBB1; }