/* HTML5 Prep */
section, header, footer, nav, article, aside {margin:0; padding:0; display:block;}
/* Yahoo Reset, 3.1.1, list styling removed */
body,div,dl,dt,dd,ul,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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,th,var{font-style:normal;font-weight:normal;}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;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{text-decoration:none; outline: none;}
/* Universal Content Styles */
html {overflow-y:scroll;} /* We do vertical blinding, so this prevents jumpiness */
html, body {background:#000; font-family:Arial, Helvetica, sans-serif;}
h1 {}
h2 {color:#CCC; font-size:20px; margin:-5px 5px 5px 0;}
h3 {}
a, .jScrollPaneContainer {outline: none;}
:focus {-moz-outline-style: none;}
a, a:visited, a:hover {color:#fff;}
.rightCol a:hover {text-decoration:underline;}
/* Header Content Area */
#header {position:relative; height:180px;}
/* Header stripe and border colors */
#header .bg {position:absolute; z-index:1; top:40px; left:0; height:70px; width:100%; background:#0D0907; border:1px solid #202B27; border-left:none; border-right:none;}
#header .bg.bottom {top:163px; height:15px; background:#0E0000; border-bottom-color:#400000; text-align:center;}
#header #bgBox {position:absolute; z-index:2; top:10px; left:-400px; width:111px; height:132px;}
.red {background:#2D0000; border:1px solid #202C28; box-shadow:inset 0 0 30px #000000; -moz-box-shadow:inset 0 0 30px #000000; -webkit-box-shadow:inset 0 0 30px #000000;}
/* Header logo / link content */
#header .contentHolder {position:absolute; z-index:3; top:0; left:0; width:100%;}
#header .content {width:966px; margin:0 auto; padding-left:2px;}
#header #logoBlock {float:left; width:388px; margin-left:-1px;}
#header #logo {margin-top:55px; background:url(../img/logo-bg.png); width:320px;}
#header #logo:hover {cursor:pointer; cursor:hand;}
#header #tagline {margin-top:20px; font-size:12px; letter-spacing:1px; font-weight:bold;}
#header #tagline a {display:block; float:left; margin-right:10px; color:#666A64;}
#header #tagline a.clicked {color:#fff;}
#header #tagline a:hover {color:#fff;}
#header #nav {float:left; width:566px; text-align:right; margin-top:15px;}
#header #nav a {margin-left:50px; padding-top:20px; padding-bottom:20px; line-height:0; display:inline-block; position:relative; color:#666A64; font-weight:bold; font-size:12px;}
#header #nav a.focus {}
#header #nav a span {display:block; position:absolute; top:6px; left:0; line-height:12px; width:86px; text-align:center; text-transform:uppercase; opacity:.8;}
/* Project Nav (technically in header */
#projectNav {display:none; text-align:right;}
#projectNav .container {width:960px; margin:9px auto 0 auto;}
#projectNav a {display:inline-block; text-align:center; width:16px; height:16px; margin:0 0 0 10px; overflow:hidden; border:2px solid #aaa; background:#000;} /* -moz-border-radius: 10px; -webkit-border-radius: 10px; */
#projectNav #lArrow {background-image:url(../img/left-arrow-on.png);}
#projectNav #rArrow {margin-left:10px; background-image:url(../img/right-arrow-on.png);}
#lArrow, #rArrow {float:left;}
#lArrow, #rArrow:hover {cursor:pointer; cursor:hand;}
#projectList {display:block; float:left;}
#projectList span {display:inline-block; width:16px; height:20px; overflow:hidden;}
/* Main Content Area */
#mainUnscroll {overflow:hidden;}
#mainContainer {overflow:hidden;}
#main {overflow:hidden; position:relative; height:500px; width:966px; margin:20px auto;}
#resumeHolder, #workHolder, #contactHolder {position:absolute; top:-600px; left:0;}
#main .content {padding:22px; width:920px; background:#222;}
#main .imgHolder {width:600px; height:400px; float:left; background:#fff; position:relative; overflow:hidden;}
#main .dontClick .imgHolder:hover {cursor:default !important;}
#main .boxShadow {position:absolute; width:600px; height:400px; box-shadow:inset -5px 0 30px rgba(0,0,0,.6); -moz-box-shadow:inset -5px 0 30px rgba(0,0,0,.6); -webkit-box-shadow:inset -5px 0 30px rgba(0,0,0,.6);}
#main .rightCol {float:left; margin-left:15px; overflow:none;; border:1px solid #333;}
#main .rightCol .jScrollPaneContainer {}
.rightCol {color:#aaa;}
.rightCol h2 {color:#aaa; margin-bottom:15px;}
.rightCol p {color:#aaa; font-size:13px; margin-bottom:10px;}
#bottomPageStripe {border:1px solid #202B27; border-top-color:#400000; border-left:none; border-right:none; height:10px; margin-bottom:10px;}
/* jquery scrollbar */
.scroll {float:left; width:277px; height:372px; padding:13px;}
.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background-image:url(../img/scrollbar-bg.png);}
.jScrollPaneDrag{position:absolute;cursor:pointer;overflow:hidden;background:#444 url(../img/grab-bar.png) no-repeat 50% 50%;}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}
a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;background:url(../img/arrow-up.png) repeat-x 0 0;}
a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;background:url(../img/arrow-down.png) repeat-x 0 0;}
a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover{background-position:0 -30px;}
a.jScrollArrowUp:hover,a.jScrollArrowDown:hover,a.jScrollArrowUp:hover,a.jScrollArrowDown:hover{background-position:0 -15px;}
/* Misc */
.hold {width:960px; margin:0 auto;}
.clear {clear:both; height: 1px; overflow: hidden;}
ul.reset, ol.reset {margin:0; padding:0;}
.reset li {list-style:none;}