body {
  margin: 0 0 1500px 0;
  font: 13px Arial, Verdana, sans-serif;
  line-height: 1.33;
  color: #000;
  background-color: #fff;
}
h1 { margin-top: 0; }
h1 { font-size: 22px; }
h2 { font-size: 19px; }
h3 { font-size: 16px; }
h4 { font-size: 13px; }
h1, h2, h3, h4, a:link { color: #369; }
a:visited { color: #518; }
a:link img, a:visited img { border: none; }
dfn { font-style: normal; color: #006; }
abbr { border-bottom: 1px dotted #006; }
pre, code, samp, var, .codebox { color: #060; }
kbd { color: #006; font-weight: bold; }
var { font-style: normal; border-bottom: 1px dotted #060; }
samp, var, kbd { font-family: monospace; }
pre { white-space: pre-wrap; }
pre, .codebox, .factbox, .picturebox, .sidebar {
  margin: 7px 7px 7px 26px;
  border: 1px solid #888;
  padding: 7px;
  background-color: #eee;
}
pre, .codebox, .factbox, .picturebox { line-height: 1; }
pre, .codebox, .factbox { max-width: 600px; }
.codebox { font-family: monospace; }
.factbox { font-size: 11px; }
.factbox p { margin: 0; padding: 0; }
.picturebox { max-width: 400px; }
.picturebox img { max-width: 100%; }
.sidebar { max-width: 600px; }
.sidebar h4 { margin: 0; }
.creativecommons {
  max-width: 440px;
  border: 1px solid #888;
  padding: 0;
  font-size: 11px;
  background-color: #eee;
}
.creativecommons div { padding: 4px; }
.smallcaps { font-variant: small-caps; }
.left { float: left; }
.right { float: right; }
.hidden { display: none; }
div.list { font: 16px "Droid Sans Mono",monospace; }
div.list td { padding: 5px; }
#main {
  margin: 0 0 0 205px;
  padding: 2px;
}
#toc p, #navbar p {
  margin: 0;
  padding: 0.5em 0.5em 0;
  font-weight: bold;
}
#toc {
  max-width: 300px;
  border: 1px solid #888;
  margin: 0.5em 0;
  line-height: 1.5;
}
#toc a:link, #toc a:visited { color: #369; text-decoration: none; }
#toc a:hover { border-bottom: 1px dotted; }
#toc ol {
  list-style: none;
  margin-left: 1em;
  padding: 0;
}
#navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 200px;
  height: 100%;
  margin: 0;
  border-right: 1px solid #ccc;
  padding: 2px;
  font-weight: bold;
  line-height: 1.75;
}
#navbar ul { margin: 0; padding: 0; }
#navbar li {
  list-style: none;
  margin: 0 0 0 15px;
  border-bottom: 1px solid #eee;
  border-collapse: collapse;
  padding: 2px 0;
}
#navbar li li { font-weight: normal; }
#navbar li.active { background-color: #ddd; }
#navbar li.open { list-style: none url('data:image/gif;base64,R0lGODlhCQAJAIAAAGZmZv///yH5BAEAAAEALAAAAAAJAAkAAAIMjI+pC+1wHkSOrbsKADs='); }
#navbar li.closed { list-style: none url('data:image/gif;base64,R0lGODlhCQAJAIAAAGZmZv///yH5BAEAAAEALAAAAAAJAAkAAAIPjI8GebDsHopSOVgb26EAADs='); }
#navbar li.closed li { display: none; }
#navbar div { width: 100%; }
#navbar a:link, #navbar a:visited {
  color: #369;
  border-bottom: 1px transparent;
  text-decoration: none;
}
#navbar a:hover { border-bottom: 1px dotted; }
#sitemap-urlset {
  border: 1px solid #888;
}
#sitemap-urlset td, #sitemap-urlset th {
  border: 1px solid #888;
  padding: 4px;
}
@media print {
  body { margin: 0; }
  #main { margin: 0; }
  #navbar { display: none; }
  a:link, a:visited { color: #369; }
}
@media only screen and (max-device-width: 480px) {
  body {
    display: flex;
    flex-flow: column nowrap;
    text-align: justify;
  }
  #main {
    flex: 1 1;
    order: 2;
    margin: 0;
  }
  #navbar {
    position: relative;
    order: 1;
    width: 95%;
    height: auto;
    border-right: none;
    border-bottom: 1px solid #ccc;
  }
  p, pre, .codebox, .factbox, .picturebox, .sidebar {
    margin-left: 0;
    margin-right: 0;
  }
  pre, code, .codebox, .factbox, .picturebox, .sidebar {
    word-break: break-all;
  }
  .left, .right { float: none; }
  .picturebox { max-width: 200px; }
  div.list td { padding: 16px; }
  #navbar li, #toc, .linklist { line-height: 2; }
}