body {
  background: #F5F7F6;
  color: #000000;
  margin: 0; padding: 0;
  max-width: 720px;

  text-rendering: optimizelegibility;

  font-family: Palatino, serif;
  line-height: 20px;
}

#sidebar {
  margin: 15px;
  float: left;
  width: 205px;
  padding: 10px 0;

  background-color: #FFF;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);

  transition: margin-left 1s;
}

#sidebar.collapsed { margin-left: -180px; }

#sidebar ul { padding: 0 1em; margin: 0; list-style-type: none; }
#sidebar li:before {         content: '⁃'; padding-right: 0.5em; color: black; }
#sidebar li.visited:before { content: '✔'; padding-right: 0.2em; color: green; }


.abs-hamburger {
  position: relative;
  width: 0; height: 0;
}
.nav-toggle {
  position: absolute;
  left: 175px;
  width: 25px; height: 25px;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 5px;
}
.nav-toggle span, 
.nav-toggle span:before,
.nav-toggle span:after {
  border-radius: 1px;
  height: 5px;
  width: 25px;
  background: white;
  position: absolute;
  display: block;
  content: '';
  box-shadow: inset 0px 0px 2px 0px #000;
}
.nav-toggle span:before { top: -8px; }
.nav-toggle span:after { bottom: -8px; }
.nav-toggle span { margin-top: 9.5px; }


#nextprev {
  overflow: hidden;
  padding: .5em 1em;
}

.text-icon { font-size: 5em; }
#arrow-prev { float: left; }
#arrow-next { float: right; }


article {
  padding: 0.05px;  /* disable margin collapsing */
  margin: 15px;

  transition: max-width 1s;
}
article.expanded { max-width: 680px; }


a { text-decoration: none; }
a:link, a:visited { color: #B45D47; }
a:hover { color: #FE3B3B; }

a.disabled, a:link.disabled, a:visited.disabled { color: #999; pointer-events: none; }
a:hover.disabled { color: #888; }


pre, code { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; }
code {
  border-radius: 1px;
  background-color: #FFF;
  padding: 0.2em;
}
pre code {
  display: block;
  padding: 1em;
  white-space: pre-wrap;
}


h1, h2, h3, h4, h5, h6 { line-height: 125%; }


footer {
  margin-top: 50px;
  clear: both;

  text-align: center;
  color: #777;
}
footer ul { list-style: none; margin: 0; padding: 0; }
footer li { display: inline; }
footer li+li:before { content: '|'; }
footer a:link, footer a:visited { color: #777; }
footer a:hover { color: #999; }

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}


@media screen and (min-width: 925px) {
  body { margin: 0 auto; }
  body #sidebar.collapsed, body #sidebar { margin-left: -205px; }
  body article.expanded, body article { max-width: none; width: none; min-width: none; }
}

@media screen and (max-width: 1200px) {
  body { margin-right: 0; }
}
