/* CSS 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; }
fieldset,img,a {border:0; outline:none; }		
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; } 
ol,ul {list-style:none; } 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; } 
strong { font-weight: bold; }
/* end CSS reset */


/* generic classes */
.clearFix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearFix {display: inline-block;}
html[xmlns] .clearFix {display: block;}
* html .clearFix {height: 1%;}
/* end generic classes */


/* elements */
body { background: #121212 url(images/darkbg.jpg) top center fixed no-repeat; color: #536479; font-family: "Lucida Sans Unicode", Helvetica, Arial, san-serif; font-size: 12px; line-height: 22px;  }
h2 { color: #fff; display: inline-block; font-size: 30px; }
a {color: #7398c4; text-decoration: none; }
a:hover { color: #92836e; border-bottom: 1px dotted #7398c4; }
p { color: #92836e; margin: 10px 0 0 0; }
/* end elements */


/* layout */
#wrapper { margin: 0px auto; padding: 0 0 75px 0; width: 900px; }
/* end layout */


/* header */
#header { height: 65px; position: relative; }
#header .logo { position: absolute; top: 30px; left: 0px; }

#header .resume { position: absolute; top: 50px; right: 0px; }
#header .resume li { float: left; }
#header .resume a { margin: 0 0 0 25px; background: url(images/black.png); padding: 5px 10px 5px 10px; }
#header .resume a:hover { background: url(images/blue.png); color: #7398c4 }
/* end header */


/* content */
#content .panel { background: url(images/panel.png) no-repeat; margin: 0 0 25px 0; position: relative; height: 400px; }
#content .panel div { position: absolute; top: 60px; left: 25px; width: 840px; height: 340px; }
#content .panel p { color: #92836e; }
#content .panel span { color: #536479; display: block; font-size: 11px; }
#content .panel .projectImage { float: right; margin: 0 0 15px 25px; }

#content .filters li { float: left; margin: 0 0 0 26px; }
#content .filters li a.current { color: #92836e; border-bottom: 1px dotted #7398c4; }

#content .portfolio { margin: 20px 0 0 0; }
#content .portfolio li { background: url(images/frame.png) no-repeat; display: block; padding: 12px 14px 13px 13px; float: left; margin: 0 0 10px 25px; width: 240px; height: 100px; }
#content .portfolio li:hover { background-position: 0px -125px; }
#content .portfolio a:hover { border-bottom: none; }

#content .source { display: none; }
#content .sort { display: none; }
/* end content */


/* footer */
#footer { background: url(images/dash.png) no-repeat; font-size: 10px; padding: 15px 35px 0 35px; }
#footer span { float: right; }
/* end footer */


.contactForm input, .contactForm textarea { 
	font-family: "Lucida Sans Unicode", Helvetica, Arial, san-serif; 
	font-size: 12px; 
	color: #7398c4; 
	border: 1px solid #1c3a5b; 
	background: url(images/black.png); 
	padding: 3px; 
}
.contactForm input:hover, .contactForm textarea:hover, .contactForm input:focus, .contactForm textarea:focus {
	border: 1px solid #7398c4;
}
.contactForm .input { width: 250px; margin: 0 10px 0 0; }
.contactForm textarea { height: 150px; }