body {
  width: 90%;
  left: 5%;
  position: relative;
}
div.date {
  font-style: italic;
  font-size: small;
  text-align: right;
}
div.center {
  text-align: center;
}
ol.contents {
  font-variant: small-caps;
  letter-spacing: 0.3ex
}
dl.ordered {
  counter-reset: order;
}
dl.ordered dt:before {
  content: counter(order) ". ";
  counter-increment: order;
}
.code {
  position: relative;
  left: 2em;
  font-family: monospace;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}
p {
  text-indent: 1em;
  position: relative;
  left: 1em;
}
h1 {
  font-variant: small-caps;
  counter-reset: section;
}
h2 {
  font-variant: small-caps;
  counter-reset: subsection;
}
h2:before {
  content: counter(section) ". ";
  counter-increment: section;
}
h3 {
}
h3:before {
  content: counter(section) "." counter(subsection) ". ";
  counter-increment: subsection;
}
dt {
  font-family: sans-serif;
  position: relative;
  left: 1em;
}


.right {
  text-align: right;
  font-size: small;
}
.date {
  background-color: #dad;
  color: green;
  font-style: italic;
}
.red {
  color: red;
  font-style: bold;
}
.center {
  text-align: center;
}