body {
 font-family:georgia,trebuchet ms,sans-serif;
 font-size:11pt;
/* background: white url(/img/elektrum-50.png) no-repeat fixed bottom right;
 background: white url(/img/elektrum-books-label.png) no-repeat fixed bottom right;
*/
 color:red;
}
#copyright {
 border:1px solid #8d807f;
 background-color:#f1f2e0;
 text-align:center;
 margin:1ex 0 0 0;
 padding:1ex;
 font-size:small;
}
#nav {
 font-family:verdana,trebuchet ms,sans-serif;
 line-height:9pt;
 font-size:9.5pt;
 margin:0 0 2em 0;
 padding:0;
 border:1px solid #666;
 border-collapse:collapse;
 width:158px;
}

#nav a {
 color:black;
 display:block;
 margin:0;
 padding:1px 2px 2px 1.8ex;
 text-indent:-1.2ex;
 background-color:#efefdf;
 background-color:#fefeef;
}
#nav a.on:hover,
#nav .on {
 background-color:#adad7a;
 color:black;
}
#nav a:hover,
#nav a.appendix:hover,
#nav a.preface:hover {
 color:#a00;
 text-decoration:none;
 background-color:#efefa9;
}
#nav a:active {
 color:#ff9;
 text-decoration:none;
 background-color:#adad7a;
}
#nav a + a {
 border-top:1px solid #666;
}

#nav a.preface {
 background-color:#eaedef;
}
#nav a.appendix {
 background-color:#e9ffda;
}

a { text-decoration:none }
a:hover { text-decoration:underline }
img {
 border:0;
}
#article {
 position:absolute;
 width:35em;
 left:170px;
 padding: 0 0 1em 1em;
 margin:0;
 border-left:1px dotted #336;
 font-family:georgia,trebuchet ms,sans-serif;
 font-size:11.5pt;
}
#side {
 position:absolute;
 left:5px;
}
h1, h2, h3, h4 {
 font-family:helvetica neue,helvetica,geneva,sans-serif;
 font-weight:normal;
 line-height:115%;
 padding:0 0 0 1.5ex;
 margin:.7ex 0 0 0;
 color:#014;
 text-indent:-1.5ex;
}
h1 { font-size: 22pt }
h2 { font-size: 18pt }
h3 { font-size: 14pt }

p + h1, p + h2, p + h3 {
  margin-top:1em;
}

acronym {
 font-style:normal;
 text-decoration:none;
 border-bottom:1px dotted #bb9;
}

code {
 color:#003;
}

p, .code, ul, dl, div {
 color:#001;
}

ol, ul {
 padding:0;
 margin:1ex 0 1em 2em;
}

ul {
 list-style-type:square;
}
li + li {
 margin-top:3px;
}

p {
 line-height:125%;
 margin:1ex 0 1ex 0;
 padding:0;
}
p + p {
 margin-top:.5ex;
 text-indent:1.4em;
}
.center {
 text-align:center;
}

code, pre {
 font-family:monaco,monospace;
 font-size:9pt;
}

.result, .code {
 margin-bottom:1em;
 padding:2px 3px 2px 5px;
 background-color:#efefed;
 background-color:#ffffef;
 background-color:#efefea;
 background-color:#fbfbea;
 border:1px dotted #346;
 border-right:1px dotted #001;
 border-bottom:1px dotted #001;
}
.code {
 font-size:9pt;
 font-family:monaco,monospace;
 white-space:pre;
}
.result {
 font-size:12pt;
 padding:1ex;
 margin:1ex 0 1em 0;
 background-color:white;
}

.imgBox, .bounding {
 padding:5px;
 border:1px solid #666;
 margin:1em;
}

h2 + .code, 
h3 + .code {
 margin-top:1ex;
}

dl {
 margin:1em 0 1em 0;
 font-size:10.4pt;
 padding:3px 1em 3px 1ex;
 border-top:1px dotted #552;
 border-bottom:1px dotted #552;
}
dd + dt, dd dt {
 margin-top:.5em;
}
dd {
 line-height:115%;
}
dd + dd, dd dd {
 margin-top:.5em;
}
.headline {
 font-size:14pt;
 font-weight:bold;
 margin-bottom:.8ex;
}
.highlight {
 background-color:#aFa;
}

.date {
 font-size:8pt;
 white-space: nowrap;
 color:#662;
 color:#557;
 padding-left:1px;
}
h1 .date, h2 .date, h3 .date {
 padding-left:1ex;
}

.grade {
 padding:.5ex;
}

.review {
 border-top:1px dotted #acac96;
}
.review > h3 + p {
 margin-top:0;
}
.review img.lead {
 float:right;
 margin:1ex 0 1ex 1ex;
}

blockquote {
 border-left:2px solid #cdcda9;
 border:6px double #cdcda9;
 border-top:0;
 border-right:0;
 border-bottom:0;
 padding:0 1em 0 1ex;
 font-family:helvetica neue,helvetica,geneva,sans-serif;
 color:#210;
 line-height:15pt;
 font-size:12pt;
 margin:1em;
}

#rightAd {

}
.alert {
 color:#ac0;
 background-color:#ffa;
}

.output {
 margin:2px 0 0 2em;
 font-size:small;
}

img.lead {
 border:1px solid #001;
 padding:0;
 margin: 0 10px 3px 0;
 float:left;
 clear:left;
}

.dropCap {
 font-family:serif;
 line-height:80%;
 font-size:440%;
 font-weight:bold;
 padding:0;
 color:#222;
 border-top:0;
 border-left:0;
 margin:0 1px -.6ex 0;
 float:left;
}

/*
h1 + p:first-letter {
 position:relative;
 vertical-align:text-top;
 font-size: 480%;
 color:#655;
 font-weight: bold;
 padding:0;
 margin:-.3ex 1px -.4ex 0;
 float: left;
}
*/

.attribution {
 text-align:right;
 font-size:smaller;
}

sup.footnote {
 font-size:75%;
 font-weight:bold;
 padding:0;
 margin:0 -1px 0 1px;
}
a[href="#footnote"] {
 text-decoration:underline;
}

.footNav {
 clear:both;
 text-align:center;
 margin:1em 0 1em 0;
 padding:2px;
 border-top:1px dotted #abab98;
 border-bottom:1px dotted #abab98;
 background-color:#fefeef
}

div.footnote {
 margin:2em 0 1ex 0;
 border-top:1px dotted #003;
 padding:.4ex 3em 1ex 2.5em;
 text-indent:-2em;
 font-family:helvetica neue,verdana,sans-serif;
 color:#002;
 font-size:9pt;
}

div.footnote div.footnote {
 border-top:0;
 margin:0;
}

dl.bi > dt, dl.bi dt {
 font-weight:bold;
 font-style:italic;
}

dl.api > dt, dl.api dt {
 font-family:monaco,monospace;
}

.breakable {
 font-family:helvetica,sans-serif;
 word-spacing:-.5ex;
}

pre.breakable, code.breakable {
 word-spacing:-.9ex;
}

.threeCol {
 float:left;
 font-size:90%;
 width:28%;
 line-height:100%;
 margin:.4ex 0 .3ex 3%;
}

#rightAd {
 position:fixed;
 right:30px;
 top:10em;
}