@import url("/js/fancybox/jquery.fancybox-1.3.4.css");
/* -----------------------------------------------
RESET
----------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
/* -----------------------------------------------
UTILITY
--------------------------------------------------
 .cF - Clear Fix
 .r  - Replace Image
 .rO - Replace Image Off Screem
------------------------------------------------ */
.cF:after { content:"."; display:block; height: 0; clear: both; visibility: hidden; }
.cF { display: inline-block; }
/* Hide from IE Mac \*/
.cF { display:block; }
/* End hide from IE Mac */
.r { display: block; position: relative; overflow: hidden; }
.r span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.rO a { display: block; }
.rO { text-indent: -9999em; }
.rO span { display: none; }
.h { display: none; }

/* -----------------------------------------------
ELEMENTS
----------------------------------------------- */
body { font: 11px Courier, Courier New, monospace; color: #000; padding: 0; -webkit-font-smoothing: antialiased; }
a { color: #000; }

/* -----------------------------------------------
STRUCTURE
----------------------------------------------- */

/* Form
------------------------- */
#Header { text-transform: uppercase; position: fixed; width: 100%; left: 0; }
body.scroll #Header { position: absolute; }
#Header .branding { float: left; font-size: 13px; margin: 20px; }
#Header .contact { float: right; margin: 20px; }
#Header a { text-decoration: none; }
#Header a:hover { text-decoration: underline; }

/* Navigation
------------------------- */
#Navigation { width: 130px; text-transform: uppercase; position: absolute; left: 20px; top: 100px; }
#Navigation a { text-decoration: none; line-height: 15px; font-size: 12px; }
#Navigation .alt { color: #ff0000; }
#Navigation a.selected { font-weight: bold; text-decoration: underline; }
#Navigation a:hover { text-decoration: underline; }
#Navigation .menu { position: fixed; top: 75px; left: 30px; display: none; }

/* Content
------------------------- */
#Content { float: left; margin: 100px 0 50px 160px; }
#Content ul { white-space: nowrap; }
#Content li { margin: 0 20px 0 0; display: inline-block; vertical-align: top; white-space: normal; }
#Content h1, #Content .h1 { text-transform: uppercase; border-bottom: 1px dashed #000; padding: 0 0 11px 0; margin: 5px 0 10px 0; line-height: 1em; }
#Content p { margin: 0 0 15px 0; }
/* Images */
#Content li.image { position: relative; }
#Content li.image div.details { background: url(../img/structure/li_image_p.png); position: absolute; width: 150px; height: 210px; top: 15px; left: 15px; display: table; text-align: center; }
#Content li.image div.details p {color: #fff; line-height: 14px; font-size: 10px; display: table-cell; vertical-align: middle; }
#Content li.image div.details p span.first { display: block; margin-bottom: 15px; }
#Content li.image div.details p span.last { display: block; margin-top: 15px; }
#Content li.image div.details a { color: #fff; }

/* Footer
------------------------- */
#Footer { position: fixed; bottom: 0; width: 100%; left: 0; clear: both; }
body.scroll #Footer { position: relative; }
#Footer ul { padding: 30px; }
#Footer .left { float: left; text-transform: uppercase;}
#Footer .right { float: right; }
#Footer a { text-decoration: none; }
#Footer a:hover { text-decoration: underline; }

/* Page Specific
------------------------- */
body.letters #Content li.image:first-child { margin-right: 0; }
body.letters #Content li.image:first-child div.details { background: url(../img/structure/li_image_p_alt.png); }
/* Book */
body.book #Content { padding-right: 1000px; }
body.book #Content li.details { width: 350px; padding:0; white-space: normal; margin-right: 50px; }
body.book #Content li.details form { padding: 0 0 5px 0; }
body.book #Content li.details form .input, body.book #Content li.details form .submit { margin: 0 0 10px 0; }
body.book #Content li.details form .input label, body.book #Content li.details form .submit strong { float: left; width: 60px; display: block; padding-top: 3px; text-transform: uppercase; }
body.book #Content .charity { margin: 15px 0 0 0; padding: 5px 0 0 0; border-top: 1px dashed #000; }
body.book #Content .dad { border-top: 1px dashed #000; padding: 15px 0 0 0; }
/* Exhibition */
body.exhibition #Content li.details { width: 450px; margin-right: 50px; }
body.exhibition #Content li.details p { font-size: 15px; margin: 0 0 20px 0; line-height: 20px; }
body.exhibition #Content li.details h2 { font-size: 15px; border-bottom: 2px dashed #000; }
body.exhibition #Content li.image div.details { height: auto; padding: 20px 0; }
/* About */
body.about #Content .col-left { width: 460px; white-space: normal; margin-right: 60px; float: left;  }
body.about #Content .col-left p { font-size: 15px; margin: 0 0 0 0; line-height: 20px; }
body.about #Content .col-left p:first-child { margin: 0 0 20px 0; }
body.about #Content .col-left p.indent { text-indent: 30px; }
body.about #Content .col-left p.signature { margin-left: 110px; }
body.about #Content .col-left p.signature strong { font-weight: normal; display: block; margin-left: 150px; }
body.about #Content .col-right { width: 310px; white-space: normal; float: left; }
body.about #Content .col-right .contributors p:first-child { text-transform: uppercase; line-height: 13px; }
/* Contribute */
body.contribute #Content { width: 500px; }
body.contribute #Content p { font-size: 15px; margin: 0 0 20px 0; line-height: 20px; }
/* About */