@charset "UTF-8";

/* Main site navigation */
body {margin:0; padding:0;font-family:"Courier New", Courier, monospace; font-size:.85em;}
nav, aside, section, footer {display:block;}
nav {position: absolute; top:0; left:0; margin:0; padding:0; width:100%; height:45px; z-index:50;}
nav ul{position:absolute; right:0px; top:16px; margin:0; padding:0; }
nav li{list-style:none; float:left;}
nav li a {background:url(/images/sprite.png);display:block;height:40px;}

nav li .nav1 {background-position: -8px -140px; width:73px; }
nav #bio a.nav1, nav li a.nav1:hover{background-position: -8px -178px;}

nav li .nav2 {background-position: -79px -140px; width:115px; }
nav #work a.nav2, nav li a.nav2:hover{background-position: -79px -178px;}

nav li .nav3 {background-position: -192px -140px; width:87px; }
nav #blog a.nav3, nav li a.nav3:hover{background-position: -192px -178px;}

nav li .nav4 {background-position: -282px -140px; width:95px; }
nav li a.nav4:hover{background-position: -282px -178px;}

/* Links */
a {border:none; outline:none; text-decoration:none; color:#8d7685;}
img{border:none; outline:none;}

/* Headers */
h1 {font-size:1.2em; font-style:italic; text-align:right; font-weight:100; margin:0px; padding:0px;}
h2 {font-size:1em; text-align:right; font-weight:normal;margin:0px; padding:0px;}

/* Logo */
#logo {position:absolute; top:10px; left:16px; width:60%;}
a.logo {background:url(/images/sprite.png); background-repeat:no-repeat;background-position:0px 0px; display:block; width:600px; height:63px;}
a.logo:hover {background:url(/images/sprite.png); background-repeat:no-repeat; background-position:0px -70px; display:block; width:600px; height:63px;}

/* Structure elements */
section {position:absolute; top:46px; left:0px; margin:0; padding:0; width:100%; height:620px;border-bottom:solid thick #000000;border-top:solid thick #000000; z-index:100;}
aside {position:absolute; top:665px; width:100%;}

/* Home */
#home_img {float:right; margin:0; position:relative; z-index:0; overflow:hidden;}


/* Bio */
#bio_content {float:right; margin:117px 23px 0 0; background:#FFF; position:relative; z-index:50; text-align:right; width:35%;}
#bio_img {float:right; margin:0; position:relative; z-index:0; width:50%; overflow:hidden;}
#bio_img img{float:right;}

/* Work section nav */
#work_nav {position:absolute; bottom:0px; left:5px; width:600px; z-index:150;}
#work_nav ul{margin:0; padding:0;}
#work_nav li{float:left; list-style:none;}
#work_nav li a {background:url(/images/sprite.png) no-repeat; height:30px; display:block;}

#work_nav li .item1{background-position:-0px -300px; width:135px;}
#people #work_nav li .item1, #work_nav li a.item1:hover{background-position:-0px -341px;}

#work_nav li .item2{background-position:-132px -300px; width:183px;}
#patterns #work_nav li .item2, #work_nav li a.item2:hover{background-position:-132px -341px;}

#work_nav li .item3{background-position:-314px -300px; width:138px;}
#things #work_nav li .item3, #work_nav li a.item3:hover{background-position:-314px -341px;}



/* Work thumb nav */
#work_thumb_nav {position:absolute; top:15px; left:10px; width:30px; padding:0; margin:0; z-index:100;}
#work_thumb_nav ul{padding:0px; margin:0px;}
#work_thumb_nav li {list-style:none; padding:0px; margin:0px;}
#work_thumb_nav li a {background:url(/images/sprite.png) no-repeat;display:block; height:30px; width:30px; float:left;}

#work_thumb_nav li .item1{background-position:-12px -220px;}
#page1 #work_thumb_nav li .item1, #work_thumb_nav li a.item1:hover{background-position:-53px -220px;}

#work_thumb_nav li .item2{background-position:-12px -259px;margin-top:15px;}
#page2 #work_thumb_nav li .item2, #work_thumb_nav li a.item2:hover{background-position:-53px -259px;}

/* Thumbnails */
#work_thumb_container {position:absolute; left:65px; top:0; width:230px; height:575px; z-index:10;}
#work_thumb_container img{float:left; margin:0 5px 5px 0;}

/* Full */
#work_full_container {position:absolute; right:0px; top:0; width:700px; height:620px; z-index:0; overflow:hidden;}
#work_full_container img {float:right;}

/* Work caption */
#work_text_container {position:absolute; right:20px; top:635px; height:150px; width:40%;}

/* Footer */
footer {position:absolute; top:765px; left:20px; font-size:.8em;}
footer a{color:#000; text-decoration:none;}

/* scroller */
#scroll {width:100%; height: 620px; overflow: auto; text-align:justify;  position:absolute; right:0px; margin:0; padding: 0 15px 0 0;}
.scrollgeneric {line-height: 1px;font-size: 1px;position: relative;}
.vscrollerbase {right: 0 !important;}
.vscrollerbar {width: 10px;background-color: #eb638e;}
.vscrollerbase {height: 620px; width: 10px; background-image:url(/images/scroll_bg.gif); background-position:bottom; background-repeat:no-repeat; background-color: #FFF;}