* { margin: 0; padding: 0; box-sizing: border-box; font: 13px 'Georgia', 'Verdana',serif; color: #222; line-height: 1.5em }
header li a, h1, h2, h3, h4, h5 { font-family: sans-serif }

html, body { background: #ccc; text-align: center; height: 100% }
#body { text-align: left; width: 802px; margin: 0 auto; background: #fff; border-left: 1px solid #aaa; border-right: 1px solid #aaa; min-height: 100%; display: flex; flex-flow: row wrap; align-items: flex-start }
main, header { margin-top: 30px }
header { flex: initial; width: 131px; border-right: 1px dashed #aaa; padding: 20px 10px; background: #fff }
main   { flex: 1; padding: 12px 20px 30px 20px; min-width: 1% }
footer { flex: initial; width: 100%; margin: 0; border-top: 1px dashed #aaa; height: 20px; text-align: center }
#scissors { position: relative; top: 30px; left: 113px; }
#menu, #body > label { display: none }

footer p { position: relative; top: -10px; padding: 0; background: #fff; display: inline; color: #aaa }
header li a { font-size: 14px }
header h1 { font-weight: bold; text-align: center; font-size: 15px; margin-bottom: 20px }
header li { margin: 0 0 15px 10px; list-style-type: none }
header li a { text-decoration: none; display: block; width: 100%; border-bottom: 1px solid #fff }
header li a:hover { border-bottom: 1px dashed #aaa }
header li li { margin-top: 6px; margin-bottom: 0 }
header li li a { width: 100% }
header li a.tiny { font-size: 11px }
header li a.small { font-size: 10px }
header li a.special:after { content: url(/img/external.gif) }
header p { margin: 50px 0 0 0; text-align: center }
header p, header p * { font-size: 9px; text-decoration: none; line-height: 1.8em }
header p a:hover { text-decoration: underline }
header p i { font-size: 7px; display: block; margin-top: -2px; margin-bottom: -10px; font-style: normal }
header p b { display: block; margin-top: 10px; margin-bottom: 2px }

@media (min-width: 1200px) {
    * { font-size: 16px }
    #body { width: 1000px }
    main { padding-right: 40px }
}
@media (max-width: 802px) {
    main, header { margin-top: 35px }
    main { padding: 0 10px }
    #body { width: 100% }
    #body > label { display: block; cursor: pointer; position: absolute; top: 0; left: 0; font-size: 13px; padding: 0 5px 2px 5px; background: #ddd }
    #body > label b { font-size: 22px }
    header { display: none; position: absolute; left: 0; top: 0 }
    #menu:checked ~ header { display: block }
}

b, strong { font-weight: bold }
em, i, i a, em a { font-style: italic; font-size: inherit }
sup { font-size: 80%; font-weight: bold }
a.footnoteRef { text-decoration: none }

main h1.title { margin-top: 0; font-size: 195% }
main h1 { font-size: 150%; color: #000; margin: 2em 0 .3em 0; text-decoration: none }
main h2 { font-size: 125%; color: #000; margin: 1em 0 .3em 0; text-decoration: none }
main h3 { font-size: 120%; color: #000; margin: 1em 0 .3em 0; text-decoration: none }
main code { font-family: monospace }
main pre { font-family: monospace; font-size: 80%; margin: 0 0 10px 18px; display: block; padding: 0 0 0 15px; border-left: 1px dotted #999; overflow-x: auto } 
main blockquote { font-size: 80%; margin: 0 0 10px 5px; display: block; padding: 0 0 0 10px; border-left: 1px dotted #999 }
main pre * { font-size: inherit; font-family: inherit }
main p, main figure, main ul, main ol, main dl, main pre, main figure, main table, main form { margin-bottom: 0.7em; margin-left: 1em }
main ul ul { margin-bottom: 0.5em }
main ul, main ol { margin-left: 2.5em }
main li { margin-bottom: .1em }
main dd { margin-left: 1.5em; margin-bottom: .5em }
main ul p, main ol p, main dl p { margin-left: 0 }
main ul ul, main dd ul { margin-left: 1em }
main dt { margin-bottom: .1em; }
main figcaption { display: none }
main table th, main table td { font-size: 12.8px; padding: 1px 7px }
main td em { font-style: normal; text-decoration: underline }
main table th { font-weight: bold }
main textarea { width: 95% }
main input[type="submit"] { padding: 1px 5px }

main section.footnotes hr { display: none }
main section.footnotes { margin: 40px 10px 10px 10px }
main section.footnotes p, main section.footnotes code { font-size: 80% }
main section.footnotes em, main section.footnotes a { font-size: inherit }

main img.right { float: right; margin: 0 0 5px 10px }
main .sig { vertical-align: super }
main .sig, main .sig a { font-size: 9px; color: #333; text-decoration: none }

.page-changelog > ul { list-style-type: none; margin-left: 0 }
.page-changelog > ul > li { margin-bottom: 1.3em }
.page-changelog li li { margin-left: 1em }

.fileinfo { position: relative }
.fileinfo input { display: none }
.fileinfo label { cursor: pointer }
.fileinfo label img { height: 12px }
.fileinfo span label { position: absolute; right: 0; top: 0; padding: 5px }
.fileinfo span { position: absolute; top: 25px; left: -80px; background: #eee; border: 1px dashed #000; padding: 15px; display: none; white-space: nowrap; z-index: 1 }
.fileinfo span, .fileinfo span * { font-size: 12px }
.fileinfo span em { display: inline-block; width: 70px; font-style: normal }
.fileinfo input:checked ~ span { display: block }

code span.al { color: #ff0000; font-weight: bold; } /* Alert */
code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
code span.at { color: #7d9029; } /* Attribute */
code span.bn { color: #40a070; } /* BaseN */
code span.bu { } /* BuiltIn */
code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
code span.ch { color: #4070a0; } /* Char */
code span.cn { color: #880000; } /* Constant */
code span.co { color: #60a0b0; font-style: italic; } /* Comment */
code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
code span.do { color: #ba2121; font-style: italic; } /* Documentation */
code span.dt { color: #902000; } /* DataType */
code span.dv { color: #40a070; } /* DecVal */
code span.er { color: #ff0000; font-weight: bold; } /* Error */
code span.ex { } /* Extension */
code span.fl { color: #40a070; } /* Float */
code span.fu { color: #06287e; } /* Function */
code span.im { } /* Import */
code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
code span.kw { color: #007020; font-weight: bold; } /* Keyword */
code span.op { color: #666666; } /* Operator */
code span.ot { color: #007020; } /* Other */
code span.pp { color: #bc7a00; } /* Preprocessor */
code span.sc { color: #4070a0; } /* SpecialChar */
code span.ss { color: #bb6688; } /* SpecialString */
code span.st { color: #4070a0; } /* String */
code span.va { color: #19177c; } /* Variable */
code span.vs { color: #4070a0; } /* VerbatimString */
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
