/* 

Styles for Diane Jacobs

Written by Ryan Hinkel

Home page
Images and links on the News Page
Discuss fonts & smaller details
Finesse the Blog page?

*/



/* Site Wide */

html {margin:0;}
body {background: #fff; font: 9px/9px 'Helvetica', san-serif normal; font-weight: normal;margin:0;padding:160px 0 0;}
body.event {padding:130px 0 0;}
body.document_page {padding:180px 0 0;}
p {font: 14px/18px 'Helvetica', san-serif normal;}
a, a img, img {border-style:none; text-decoration: none;}

/* Header */
#header {background: #fff;width:100%;padding:20px 0;position:fixed; top:0; left: 0;}
#nameplate {display:block; width:203px; height:37px; text-indent: -9999px; overflow:hidden; background: url('../images/nameplate.png') no-repeat #fff; margin: 0 auto 10px;}
#nav {margin: 10px auto; padding: 0; list-style-type:none; text-align:center;}
#nav li {display:inline;}
#nav a {color: #000; font: bold 14px/14px 'Helvetica', san-serif; text-decoration:none; padding: 0 7px;}
#nav a:hover {color: #333;}
#nav .selected {color: #555;text-decoration:underline;font-weight:bold;}

.about #nav_about a,
.contact #nav_contact a,
.events #nav_news a,
.home #nav_home a,
.portfolio #nav_work a{color: #555;text-decoration:underline;font-weight:bold;}

#subnav {position:fixed; top:70px; left: 0;margin: 20px auto; padding: 0; list-style-type:none; text-align:center;width:100%;}
#subnav li {display:inline;}
#subnav a {color: #000; font: 12px/12px 'Helvetica', san-serif normal; text-decoration:none;padding: 0 5px;}
#subnav a:hover {color: #333;}
#subnav .selected a {color: #111;font-weight: normal;text-decoration:none;background-color:#ccc;}

h1 {position:fixed; top:115px; left: 0;margin: 0 auto; width: 100%; text-align:center;font: bold 24px/24px 'Georgia', san-serif;}


/* Work Page */

/* Index Block */
.work_index {background-color: #e8e8e8; padding:24px 0 24px 24px;margin-top:0;overflow:hidden;}

/* Work Block */
.work_index .work.block {position:relative;padding: 0px 0px 34px;float:left;margin-right:44px;}
.work_index .work.block:hover {outline: none;}
.work_index .work.block img {}
.work_index .work.block h2 {position: absolute; top: 287px; left: 5px; font: normal 16px/30px 'Georgia', serif; letter-spacing: 0px;color: #7d797a;}
.work_index .work.block .info {margin: 0px; padding: 10px 0;position: absolute; top:0px; left: 0px; width: 100%; min-height: 268px;font: normal 18px/42px 'Georgia', serif;color: #ccc;display:none;}
.work_index .work.block span {display:block;padding: 0 20px;}
.work_index .work.block:hover .info {display:block;background-color: #111;background-color: rgba(0,0,0,0.8);}


.work_show {background-color: #e8e8e8; padding:24px 0 24px 24px;margin-top:0;overflow:hidden;}
.work_show .block {position:relative;display:block; padding: 0px 0px 34px;float:left;margin-right:10px;}
.work_show .info {background-color: rgb(255,255,255);margin: 0px; padding: 10px; width: 410px; min-height: 268px;}
.work_show .title, .work_show .medium, .work_show .date, .work_show .size {font: normal 12px/18px 'Georgia', serif;color: #111;}
.work_show .info.large .title, .work_show .info.large .medium, .work_show .info.large .date, .work_show .info.large .size {font: normal normal 22px/48px 'Georgia', serif;color: #111;}
.work_show .description {font: normal 12px/18px 'Arial', san-serif;color: #111;margin-bottom: 1em}
.work_show p span {display:block;}
.work_show p.caption {position: absolute; top: 287px; left: 5px; font: normal 16px/18px 'Georgia', serif;color: #7d797a;}

#scroll_right {position:absolute; top: 115px; left: 20px;padding: 0 20px 0 0;font-style:italic;font-weight:normal;font-size:11px; font-family:'Georgia';cursor:pointer;background:url('../images/arrow_tilt.png') no-repeat 95px 4px;}

/* Event Page */

/* Index Block */
.event_index {padding:24px;margin:0px auto 100px;overflow:hidden;width: 470px;}

/* Event Block */
.event_index .event.block {display:block;padding: 20px;background-color: #f8f8f8; margin: 0 auto 30px;}
.event_index .event.block h2 {font: normal 24px/30px 'Georgia', serif; letter-spacing: 0px;color: #7d797a;width: 200px;}
.event_index .event.block .info {width: 300px;font: normal 14px/22px 'Arial', serif;color: #111;}
.event_index .event.block span {display:block;padding: 0px;}





/* Documents */

.document_page .document {margin: 0px auto 30px;width:600px;}

.document p {font-size: 16px; line-height: 30px; margin: 3em 0 3em 2em;font-family: 'Georgia', serif;}
.document a {font-size: 16px; line-height: 30px; margin: 3em 0 3em 2em; font-weight: bold;text-decoration:underline;font-family: 'Georgia', serif;}
.document .site_info {margin: 160px 0 10px;text-align:center;}
.document .site_info a, .document .site_info span {display:block;margin: 0;font-weight: normal;font-size: 10px; line-height: 12px;}
.document .site_info span {margin: 10px 0 0;}
.document .site_info a {font-size: 14px;margin: 10px 0;}
.document .links {text-align:center;}
.document .links a {font-size:22px; line-height: 40px; margin: 3em 0 3em 0em; font-weight: normal; }


/* Horizontal blocks */






/* Sort Fork Block */


/* Show */




/* Image Sort */



/* About */


/* News */