/* primary elements */
body {
  font-size: 1em;
  color: #222;
  width: 94%;
  max-width: 45em;
  margin: 0 auto;
}

#header {
  margin-top: 0.5em;
  height: 2em;
}

#footer {
  padding: 1.5em 0;
}

/* headers */
h2[id]:hover:after {
  content: " #" attr(id);
  color: #777;
}

/* pre, code, kbd, blockquote */
pre,
code,
kbd,
blockquote {
  background-color: #eee;
  border: 1px solid #ccc;
}

blockquote {
  border-left: thick solid #ccc;
  padding: 0 1em;
}

code,
kbd {
  padding: 0 0.3ex;
}

pre > code {
  border: none;
  padding: 0;
}

/* meta content */
.meta a:hover {
  color: #444;
}

/* code */
code .oldfile {
  color: #600;
}

code .newfile {
  color: #060;
}

/* error pages */
.error .icon {
  color: #900;
}