/* body { height:100%; color:#666;  background:url(../images/bg_strip.png) -20px 0 repeat-y #151515; font-family: Helvetica, Arial, sans-serif; } */
body { height:100%; color:#999;  background:/* url(../images/sidebar_bg_black.png) -20px 0 repeat-y */ #252525; font-family: Helvetica, Arial, sans-serif; }

/**type**/
a {text-decoration: none; color:#666;}
a:hover { color:#000; }
p a { color:#DFFFE7; text-decoration:none; }
p a:hover { color: #E5DFFF; }
p a:visited { color:#FFDFDF;}
#masthead a { background:none; }
p { font-size:14px; margin-bottom:1em; line-height: 21px; }
#main p {text-shadow: 0 -1px 0 #000;}
li,dd { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 { font-size:24px; color:#333; text-transform: uppercase; }
h2 { font-size:21px; color:#DDD; text-transform: uppercase; }
h2.sectionHead { font-size:40px; border-bottom:5px solid #333; padding-bottom: 10px; margin-bottom:20px;}
h2.sectionHead a, h2 a, h3 a{color:#DDD; }
h2.sectionHead a {padding-top:38px;}
.flyOut h2.sectionHead a{padding-top:0;}
h3 { font-size:18px; }
h4 { font-size:18px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

/**layout**/
#footer { margin-top:40px; font-size:10px; text-align:right; color:#555; }
#footer p {font-size: 10px;}
#footer a { color:#666; background:none; }
#footer a:hover { color:#000; }
#main { margin:0 auto; width:680px; padding: 48px 0 0 180px;  }
#content{position:relative;}
.section { margin-bottom:100px; }
#aboutSection { }

/*header and navigation*/
h1#siteTitle { text-transform: uppercase; margin-top:3px; float:right;}
h1#siteTitle a {color: #999;}
#header { 
	position:fixed; 
	left:0; 
	width: 100%; 
	background: #000; 
	z-index:5;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}
div#nav {  width:860px; margin:0 auto; position: relative; height:100%;}
div#nav ul { font-size:1.125em; float:left;  }
div#nav ul li {  float:left; text-transform: uppercase;}
div#nav ul li a { display:block; color:#151515; padding:7px 5px 5px; height:15px; width:140px; }
div#nav ul li a span { font-size:12px; font-family:"Courier New", Courier, monospace; }
div#nav ul li a:hover { color:#000;  }
div#nav ul li a#projectsNav { background-color:#DFFFE7; width:170px; }
a#aboutNav{ background-color:#E5DFFF;  }
a#contactNav { background-color:#FFDFDF; }
a#resumeNav { background-color:#FFF8DF; }

/*projects dropdown*/
div#projectsDropDown { 
	display: none;
	position: absolute;
	left: 0; 
	top:27px;
	background:#1a1a1a;
/* 	background: rgba(25,25,25, .9); */
	border-bottom:2px solid #DFFFE7;
	border-top:2px solid #DFFFE7;
}
div#projectsDropDown ul {}
div#projectsDropDown ul li{ width:auto; float: none; font-family:"Courier New", Courier; text-transform: none;}
div#projectsDropDown ul li a {font-size:12px; color: #666; display: block; width:170px; font-weight:bold;}
div#projectsDropDown ul li a:hover  { background-color:#252525; color:#aaa; }
div#projectsDropDown ul li a.selected { background-color:#333; color:#FFF;  }

/*about*/
.listBox { padding-top:1.5em; }
.listBox dl { float:left; width:160px; margin-right:20px; border-right:1px solid #EEE; }
.listBox dt { font-weight:bold; color:#999; border-bottom:1px solid #EEE; }

/*projects*/
.projectDiv {margin-bottom:150px; height:100%; overflow: hidden;}
.projectWindow { 
	clear:both;
	background:url(../images/ajax-loader.gif) 50% 50% no-repeat #3c3c3c;
	border-bottom:1px solid #666;
	position:relative; height: 539px;
	margin-bottom:20px;
	overflow:hidden;
}
.projectWindow img{ position: absolute; top: 39px; left: 0; width:680px; height:500px; display:none; cursor: pointer; }
.projectHeadRow {height:100%; overflow:hidden;}
.projectHeadRow h2 { float:left; margin-bottom: 0;}
a.siteLink { color:#CCC; margin:8px 10px 0 0; padding-bottom:10px; font-family:"Courier New", Courier; font-size:.75em; float:right; font-weight: bold}
a.siteLink:hover{color:#FFF;}
.clear { clear:both; }
a.anchor{padding-top:38px;}
.closeBtn{position: absolute; bottom:-15px; right:-15px;}

/*flyOuts*/
.flyOut{
	color:#999;
	padding:20px 40px 20px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .9);
	position:absolute;
	-moz-box-shadow: 3px 2px 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 3px 2px 5px rgba(0, 0, 0, .5);
	display: none;
	
}
#aboutSection  h2{
	border-bottom: 5px solid #333;
}
.flyOut h2 a {
	color: #666;
}

/*about section*/
#aboutSection {	border-bottom:2px solid #E5DFFF; border-top:2px solid #E5DFFF;	top:27px; left:180px; z-index: 9998; width:500px;}

/*contact form*/
#contactForm{ border-bottom:2px solid #FFDFDF; border-top:2px solid #FFDFDF; top:27px; left:330px; z-index: 9999; width:300px;}
div#contactForm p, #aboutSection p { text-shadow: none; }
ul.formList { margin-top:20px; }
ul.formList li { margin-bottom:10px; clear:both; }
ul.formList label {display: block; color:#333;}
ul.formList input.textInput, ul.formList textarea { border: 1px solid #CCC; border-top: 1px solid #999; background-color:#F9F9F9; width:100%;}
ul.formList input.submit { border: 1px solid #CCC; border-bottom: 1px solid #999; padding:5px; background:#F9F9F9; cursor:pointer; color: #666; float: right; }
ul.formList input.submit:hover { background-color:#FFDFDF; }