body {
  font-family: Lucida Grande,Bitstream Vera Sans,Verdana,Lucida,sans-serif;
  text-align: justify;
}
h1 { margin: 0; }
h2, p, ul { margin: 0.5em 0 0; }
p+p { text-indent: 2em; }
a img { border: 0; }

pre, code, samp {
  font-family: Bitstream Vera Sans Mono,Lucida Typewriter,Lucida Console,monospace;
}

.xml, .dom, .xslt, .html {
  margin: 0.5em 2em 0; padding: 0.1ex 0.5ex; border: 1px solid #444;
}
ul.dom { list-style-type: none; text-align: left; }
ul.dom ul { list-style-type: disc; margin: 0 0 0 2em; padding-left: 0; }

#byline { font-size: 85%; margin: 0 0 1em; }
#cc { margin: 1em 0 0; padding: 0.5em 0 0; border-top: 1px solid black; }

@media screen {
  body { background: #f8f8f8; color: black; font-size: 85%; }
  h1, h2 { color: #32c; }
  abbr, acronym { cursor: help; }

  .xml, .dom, .xslt, .html { background-color: #eee; }
}

@media print {
  body { font-size: 10pt; }
  a, abbr, acronym { text-decoration: none; border: none; }
  .xml, .dom, .xslt, .html, #cc { border-width: 0.5px; }
}