* {	margin: 0; padding: 0; border: 0; outline: none }

html, body { min-height: 100%; height: auto !important; height: 100% }
body { font: 12px/17px Courier, monospace !important; background: #fff; color: #000; letter-spacing: 0.01em }
p, h2, #content ul { margin-bottom: 1em }
a:link, a:visited, a:focus { text-decoration: none; color: #000 }
a:hover, a:active { color: #360 }
ul { list-style: none }
h1 { font: 20px/24px Courier, monospace }
h2 { font: 14px/18px Courier, monospace }
table { border-collapse: collapse }
img, object { margin-bottom: 5px }
hr { height: 3em; background: #fff }

#center { position: relative; width: 980px; margin: 0 auto }

#menu { width: 220px; overflow: auto; position: fixed; height: 100%; z-index: 4; background: #fff }
#menu .container { padding: 60px 20px 20px }
#menu a:active { color: #f60 }
#title { margin-bottom: 14px }
#title a {  }
#title a:hover {  }
#nav { margin-left: 48px; font-size: 14px; line-height: 28px; text-transform: lowercase }
#nav ul {  }
#nav ul li.active a { color: #360; cursor: default; text-shadow: 0 0 5px #693 }
#nav #list { display: none } /* hides projects pages from menu */

body.section2 li.sec11 { color: #360; cursor: default; text-shadow: 0 0 5px #693 }
body.section2 li.sec11 a:after { content: " \00AB" }

#content { height: 100%; margin-left: 220px }
#content .container { width: 720px; padding: 60px 20px 20px }
#content img {  }
#content a { text-shadow: 0 0 5px #693 }
#content a:hover {  }

#page { font: 20px/24px Courier, monospace; text-transform: lowercase }
body.Home #page { display: none }

#print { display: none }
body.Resume #print { display: inline }
body.Resume #print:before { content: " \00BB" }
body.Resume #content .container {  }
body.Resume em { font: 14px Baskerville, 'Palatino Linotype', Garamond, serif; font-style: italic }

* html #page, * html #menu { position: absolute }


.title { font-style: italic }
.hidden { display: none }
.indent, .tab { margin-left: 15px }
.shaun { margin-top: 2em }
.copy { font: 9px/10px sans-serif; color: #999; margin-top: 40px }
.left { float: left; clear: left; margin: 0 20px 20px 0 }

#img-container { margin-top: 2em }
body.Home #img-container { margin-top: 0 !important }

/* slideshow */
.slide-nav { font-size: 24px; position: absolute; top: 64px; right: 16px; z-index: 5 }
#num { color: #ccc; font-size: 18px }
#slide-container { display: block; margin-top: 2em }
#slide-container img { max-width: 720px; max-height: 600px }

#alt-container { display: block; float: left; width: 480px; margin-right: 20px }
#alt-container img { max-width: 480px; max-height: 540px }
.alt-slides { float: left; border-left: 500px solid #fff; font-size: 24px; margin-bottom: 20px }
#altcopy { float: left; border-left: 500px solid #fff; display: block; width: 210px; height: 360px; padding-right: 10px; overflow: auto }

#slide-container a.thickbox img { height: 70px; margin: 0 0.8em 0.8em 0; filter: alpha(opacity=8); -moz-opacity: 0.8; opacity: 0.8 }
#slide-container a.thickbox:hover img { filter: alpha(opacity=10); -moz-opacity: 1; opacity: 1 }


/* side scroller */
#d-text { margin-bottom: 20px }
#d-col1 { background: #fff }
.scroll-pane { width: 720px; height: 115px; overflow: auto }
#d-col1 img { height: 80px }
#d-col1 td { padding-right: 20px }
#d-col2 { margin-top: 20px }
#d-col2 img, #img-container img.img-bot { max-width: 720px; max-height: 600px; margin-bottom: 5px }
#hidden-text { display: none }
#once { clear: left }


/* Thickbox viewer */
#TB_overlay { position: absolute; z-index: 100; top: 0px; left: 0px; background-image: url(fff70.png); min-height: 100%; height: auto; _height: 100% }
#TB_window { position: absolute; z-index: 102; background: #fff; display: none }
#TB_closeWindowButton { float: right; margin-right: 10px }
#TB_window img { display: block; margin: 10px 0 10px 15px }
#TB_caption { text-align: center }
.TB_space { display: inline-block; width: 25px; text-align: center }
#TB_secondLine { text-align: center; padding: 10px 5px 0 }
#TB_closeWindow { display: none }
#TB_load { position: absolute; display: none; height: 16px; width: 16px; z-index: 101 }
#TB_HideSelect { z-index:99; position: absolute; background: transparent !important }
#TB_iframeContent { clear: both; margin-bottom:-1px; margin-top:1px; _margin-bottom: 1px }

/* jscrollpane in the ass 
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1 }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden }
.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; background-color: #666; height: 9px }
a.jScrollArrowUp:hover { background-color: #f60; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background-color: #666; height: 9px }
a.jScrollArrowDown:hover { background-color: #f60; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-color: #f00; }
*/

@media print
{

body { width: 100%; color: #000; font: 12pt/16pt Courier, monospace !important } 
a { color: #000 !important }

#menu, #content { position: relative !important; width: 100% !important; margin: 0 !important }
.container { padding: 0 !important }

#menu { padding-bottom: 3em }
#title:after { content: "ben.k.waterman@gmail.com - 206 330 7071"; margin-left: 1em; font-size: 12pt }

#nav, #page, #print { display: none !important }

body.Resume em { font: 14pt Baskerville, 'Palatino Linotype', Garamond, serif; font-style: italic }

}