body {
  color: #281e00;
  font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
  -webkit-overflow-scrolling: touch;
}

#container {
  margin: 0 auto;
  max-width: 460px;
  padding: 20px 20px 20px;
}

h1 { font-size: 32px; line-height: 40px; margin: 0 0 20px; }
h2 { font-size: 22px; margin: 0 0 20px; }
h3 { color: #444; font-size: 18px; margin: 0 0 20px; }
h4 { color: #555; font-size: 17px; margin: 0 0 20px; }
h5 { color: #666; font-size: 16px; margin: 0 0 20px; }
h6 { color: #666; font-size: 15px; margin: 0; }

h1, h2 { font-weight: 400; }
h3, h4, h5, h6 { font-weight: 500; }

h1 small, h2 small { color: #999; }
h3 { color: #045; }
h3 small { color: #444; }

h1 small { font-size: 20px; font-weight: 200; line-height: 20px; }
h2 small { font-size: 18px; font-weight: 200; line-height: 18px; }
h3 small { font-weight: 300; line-height: 18px; }

p, address, dl, figure { margin: 0 0 20px; }
figure { margin-left: 2em; }

pre, blockquote {
  border-left: 2px solid #bbb;
  margin: 0 0 20px -10px;
  padding: 0 0 0 8px;
}

a { color: #0069d6; text-decoration: none; }
a:hover { color: #00438a; }

code { background: #eee; border-radius: 4px; }
code, tt {
  background: #eee;
  border-radius: 4px;
  font: 12px/10px Monaco, 'Courier New', monospace;
  padding: 2px 3px;
  word-wrap: break-word;
}
pre code, pre tt {
  background: none;
  border-radius: 0;
  font-size: 12px;
  padding: 0;
  word-wrap: normal;
}
pre {
  background: #222;
  border-radius: 4px;
  border-left: none;
  margin: 25px -10px 25px -10px;
  padding: 15px 10px;
  color: #ccc;
  overflow: auto;
}
@media print {
  pre {
    background: none;
    border-radius: 0;
    border-left: 2px solid #bbb;
    color: #000;
    margin: 0 0 20px -10px;
    padding: 0 0 0 8px;
    overflow: inherit;
  }
}

/* Hack to fix Firefox rhythm issues */
strong { line-height: 19px; }

sup, sub { font-size: 12px; line-height: 10px; }
kbd {
  background: #eee;
  border-radius: 4px;
  font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
  padding: 2px 3px;
}
kbd kbd { padding: 0; }

hr {
  border: none;
  border-top: 3px solid #ddd;
  margin: -2px 0 23px;
  height: 0;
}

ul, ol { margin: 0 0 20px; }

ul {
  padding-left: 0;
  list-style: none;
  position: relative;
}
ul li:before {
  content: "\2022 \0020";
  position: absolute;
  left: -13px;
  font-size: 12px;
  line-height: 20px;
  color: #777;
}
ol li { margin-left: -39px; }
li p:last-child { margin-bottom: 0; }

abbr { font-size: 12px; line-height: 18px; }

dd { margin: 0 0 1em 1em; }

#container { position: relative; }
#header {
  font-size: 20px;
  font-weight: 300;
  margin: -10px -10px 30px;
  border-bottom: 1px solid #ddd;
  padding: 0 10px 19px;
}

#logo {
  background: #fff;
  display: inline;
  position: relative;
  top: 28px;
  left: -10px;
  padding: 0 10px;
}
h1#logo {
  font-size: 1em;
  font-weight: inherit;
  line-height: 1;
  margin: 0;
}
#logo a { color: #666; }
#logo span { color: #078; }
#logo span+span { color: #6a0; }