body {
  font: 100%/125% "Palatino Linotype", "Book Antiqua", Palatino, serif;
  padding: 0 5% 0 30%;
}

h1#title {
  font-variant: small-caps;
}

h1#title:before {
  content: url(/images/David.jpg);
  position: fixed;
  left:5%;
  top: 20px;
  z-index: -10;
}

dl#contents {
  position: fixed;
  left: 5%;
  top: 100px;
  width: 20%;
}

dl#contents dt {
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: bold;
  font-variant: small-caps;
  margin: 0 0 1em 0;
}

dl#contents dd {
  margin: 0 0 0.5em 0;
}

dl#contents a {
  text-decoration: none;
}

dl#contents a:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Tahoma, Geneva, sans-serif;
  line-height: 115%;
  clear: both;
  color: navy;
}

p {
  text-indent: 1em;
  margin: 0;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
hr + p, div + p, p:first-child, p.note, dl + p, ol + p, ul + p, table + p  {
  text-indent: 0;
}

.note {
  padding: 1em;
  font-style: italic;
}

.screenshot {
  float: left;
  margin: 1em;
}

#tagline, caption {
  font-weight: bold;
}

ol, ul {
  padding-left: 0;
}

[lang="tlh"] {
  font-weight: bolder;
  font-variant; normal;
}

p.update {
  position: fixed;
  bottom: 3em;
  left: 5%;
  width: 20%;
  text-align: center;
}

p.update + div {
  position: fixed;
  bottom: 1em;
  left: 5%;
  width: 20%;
  text-align: center;
}

p.update + div a {
  text-decoration: none;
}

p.update + div a:hover {
  text-decoration: underline;
}

hr {
  display: none;
}

abbr {
  border-bottom-style: none;
}

abbr:hover {
  border-bottom-style: dotted;
  cursor: help;
}

.math {
  display: block;
  margin: 1em;
  font-family: "Lucida Console", Monaco, monospace;
  text-align: center;
}

p.stanza {
  text-indent: 0;
  margin: 1.5em 0;
  font-weight: normal;
}

.disclaimer {
  font-style: italic;
  font-size: smaller;
  border-top: thin solid black;
  margin-top: 1.5em;
}