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;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:"";content:none;}
body{line-height:1.2;}
@font-face{font-family:'IcoMoon';src:url('../fonts/IcoMoon.eot');src:url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/IcoMoon.svg#IcoMoon') format('svg'),
url('../fonts/IcoMoon.woff') format('woff'),
url('../fonts/IcoMoon.ttf') format('truetype');font-weight:normal;font-style:normal;}
body{background:white;position:relative;}
#footer, #links, h1, h2, h3, h4, h5, .ToTop{font-family:"Roboto Slab","Lucida Bright", Georgia, serif;}
a{text-decoration:none;}

#links{z-index:10;text-align:center;position:fixed;top:60px;left:0;width:160px;height:700px;font-size:1em; display:flex; flex-direction: column;}
#links li{background-color:#ab9176;padding:7px 10px;margin-bottom:1px;border-width:0;}
#links a{color:white;}
#links li.hidden{background-color:#CBB196;}
#links a:hover{color:#444;}
#clearingspace{overflow:auto;height:1%;}
#shell{position:absolute;top:25px;left:161px;right:25px;padding-bottom:2px;}
#content{color:#040201;font-size:90%;font-family:"Roboto", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;Arial, Helvetica, sans-serif;padding:0px 10px 20px 25px;border:3px solid #cbb196;}
#content h1{padding:10px 2px 5px 8px;margin:0px -9px 12px -24px;text-align:right;font-size:280%;font-weight:600;color:#cbb196;letter-spacing:0.33em;text-transform:lowercase;text-height:1;border-bottom:2px solid #cbb196;}
#content #about h2, #content #books h2{margin-top:-14px;}
#content h2{padding:6px 0px 5px 8px;margin:8px -9px 8px -24px;color:#fff;background:#cbb196;font-weight:500;font-size:160%;}
#content h2 b{font-weight:bold;}
#content h3, #content h4, #content h5{color:#cbb196;color:black;}
#content h3{padding:2px 0px 8px;margin:8px 0px 0px;font-size:140%;}
#content h4{padding:2px 0px 8px;margin:6px 0px 0px;font-size:125%;}
#content h5{padding:2px 0px 8px;margin:4px 0px 0px;font-size:110%;}
#content quote{font-size:90%;font-weight:normal;font-style:italic;}
#content code, pre{color:#EDC;font:110% monospace;}
#content dd{margin-left:2.2em;}
#content dd.commented{margin-left:2.75em;}
p, dl{margin:0px 0px 12px;}
em{font-style:italic;}
#content ul{padding-left:.75em;margin-bottom:12px;margin-top:3px;}
#content ul li:before{content:'\25CF ';color:#CBB196;padding-right:0.25em;}
#content li ul li:before{content:'\25CB';}
#content ul.linked{list-style:none;}
#content ul.linked li:before{font-family:'IcoMoon';font-style:normal;font-size:80%;content:"\e007";padding-right:.25em;}
#content li ul.linked li:before{font-size:60%;}
#content a{color:#CBB196;}
#content a:hover{color:#AB9176;}
dt{font-weight:normal;padding:0 0 .125em;}
dd{margin-left:1.00em;padding:.5em 0px .25em 2.75em;}
.reprint dd{background:url(reprint.png) no-repeat 6px 2px;}
#sub{font-size:smaller;font-weight:normal;padding-left:1.5em;}
sup, sub, small{font-size:75%;line-height:.75;}
sub{vertical-align:sub;}
sup{vertical-align:super;}
#footer{font-size:81.25%;font-weight:400;position:relative;text-align:center;padding:6px;color:#ab9176;}
#footer a{color:#AB9176;}
#footer a:hover{color:#CBB196;}
#content a.ToTop{display:inline-block;margin:.4em 0px;font-style:italic;padding:.4em;}
a.ToTop:before{font-family:'IcoMoon';font-style:normal;font-size:small;content:"\e005";padding-right:.25em;}
#resnav ul.nav.menu li:before{font-family:'IcoMoon';font-style:normal;font-size:small;content:"\e007";padding-right:.25em;}
.accordion-container{display:block;margin-bottom:12px;margin-right:-9px;}
.accordion-container input{display:none;}
.accordion-container label{position:relative;z-index:20;display:inline-block;cursor:pointer;width:100%;padding:6px 0 5px;margin-top:8px;background-color:#cbb196;color:white;}
.accordion-container label:hover, #content .accordion-container label:hover h3, .accordion-container label:hover, #content .accordion-container label:hover h4{color:black;}
#content .accordion-container label h3, #content .accordion-container label h4{display:inline;color:white;margin:0px;padding:0px;}
.accordion-container label:before{font-family:'IcoMoon';font-style:normal;font-size:small;content:"\66";display:inline-block;padding:0em 1em .5em;}
.accordion-container input:checked + label:before{content:"\67";}
.accordion-container label:after{font-style:italic;font-size:small;content:"click to expand";display:inline-block;padding-right:.5em;padding-left:1em;}
.accordion-container input:checked + label:after{content:"click to contract";}
.accordion-container article{overflow:hidden;position:relative;z-index:10;height:0px;-webkit-transition:height 0.5s ease-in-out;-moz-transition:height 0.5s ease-in-out;-o-transition:height 0.5s ease-in-out;-ms-transition:height 0.5s ease-in-out;transition:height 0.5s ease-in-out;}
.accordion-container input:checked ~ article{height:auto;border:2px solid #cbb196;border-top:0px;padding:.5em 1em;-webkit-transition:height 0.5s ease-in-out;-moz-transition:height 0.5s ease-in-out;-o-transition:height 0.5s ease-in-out;-ms-transition:height 0.5s ease-in-out;transition:height 0.5s ease-in-out;}
.accordion-container.reviewed p{margin-bottom:6px;}
.accordion-container.reviewed p:before{content:url(reviewed24.png);padding-left:2px;}

@media (max-width:779px)
{
#shell{top:4em;left:0px;right:0px;padding-bottom:2px;}
#content{border:0px;}

#links{background-color:#ab9176;top:0px;padding-top:0px;left:0;width:100%; flex-direction: row; height:auto;}
#links li{padding:.40em 1px;border:1px solid white;flex: 1 0 32%;}
#links li a{height: 100%;width:100%;display:inline-block;}
#links li.hidden{display:none;}



#content h1{letter-spacing:0.25em;}
h1, h2, h3{text-rendering:optimizeLegibility;}
#footer{border-top:2px solid #cbb196;margin-top:.5em;}
}
@media (max-width:420px){#links{font-size:87.5%}}
@media (max-width:360px){#links{font-size:81.25%}}
@media (max-width:320px){#links{font-size:75%}}