/* 
==========================================================
STEPHENGROTE.COM, V. 2.0
----------------------------------------------------------
Default Style Sheet
Author: Aarron Walter, aarron@aarronwalter.com

© 2006, Stephen Grote. All Rights Reserved
==========================================================

Color and Type Design Reference
----------------------------------------------------------
Red: #BF0213
Dark Gray: #737272
Medium Gray: #D0D1D0
Light Gray: E8E8E8

Headings: "Gil Sans", "Trebuchet MS", Arial, sans-serif
Copy: Verdana,Helvetica,Arial,sans-serif
*/


/* ---------------------- General --------------------  */
body { margin:0; padding:0; background: #fff url(../i/bg-stripe.gif) repeat-x top; }
img {border:0;}
/* be kind to browsers that do not inherit */
p,h1,h2,h3,h4,h5,h6,li,ul,ol,a,td,label,div {font:12px Verdana,Helvetica,Arial,sans-serif; color:#666;}
label {font-weight:bold; color:#333;}
strong {color:#333;}
em {color:#000;}

.hidden {position:absolute; left:-999px; width:990px;}
.posted {margin:5em 0 1em 0; width:22em; float:right; padding:1em; border-top:1px solid #ccc; text-align:right; color:#999; font:italic 12px "Gil Sans", "Trebuchet MS", Arial, sans-serif;}
.runaroundr { float:right; margin:4px 0 5px 15px; padding:4px; border:1px solid #ccc; }
.runaroundl { float:left; margin:4px 15px 2px 0; padding:4px; border:1px solid #ccc; }
.featured-photo {margin-bottom:.2em}
#error {padding:1em; color:#BF0213;}
.emptymsg {font:italic 1.1em Verdana,Helvetica,Arial,sans-serif; color:#333; text-align:center; margin:5em 0;}

/* ----------------------  Layout ---------------------- */
#head {width:950px; margin:0 auto; background-color:#000; height:79px; padding:0; border:9px solid #fff; border-bottom:0;}
#head h1 {padding:0; margin:0; position:relative; width:183px; height:79px; overflow:hidden; color:#000;} /* Logo */
#head h1 span {display:block; position:absolute; left:0; top:0; z-index:1; width:183px; height:80px; margin:0; padding:0; background:url(../i/stephen-grote-logo.gif) top left no-repeat;}

/* Navigation */
#global-nav {float:right; margin:60px -20px -5px 0; padding:0;}
#global-nav li {list-style:none; float:left; padding:0; margin:0;}
#global-nav li a {margin:0 2.09em 0 0; font:1.2em "Gil Sans","Trebuchet MS",Arial,sans-serif; text-decoration:none; text-transform:uppercase; color:#fff;}
#global-nav a:link, #global-nav a:visited {color:#fff;}
#global-nav a:hover, #global-nav a:active {color:#BF0213;}
#global-nav a span {color:#BF0213; border-bottom:3px solid #BF0213;}

#lnav {margin:2em 0 0 3em; padding:0; list-style:none;}
#lnav li {margin:0 0 1em 0; padding:0;}
#lnav li a, #lnav li span {text-decoration:none; text-transform:capitalize; font:1.35em "Gil Sans", "Trebuchet MS", Arial, sans-serif;}
#lnav li a:link, #lnav li a:visited {color:#737272;}
#lnav li a:hover, #lnav li a:active {color:#BF0213;}
#lnav li span {color:#BF0213;}

/* Genearl Layout */
#wrapper {position:relative; width:986px; margin:0 auto; padding:0; background:#fff url(../i/page-bg.gif) repeat-y; border-top:5px solid #fff;}

#task-bar {float:left; width:310px; margin:0 0 5px 21px; padding:8px;}
#task-bar h3 {color:#333; border-bottom:1px solid #999; font:1.5em "Gil Sans", "Trebuchet MS", Arial, sans-serif; text-transform:capitalize;}

#content {float:right; width:610px; margin:0 17px 5px 0; padding:0; vertical-align:top;}
#content h2 {background:#737272; color:#fff; padding:1em .05em 0 1.2em; margin:0; font:1.6em "Gil Sans", "Trebuchet MS", Arial, sans-serif; text-transform:uppercase; line-height:.7em;}
#content h3 {color:#333; font:1.4em "Gil Sans","Trebuchet MS",Arial,sans-serif; text-transform:capitalize; border-bottom:1px solid #999;}
#content-padding {margin:2em 1.8em; line-height:1.5em;}
#content-padding p {line-height:1.4em;}
#content-padding a:link {color:#BF0213; text-decoration:none;}
#content-padding a:visited {color:#333; text-decoration:none;}
#content-padding a:hover {color:#000; text-decoration:underline;}
#content-padding a:active {color:#BF0213;}

#foot {clear:both; background-color:#333; border-top:5px solid #fff; margin:18px; padding:10px; text-align:center; font-size:.7em !important;}
#foot a {text-decoration:none; color:#fff; text-transform:capitalize;}
#foot a:link, #foot a:visited {color:#fff;}
#foot a:hover, #foot a:active {color:#BF0213;}
#foot a span {color:#BF0213; border-top:2px solid #BF0213;}
#footer-nav, #copyright, #designer, #validation {margin-bottom:6px; color:#999;}
#copyright, #designer {margin-bottom:0;}