/* 
==========================================================
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: 

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


/* Adjust Task Bar Width For Wider Display Area (55px slimmer) */
#portfolios #task-bar {width:255px;}
#portfolios #content {width:665px;}
#wrapper {background:#fff url(../i/page-bg-narrow.gif) repeat-y;}

.extra-lnav {margin:2em 0 0 1em; padding:2em 0 2em 2em;border-top:1px dotted #fff;}
.extra-lnav a {font:1.3em Verdana,Helvetica,Arial,sans-serif; text-decoration:none; letter-spacing:.04em;}
.extra-lnav a:link, .above-lnav a:visited {color:#000;}
.extra-lnav a:hover, .above-lnav a:active {color:#BF0213;}

/* Local Navigation */
#lnav li {list-style-image:url(http://stephengrote.com/i/icons/slide.gif);}
.nested-li {list-style-image:none !important;}
#lnav li ul {margin:0 0 20px 0;}
#lnav li ul li {list-style:none; font-size:.85em;}
.back {list-style-image:url(http://stephengrote.com/i/icons/back.gif) !important;}

/* Category Display */
.category {float:left; margin:25px 8px; padding:5px; border:1px solid #737272; background-color:#ccc; text-align:center;}
.category:hover {background-color:#737272; border:1px solid #000;}
.category:hover a {color:#fff !important;}
.category a {padding:8px 0; text-decoration:none; text-transform:capitalize; font:1.1em Verdana,Helvetica,Arial,sans-serif;}

/* Photo Display */
#portTbl {margin:20px auto;}
#portTbl td {padding:10px; text-align:center; vertical-align:top;}
#portTbl td a {padding:8px 0; text-decoration:none; text-transform:capitalize; font:.9em Verdana,Helvetica,Arial,sans-serif;}
#portTbl td a:link, #portTbl td a:visited {color:#737272;}
#portTbl td a:hover, #portTbl td a:active {color:#BF0213;}
#portTbl td a img {border:1px solid #ccc; padding:3px; margin-bottom:5px;}

#statement {background-color:#ccc; padding:15px; margin:.5em -1.8em; border-top:1px solid #999; border-bottom:1px solid #999;}
#statement-link {text-align:right; margin-right:-1em;}
#statement-link a {text-decoration:none; font:1.2em Verdana,Helvetica,Arial,sans-serif; padding-left:20px; background:url(../i/icons/open.gif) left no-repeat;}