/* reset */

body { padding: 0; margin: 0 auto; background: #666 url(/images/overlay.png) repeat 0 0; font-family: Georgia, Times, serif; font-size: 100%;}


a:link, a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #333; }

#header { margin: 0 auto; padding: 30px 0 1em 0; width: 900px; position: relative; font-size: 13px; }
#footer { clear: both; padding-top: 3em; opacity: 0; }
#content { width: 900px; margin: 0 auto; padding: 0;  padding-top: 2em; clear: both;  }
#menu { margin-top: 0; margin-left: 280px; padding: 0; float: left; }
.menu li { list-style: none; color: #999; padding: 2px; }
.menu a:link, .menu a:visited, .menu span { color: #000; background-color: #ffff00; padding: 1px 2px; font-style: italic; }
.menu a:hover { background-color: #fff; text-decoration: none; }
.menu span { background-color: #eee; }

#projects-menu, #books-menu { float: left; margin: 0; }
#projects-menu a:link, #projects-menu a:visited, #books-menu a:link, #books-menu a:visited { background-color: #eee; color: #666; }
#projects-menu .sub a:hover, #books-menu a:hover { background-color: #fff; color: #000; }

#screen { position: fixed; width: 100%; padding: 0; }
#title { height: 130px; width: 229px; background: url(/images/header_small.png) no-repeat 0 0; position: absolute; top: 30px; margin-top: 0; padding-top: 0; }
#title a { display: none; }

.module { clear: both; }
.modules { position: relative; margin: 0; padding: 0; }
.module h3 span, .module h3 a { background-color: #ffff00; color: #000; padding: 3px 3px; font-style: italic; font-weight: normal; text-decoration: none; }
.module h3 a:hover { background-color: #fff; }
.module h3 { margin: 0 0 5px 0; font-size: 24px; line-height: 1.25; }
.module h3 b { font-weight: normal; font-style: normal; }
.module .body { background: #fff; color: #222; padding: 1em 1em; font-size: 14px; width: 375px; float: left; border-bottom: 10px solid #eee; }
.module .body { margin-bottom: 2em; }
.module .body p { margin: 0 0 1em 0;  padding: 0; line-height: 1.4; }
.module img { border: 4px solid #eee; float: left; margin: 0; margin-left: 3px; margin-bottom: 2em; }
.module a { text-decoration: underline; }

#subnav { list-style: none; padding: 0; position: absolute; width: 170px; left: 0; top: 26px; margin: 0; }
#subnav a { background-color: #ccc; color: #000; font-size: 12px; padding: 2px 3px; margin: 0; }
#subnav a:hover { background-color: #fff; text-decoration:none; }
#subnav li { margin-top: 5px; text-align: right; }

.work { position: relative; margin:0; padding: 0; line-height: 1.5; }
.work img { background-color: #fff; border: #fff 4px solid; margin: 0; }
.work img { border: none; }
.info { color: #666; position: absolute; left: 705px; top: 0; padding: 0; margin: 0;}
.work .next a:link, .work .next a:visited { color: #000; padding: 2px 4px; background-color: #ffff00; }
.work .next a:hover { background-color: #fff; padding: 2px 4px; text-decoration: none; }
.work .info span { background-color: #fff; color: #000; padding: 2px 4px; margin: 0; }
.work .info .next span { background-color: #ddd; color: #999; opacity: 0.9; }
.work .info p { padding-top: 2em; }

.projects { width: 800px; position: relative; }
.projects ul { list-style: none; padding: 0; margin: 0; }
.project { display: inline; margin: 0; padding: 0; }
.project a { margin: 0; padding: 0; }
.project img { padding: 1px; cursor: pointer; margin: 0; border: 0; }
.project img:hover { background-color: #fff; }
.projects h3 span { background-color: #fff; padding: 3px; font-style: italic; font-weight: normal; }
.projects h3 { margin-bottom: 6px; }

/* clipping previews */
.module .wrapper .preview { position: relative; float: left; }
.module .preview p { display: none; position: absolute; top: 90px; left: 5%; width: 80%; background-color: #333; padding: 10px; }
.module .preview:hover p { display: block; } 
.module .preview:hover a { color: #666; } 
.module .preview:hover a:hover { color: #fff; } 

/* clipping content */
.module .author { color: #777; }
.module .body .more { padding-top: 1em; }

.text { background-color: #fff; padding: 1em; }
.text p { padding: 0; margin-top: 0; }

/* cv */
#cv { width: 700px;  }

#cv table  { background-color: #fff; font-size: 0.8em; margin-bottom: 4px; line-height: 1.6; width: 700px; padding: .5em 0; }
#cv .intro  { background-color: #fff; font-size: 0.8em; margin-bottom: 2px; line-height: 1.6; width: 690px; padding-left: 1em; padding-top: .5em; padding-bottom: .5em; }
#cv td.year { width: 60px; padding-left: 1em; padding-bottom: 0; }
#cv td.year p  { padding-top: 0; margin-top: 0; padding-bottom: 0; margin-bottom: 0; }
#cv td.item p, #cv td.item div { margin-top: 0; padding-top: 0; }
#cv h3 span { font-style: normal; }
#cv_bibliography table.cv { background-color: transparent; padding: 0; }
#cv_bibliography table td.year { display: none; }
#cv_bibliography table td.item { padding: 1em; background-color: #fff; display: block; margin-bottom: 2px; }
/* contact */
#contact .module { width: 450px; font-size: .85em;  }
#contact .credits { margin-top: 4em; font-style: italic; font-size: .85em; color: #666; }
#contact .credits a { color: #333; padding: 2px; }
#contact .credits a:hover { background-color: #ffff00; color: #000; }