@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 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:1px; padding-top:10px; }
h3 { color:#c99; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:1px; padding-top:2px; }
h4 { font-size:14px; font-weight:bold; }
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; }

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; 
}

/* 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 content */
#content li { margin-left:20px; }

/* 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 - resume */
#resume h2 { color:#fff; font:normal normal 12px Trebuchet MS, Arial, Verdana, sans-serif; text-align:left; }
#resume ul { font-size:11px; list-style-image:url(../layout/bullet.gif); margin:0 0 10px 25px; }

/* 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;
}