/* YUI Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* End YUI Reset */

body {background: #251f11; color: #333435; font-family: "Trebuchet MS";}

a:link, a:visited, a:focus, a:active {color: #62644f; font-variant: small-caps; outline:none;}
a:hover {color: #f1f9cd;}

#wrapper {margin: 15px auto; width: 994px;}

#header {background: url(../img/content-border-top.gif) no-repeat; height: 122px; margin: 0px auto; width: 950px;}
#header h1 {visibility: hidden;}

#content {background: #4a4c3e url(../img/content-border-bottom.gif) no-repeat bottom;
          margin: auto; min-height: 500px; padding-bottom: 100px; width: 950px;}

.mainNavigation {border-right: 130px solid #d6d8da; float:left; height: auto !important; height: 500px; /* http://www.dustindiaz.com/min-height-fast-hack/ */} 
.mainNavigation li {display: block; font-size: 18px; padding: 3px 20px; width: 120px; color: #62644f; font-variant: small-caps;}
.mainNavigation li a {display: block; text-decoration: none; width: 120px; }

.subNavigation {height: 1%; /* http://www.tipclique.com/tutorial/css/how-to-clear-floats/ */} 
.subNavigation li {padding: 0 20px 0; height: auto !important; height: 500px;}
.subNavigation li a {font-size: 14px; padding: 0; width: 50px; white-space: nowrap;}

#thumbnails {background-color: #62644f; float:left; margin: -19px 0px 0 -130px; height: 546px; padding: 19px 7px; width: 140px;}
#thumbnails h2 {font-size: 18px; margin: 0px 0 10px; text-align: center; font-variant: small-caps;}
#thumbnails ul {float: left; margin: 0 0 0 10px; padding: 0 4px 0 0; width: 30px;}
#thumbnails ul li {background: url(../img/shadowAlpha.png) no-repeat bottom right; float: left; margin: 2px;}
#thumbnails ul li a {border-width: 0px; display: inline;}
#thumbnails ul li a img {display: block; margin: -4px 4px 4px -4px; position: relative; width: 30px; }
#thumbnails a {clear: both; display: block;}

#mainContent {text-align: center; float: left; width: 634px;}

#showcaseImage {background: #4a4c3e;}
#showcaseImage img {border: 1px solid #62644f; padding: 3px; background: #4a4c3e; position: relative; }
#showcaseImage #img1 {}
#showcaseImage #img2 {display: none;}

#footerWrapper {background: url(../img/footer-background.gif) repeat-y; margin-bottom: 15px; width: 994px;}
#footer {background: url(../img/footer-border-bottom.gif) no-repeat bottom; min-height: 420px; padding: 10px 0 70px; width: 994px;}
#footer #bioImage {border: 1px solid #4a4c3e; padding: 3px; float: left; margin: 0 50px; width: 300px;}
#footer blockquote {float: left; font-size: 15px; text-align: justify; width: 20em;}
#footer blockquote p {margin: 0 0 15px;}
#footer blockquote p.verse {text-align: right;}

#footer #hcard-Steven-Gnam {clear: both; float: left; margin: 10px 0 0 406px; width: 500px;}
#footer #hcard-Steven-Gnam .fn {font-size: 20px;}

#footer #hcard-Steven-Gnam a:link, 
#footer #hcard-Steven-Gnam a:visited, 
#footer #hcard-Steven-Gnam a:focus,  
#footer #hcard-Steven-Gnam a:active {display: block; color: #333435;}

#footer #hcard-Steven-Gnam a:hover {display: block; color: #f1f9cd;}

#credits {}
#credits #websiteby {}
#credits #hostingby {}