/* Main Stuff */
body { font-family:Trebuchet MS, Verdana, Arial, Sans-Serif; color:#999999; background-color:#fff; margin:0; padding:0; font-size:10px; }
h1,h2,h3 { font-family:Rockwell, Trebuchet MS, Verdana; }
a:link { color: #8c8c8c; text-decoration:none; }
a:visited { color:#545454; text-decoration:none; }
a:hover { color:#404040; text-decoration:none; }
a:active { color: black; text-decoration:none; }

/* Header */
#header { margin-left: auto; margin-bottom: 0; margin-right: auto; margin-top: 1%; width: 900px; height: 44px; padding:0; background-color:yellow; position: relative; top:0; }
h1 { margin:0; padding:0 20px; display:block; font-size: 2.4em; font-weight:normal; background-color:yellow; }
h1 a:link { color:#b1b1b1; text-shadow:rgba(0,0,0,.01) 0 0 1px; }
h1 a:visited { color:#b1b1b1; }
h1 a:hover { color: #5a5a5a; }
h1 a:active { color:#fff; }
h1 a:hover .smaller { color:#5a5a5a; }
h1 a:active .smaller { color:#fff; }
.smaller { font-size:.7em; color: #999999; }

/* Navigation */
#nav { width: 860px; margin:0; padding:0 20px; position:relative; z-index:1000; background-color:yellow; display:block; }
ul.section { margin-left: 0; margin-bottom: 0px; margin-right: 40px; margin-top: 0px; padding:0; font-size:1.2em; list-style-type:none; text-align:left; display:inline-block; vertical-align:top; position:relative; }
ul.section h2 span.rollover,ul.section h2 span.rolloversmall,.project li h2 span.rollover { display:none; }
ul.section h2:hover span.rollover,.project li h2:hover span.rollover { font-size:.8em; display:block; position:absolute; top:20px; background:url(images/transparent-70.png) repeat fixed; padding:2px; width:122px; vertical-align:text-bottom; text-shadow:none; color:#3c3d44; text-transform:none; }
ul.section h2:hover span.rolloversmall { font-size:.8em; display:block; position:absolute; top:20px; background:url(images/transparent-70.png) repeat fixed; padding:2px; width:122px; vertical-align:text-bottom; text-shadow:none; color:#3c3d44; text-transform:none; }
ul.section li:hover span.rollover img.rollimg { border:1px solid #e1e1e1; }
span.rollover img.arrow,span.rolloversmall img.arrow { position:absolute; top:-6px; left:5px; outline:none; background-color:transparent; border:0 solid #e1e1e1; }
.selected h2 a:link { color: #4d4d4d; }
.section h2 { color: #acacac; text-transform:capitalize; font-size:1em; font-weight:normal; margin:0; padding:0; text-shadow:rgba(0,0,0,.01) 0 0 1px; }
#nav .projects { left: 190px; top: 0px; position: absolute; z-index: 10;}
#nav .projects:hover { left: 190px; top: 0px; position: absolute; z-index: 30;}
#nav .work { left: 110px; top: 0px; position: absolute; z-index: : 10;}
#nav .work:hover { left: 110px; top: 0px; position: absolute; z-index: : 30;}
.projects li, .work li { display:none; position:relative; background-color: #fff;}
/*#projects-page .projects li  { display:inline-block; margin:5px 0 0 20px; z-index: 10; }*/
.projects:hover li { display:inline-block; margin:5px 0 0 20px; z-index: 30; background-color: #fff;}
/*#work-page .work li  { display:inline-block; margin:5px 0 0 20px; z-index: 10;}*/
.work:hover li { display:inline-block; margin:5px 0 0 20px; z-index: 30; background-color: #fff;}
.projects li a, .work li a { color: #9b9b9b; }
.projects li a:hover, .work li a:hover { color: #595959; }
.projects li a:active, .work li a:active { color: black; }
#nav .about { position:absolute; left: 290px; top: 0px; }
#nav .blog { position:absolute; left: 370px; top: 0px; }
#nav .email { position:absolute; left: 440px; top: 0px; }

/* Content */
#content { padding-left: 20px; padding-bottom: 0; padding-right: 20px; padding-top: 13px; display:block; position:relative; margin:0 auto; z-index:1; width:898px; 
/* */
}
#content #slideshow { margin:0; top:0; left:0; z-index:2; }
#content #slideshow div { margin:0 auto; width:900px; text-align:center; }
#content #slideshow div p {text-align:left; }
#content #slideshow img { background-image:url(images/stripe.gif); outline:none; border:none; }
#content #clicker { position:relative; text-align:right; margin:5px 0; }
#clicker a:link { color:#bcbcbc; }
#clicker a:visited { color:#bcbcbc; }
#clicker a:hover { color: #383838; text-shadow:none; }
#clicker a:active { color: black; text-shadow:none; }
#content #slideshow p.caption { font-size:1.1em; position:absolute; bottom:-30px; color:#020202; }
#content #slideshow p.caption:before { content:"- "; }
#about { font-size:2em; }
.introductiontitle { font-size:3em; text-align:center; display: block; margin: 0 60px; padding: 10px;}
.introduction { font-size:2em; display: block; height: 580px; margin: 0 60px; padding: 10px;}
.robots { background: url(images/robots/1.jpg) center 0 repeat; color: #fff; text-shadow: #000 0 1px 0px}