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

html, body { min-height: 100%; height: auto !important; height: 100% }
body { font: 11px/16px "Helvetica Neue", Helvetica, Arial, sans-serif !important; background: #000; color: #fff; letter-spacing: 0.02em }
p, h2, ul, table { margin-bottom: 1em }
a:link, a:visited { text-decoration: none; color: #ccc }
a:hover, a:active { color: #fff }
ul { list-style: none }
h1, #print, h2#page { font: 20px/24px "Adobe Garamond Pro", Garamond, Times, serif !important }
h2, h3, li.section-title, .bloglink { font: 14px/18px "Adobe Garamond Pro", Garamond, Times, serif !important; color: #fff !important }
h3 { margin-bottom: 0 }
table { border-collapse: collapse }
td { vertical-align: top }

#menu { width: 200px; overflow: auto; position: fixed; height: 100%; z-index: 4; background: #000 }
#menu .container { padding: 20px }
* html #menu { position: absolute }
#title { margin-bottom: 20px }
#title a { color: #fff }
#title a:hover { color: #39c }
#nav {  }
#nav ul {  }
#nav ul li a {  }
#nav ul li a:hover {  }
#nav ul li.active a { color: #fff; cursor: default }
#nav ul li.section-title {  }
#nav ul li.section-title:hover {  }
#list1 { display: none } /* hides blog posts if inadvertently listed in menu */

#content { height: 100%; margin-left: 200px }
#content .container { width: 600px; padding: 64px 20px 20px }
body.section3 #content .container, body.section4 #content .container { padding-top: 82px }
#content img { max-width: 600px }

h2#page { display: block; width: 100%; position: fixed; background: #000; padding: 20px 20px 8px 220px; z-index: 2 }

#print { display: none }
body.CV #print { display: inline; margin-left: 20px }
body.CV #print:before { content: "\271F  "; font-size: 80% }


p.nav {  }
#num { color: #999; margin-left: 20px }
#iwanum { float: right; color: #999; padding-left: 20px }
#img-container { display: block; margin-top: 20px }
a.thickbox img { height: 70px; margin: 0 20px 20px 0 }
.img-bot { margin-bottom: 5px; padding-right: 20px; display: block }
.caption {  }

#d-text { margin-bottom: 20px }
#d-col1 { width: 600px; height: 105px; padding-top: 20px; background: #000; overflow: auto; position: fixed; bottom: 0; left: 220px }
#d-col1 img { height: 70px }
#d-col1 td { padding-right: 20px }
#d-col2 { margin-bottom: 150px }
#d-col2 img, #img-container img { max-height: 600px; margin-bottom: 5px }
#hidden-text { display: none; }
#once { clear: left }

.blogdate { color: #999 }
.blogfoot { margin-bottom: 40px }
.blogfoot a {  }

.title { font-style: italic }
.hidden { display: none }
.indent { margin-left: 15px }
.shaun { margin-top: 50px }
.space { margin-top: 0.8em }
.nospace { margin-top: -0.8em }
.year { width: 50px; font-weight: bold }

/* 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 }


@media print
{

* { background: #fff !important }
body { width: 100%; color: #333; background: #fff; font: 11pt/15pt "Helvetica Neue", Helvetica, Arial, sans-serif !important } 
a, h1, h2, h3 { color: #333 !important }
h2, h3 { font: 14pt/18pt "Adobe Garamond Pro", Garamond, Times, serif !important; margin-top: 0.2in; border-bottom: 1px solid #333 }

#title a:after { content: " / ginagrafos.com / 316.350.4771 / ggrafos@gmail.com"; text-transform: lowercase }

#menu { position: relative; width: auto !important; padding: 0; background: #fff; border: 0 }
#menu .container { width: auto; padding: 0 }
#content { width: auto !important; padding: 0 !important; margin: 0 !important }
#content .container { width: auto; padding: 0 }

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

}