/* 
==========================================================
STEPHENGROTE.COM, V. 1.0
----------------------------------------------------------
Default Style Sheet

Author: Aarron Walter
aarron@aarronwalter.com

© Copyright 2005, Stephen Grote. All Rights Reserved
==========================================================
*/



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


/* ----------------------  Layout ---------------------- */
#wrapper { width:766px; margin:6px auto; padding:0; background:#fff url(../i/htile.gif); }

/* Shadows */
#shadowtop { width:766px; height:4px; margin:0; padding:0; font-size:3px; background: url(../i/tshad.gif) no-repeat; }
#shadowl { float:left; width:7px; height:490px; margin:0; background: url(../i/lshad.gif) no-repeat center; }
#shadowr { float:right; width:7px; height:490px; margin:0; background: url(../i/rshad.gif) no-repeat; }
/* IE Cloak (Proper Width) */
html>body #shadowl, html>body #shadowr { width:8px; }
#navshad { width:740px; height:8px; font-size:7px; margin:0 0 0 10px; padding:0; background: #fff url(../i/navshad.gif) no-repeat center; }
/* IE Cloak (Proper Margin) */
html>body #navshad { margin:0 0 0 13px; }

/* Head */
#head { width:746px; background-color:#fff; padding:5px 0 0 0; margin:0 auto; vertical-align:top; white-space:nowrap; }
/* IE Cloak (Proper Width) */
html>body #head { width:753px; padding:4px; }

/* Logo */
#logo { width:82px; height:238px; background: #fff url(../i/logo.gif) no-repeat center; padding:0 5px; }
#logotype { width:10px; height:231px; background: #fff url(../i/logotype.gif) no-repeat center; }

/* Gloabl Nav */
#gnav { width:515px; height:17px; margin:0; padding:2px 0 5px 70px; white-space:nowrap; vertical-align:bottom;}
/* IE Cloak (Proper Padding) */
html>body #gnav { padding:5px 0 5px 100px; }
#gnav a, #gnav span { margin-right:25px; font-size:14px; text-decoration:none; text-transform:uppercase; font-family:"Gil Sans", "Trebuchet MS", Arial, sans-serif; color:#3B3C3C; }
#gnav a:link, #gnav a:visited { color:#3B3C3C; }
#gnav a:hover, #gnav a:active { color:#A24D09; }
#gnav span { color:#A24D09; border-bottom:3px solid #a24D09; margin-right:1px; }

/* Content */
#content {  width:400px; margin-left:95px; margin-bottom:100px; padding: 10px 20px; line-height:1.3em; vertical-align:top; }
#content h2 { padding-bottom:5px; margin-bottom:25px; border-bottom:1px solid #ccc; text-transform:uppercase; font:18px "Gil Sans", "Trebuchet MS", Arial, sans-serif; color:#A24D09; }
#content h3 { padding-bottom:5px; margin-bottom:12px; margin-top:25px; border-bottom:1px dotted #ccc; text-transform:capitalize; font:15px "Gil Sans", "Trebuchet MS", Arial, sans-serif; color:#333; }
/* For Folders in Links Section */
#content .folder { margin-top:20px; padding-left:30px; background:url(../i/icons/folder.gif) no-repeat left center; color:#333; }

/* Right Column */
#rcol { width:185px; float:right; margin:13px 5px 0 0; padding: 0 10px; }
#rcol h3 { padding-bottom:5px; border-bottom:1px dotted #666; text-transform:uppercase; font: normal 14px "Gil Sans", "Trebuchet MS", Arial, sans-serif; color:#333; }
#rcol label { letter-spacing:.1em; color:#333; }
#rcol input { border:1px solid #999; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:90%; }
#rcol .button { background-color:#fff; color:#666; border:1px solid #333; width:80px; }


/* ----------------- Local Navigation ----------------- */
#lnav { list-style:none; margin:0; padding:0 10px;}
#lnav li { margin:7px 0; }
#lnav span { text-transform:capitalize; }
#lnav a { text-decoration:none; text-transform:capitalize; font:12px "Trebuchet MS", Arial, sans-serif;  }
#lnav a:link, #lnav a:visited { color:#333; }
#lnav a:hover, #lnav a:active { color:#A24D09; }


/* ----------------- Footer ----------------- */
#footer { width:720px; margin:0 auto; padding:10px; background-color:#000; color:#fff; font:10px Verdana,Helvetica,Arial,sans-serif; text-align:center; vertical-align:middle; border:5px solid #fff;}
#footer a { margin:0 5px;  }
#footer a, #footer span, #footer #validation a { font-size:12px; text-decoration:none; text-transform:uppercase; font-family:"Gil Sans", "Trebuchet MS", Arial, sans-serif;}
#footer a:link, #footer a:visited { color:#999; }
#footer a:hover, #footer a:active { color:#A24D09; }
#footer span { color:#EFEAE6; border-bottom:2px solid #EFEAE6; }

#footer #validation a { font-size:10px; color:#A24D09; }
#footer #validation a:link, #footer #validation a:visited { color:#A24D09; }
#footer #validation a:hover, #footer #validation a:active { color:#999; }

#footer .normal { font:10px Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; margin:0; }


/* ----------------- Links Formatting ----------------- */
#display { padding:10px 0 25px 0; }
#display ul { list-style:none; }
#display li strong { margin-left:-15px; margin-bottom: 25px; list-style:none; font:bold 14px "Trebuchet MS", Arial, sans-serif; text-transform:capitalize;  color:#333; }
#display li { margin: 10px 0;}
#rcol form { margin:0 auto;}
#rcol select { margin-top:35px; }
#rcol option { text-transform:capitalize; border-bottom:1px dotted #ccc; }
.external { padding:5px 15px 5px 0; background:url(http://stephengrote.com/i/icons/link.png) no-repeat right center; }

/* --------------------- Utility --------------------- */
.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; }
.hide { display:none; }
.hline { border-bottom: 1px dotted #999; margin:15px 0; }
.pipe { color:#666; font-size:20px; margin:0 5px; }
.subhead { color:#000; font-size:14px; }
/* Used when there is no data to display */
.emptymsg { padding:30px 0 160px 0; font-style:italic; text-align:center; }
.folio { margin-left:8px; padding:5px 0 5px 16px; background:url(http://stephengrote.com/i/icons/folio.png) no-repeat left center; }
.posted { font-size:10px; font-style:italic; margin:35px 0 0 0; }

/* Table */
#portTbl { margin:0 auto; }
#portTbl td { vertical-align:middle; text-align:center; padding:4px; }

/* Images */
#portTbl td img { border: 1px solid #ccc; padding:8px; margin:8px;}

/* Links */
#portTbl td a { font-weight:bold; font-family:"Trebuchet MS", Arial, Verdana, sans-serif; text-decoration:none; }
#portTbl td a:link { color:#999;}
#portTbl td a:visited { color:#333; }
#portTbl td a:hover, #portfTbl td a:active { color:#8D4B17; }