@charset "utf-8";

body { background-color:#363636; color:#dddddd; font:normal 12px Arial, Helvetica, sans-serif; margin:0; }

/* misc fixes */
html{ overflow-y:scroll; } 
a:active, a:focus{ outline:none; }  
img { border:0; }

/* optional margin resets */
p, h1, h2, h3, h4, h5, ul, ol, li { margin:0; padding:0; }

/* typography */
h1 { font:bold 24px Arial; padding-bottom:15px; }
h2 { color:#ecbcbc; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:1px; padding-top:10px; }
h2 span { font-size:11px; }
h3 { color:#c99; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:1px; padding-top:2px; }
h4 { color:#c99; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:1px; padding-top:2px; }
h5 { font-size:12px; font-weight:bold; }

p { margin:0 0 10px 0; } /* fixes spacing in all browsers */
a { color:#aaa; cursor:pointer; text-decoration:none; }
a:hover { color:#ff6666; }
sup { color:#c33; font-size:.8em; line-height:0; margin:0; padding:0; } /*superscript fix*/

table {  border:0; padding:2px;}
th, tr { vertical-align:top; }

/* global container */
#main { background:url(../img/global/main-bg.png) repeat center; text-align:center; vertical-align:top; margin:0 auto; }

/* global content */
#content {  background:#222 url(../img/global/bg-content.gif) repeat center; margin:auto; padding:20px 50px;  text-align:left; width:800px; }
#content ul { font-size:12px; margin:0 0 10px 0; }
#content li { background:url(../img/global/bullet.gif) no-repeat 0 6px; list-style-type:none; margin:1px 0 4px 10px; padding-left:10px; }

/* global header */
#header {  background:url(../img/global/bg-header.png) repeat-x top center;  border-bottom:2px #000 solid; height:154px;  margin:0 auto;  width:100%; }
#header-top {  background:url(../img/global/bg-header-top.png) no-repeat top center; margin:0 auto; height:70px; position:relative; width:847px;}
#header-top a { display:block; height:55px; left:648px; position:relative; top:10px; width:150px;}

/* global footer */
#footer {  background:url(../img/global/bg-footer.png) repeat-x bottom center; border-top:2px #111111 solid; bottom:0; color:#f66; font-size:11px; height:57px; line-height:19px; text-align:center; width:100%; }
.footer a { color:#ccc; }

/* utilities */
.clear { clear: both; height: 0; font-size: 1px; line-height: 0px; } /* clear floats with br or divs */
.floatleft { float:left; }
.floatright { float:right; }

/* individual - portfolio */
h2 a.show { color:#f66; cursor:pointer; }
div.reveal { display:none; }

/* individual - contact */
#contact table th {  padding-right:5px; text-align:right;  width:80px; }
input, textarea {  background-color:#111111;  border:1px solid #000000; color:#FFFFFF;  font-size:12px; padding:2px;}