body {
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 22px;
  color: #3f333a;

  background-color: #e0dfde;

  text-align: center;
}

a, a:visited {
  text-decoration: none;
  color: #0c1782;
}
a:hover, a:active {
  text-decoration: underline;
}

a.hidden, a.understated {
  color: #3f333a;
}
a.understated {
  text-decoration: underline;
}

span.hidden {
  display: none;
}

#column {
  background-image: url("../images/background.png");

  position: relative;
  top: 20px;

  width: 700px;

  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#header {
  background-image: url("../images/header.png");
  background-repeat: no-repeat;

  width: 700px;
  height: 100px;
}
#header span {
  display: none;
}
#header a {
  display: block;
  position: absolute;
}

#title a {
  background-image: url("../images/title.png");

  left: 47px;
  top: 58px;

  width: 203px;
  height: 23px;
}

#about a {
  background-image: url("../images/about.png");

  left: 554px;
  top: 60px;

  width: 47px;
  height: 12px;
}

#footer {
  background-image: url("../images/footer.png");

  width: 700px;
  height: 60px;
}

#body {
  background-image: url("../images/body.png");
  background-repeat: no-repeat;

  width: 700px;
}

#body div {
  width: 584px;

  padding: 4px 2px;
  margin-left: 45px;
}

#body div.separator {
  background-image: url("../images/dots.png");
  background-repeat: no-repeat;
  background-position: 0 4px;

  padding-top: 16px;
}

#body div#followup {
  text-align: right;
}
#body div#followup a {
  color: #3f333a;
  font-size: 18px;
}

#body p {
  margin-bottom: 8px;
}

q {
  background-image: url("../images/quotes.png");
  background-repeat: no-repeat;
  background-position: 0 2px;

  padding-left: 22px;
}

code, pre {
  font-family: monospace;
  font-size: 13px;
}
code {
  color: #319130;
}

.metadata, .metadata a {
  color: #b8b3b4;
}
.metadata {
  font-size: 14px;
  margin-left: 6px;
}