html{min-height:100%}
body{margin:0;padding:0;background:#efe4b0;font-family:'Averia Libre',serif;background-image: -moz-linear-gradient(left,  #dbcc8f 0%, #efe4b0 50%, #dbcc8f 100%);background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbcc8f), color-stop(50%,#efe4b0), color-stop(100%,#dbcc8f));background-image: -webkit-linear-gradient(left, #dbcc8f, #efe4b0 50%, #dbcc8f);background-image: -o-linear-gradient(left, #dbcc8f, #efe4b0 50%, #dbcc8f);background-image: -ms-linear-gradient(left,  #dbcc8f 0%,#efe4b0 50%,#dbcc8f 100%);background-image: linear-gradient(left,  #dbcc8f 0%,#efe4b0 50%,#dbcc8f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbcc8f', endColorstr='#dbcc8f',GradientType=1 )}
#wrapper{position:absolute;top:0;left:0;min-width:320px;min-height:320px;width:100%;height:100%}
#snapper{position:absolute;margin:0 auto;top:0;left:0;min-width:320px;min-height:320px;width:0;height:0}
#content{position:relative;margin:0 auto;padding:0;width:100%;min-width:320px;max-width:1182px;}
.timeline{position:fixed;bottom:0;padding:0;margin:0;font-size:14px;width:100%;min-width:320px;background:#dbcc8f;background:-webkit-radial-gradient(top,ellipse,#efe4b0 50%,#dbcc8f 100%);text-align:center;border-top:2px dotted black;box-shadow:0 2px 0 black inset,0 3px 0 #efe4b0 inset,0 4px 1px black inset,0 0 20px #dbcc8f,0 0 100px #dbcc8f;white-space:nowrap;overflow:hidden;z-index:101}
.timeline a{position:relative;text-decoration:none;color:#000;font-weight:700;z-index:102;top:2px}
.timeline a:hover{box-shadow:0 2px 0 black inset}
.dongle{width:100%}
.dongle>h4{position:relative;bottom:-0.5em;margin:0;font-style:italic;letter-spacing:.5em;z-index:100}
.dongle>h1{position:relative;color:#b00000;padding:0;width:100%;margin:0;font-family:'Sancreek';z-index:100}
.dongle>h1 .char1{font-size:1.2em}
.dongle>h4{margin-left:.5em}
.dongle>h1>.word3{margin-left:-0.1em}
.dongle>h1>.word3>.char1{margin-right:-0.075em}
.dongle>h1>.word3>.char6{margin-left:-0.1em}
hr{display:block;height:.15em;border:0;border-top:.2em solid black;border-bottom:.1em solid black;width:95%}
p{text-align:justify;text-indent:1.5em;text-justify:inter-word;word-spacing:-50% 0}
p>b:first-child{text-transform:uppercase}
p:first-child{text-indent:0}
p:first-child:first-letter {font-size:3em;display:inline-block;line-height:50%;margin-top:.175em;margin-right:.05em;float:left}
p:first-child:first-letter:after{clear:both;content:""}
div.year{padding:2em}
div.year>span.head>h1{font-size:2.5em}
div.year>span.head>h5{margin-bottom:-1.5em;font-style:italic}
.head,.center{text-align:center}
.article{clear:both;margin:0 auto;min-width:256px}
.article>div{position:relative;margin:3% 3.8% 3% 0}
.article>div.column{float:left;width:30.75%}
div.right{margin-right:0}
.article:after{clear:both;display:block;content:""}
div.image{text-align:center}
div.image>img{width:100%}
div.image>img.portrait{max-width:320px}
div.image>span.caption{max-width:300px;font-style:italic}
br{clear:both}
.headlines{list-style:none;padding:0;margin:0}
.headlines>h1{font-style:italic}
.headlines h2{font-weight:400;text-transform:uppercase}
.article>h2,.article>h4{margin:0 auto}
.rev{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}
.headlines>h2:after,.headlines>.article:after{position:relative;display:block;width:95%;margin:1em auto;border-bottom:2px dotted black;content:""}
.headlines>h2:last-child:after,.headlines>.article:last-child:after{border:0}
q{quotes:"\201C" "\201D" "'" "'";font-size:110%;display:block;font-weight:700;font-style:italic;text-align:center;padding:1em 0 1em .5em}
.small{font-size:.8em;font-weight:700;font-style:italic}
.invert{color:#efe4b0;background:#000;-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-o-transform:rotate(-2deg);transform:rotate(-2deg)}
.clear{clear:both}
@media only screen and (max-width:1152px){body{font-size:.8em}
}
@media handheld,only screen and (max-width:800px){body,.wrapper{width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.article>div.column{width:auto;float:none;margin-left:0;margin-right:0}
.article>div.column:after{content:"";display:block;width:100%;margin:1em auto;border-top:1px dashed rgba(0,0,0,0.15)}
.article>div.column:last-child:after{border:0}
}