body {
    font-family: serif;
    color: #99ff99;
    background: #333333;
    text-align:center;
    letter-spacing: .002em;
  }
  .container { width: 600px; margin: 0 auto; }
  h1 { margin: 0 auto; letter-spacing: .3em; text-transform: lowercase; font-style: italic; }
  p.first:first-letter { font-size: 200% }
  a:link, a:visited { color: #6699ff; text-decoration: none; z-index: 99; border-style:none; }
  a:hover { color: #cc0033; z-index:99; border-style:none; }
  a:active { border-style:none; }
  div em { color: #6699ff }
  div { margin:0 auto; padding: 0; width: 100%; }
  img, a img{ border-style: none; }

  .section {
    margin: 3em auto 0 auto;
    width: 100%;
  }
  .section h3 {
    margin: 0;
    margin-right: 1em;
    border-top: 1px dotted #555566;
    line-height: .8em;
    font-variant: small-caps;
    letter-spacing: .1em;
    word-spacing: .25em;
  }
  .section ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
  }
  .section ul li {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  .section h3 + p {
    padding: 0;
    margin: 0;
    margin-left: 2.5em;
	margin-bottom:.75em;
    line-height: 0;
    height: 0;
    border-top: 1px dotted #555566;
  }
  /*
  .section h3 + ul { width: 33%; }
  .section h3 + ul li { margin: 0 auto; }
  */
  .footnote {
    margin: 8em auto 0 auto;
    width: 60%;
    padding: 0;
    font-size: .75em;
    text-align: center;
  }
  .footnote p { margin: 0; padding: 0; }

  .sphere {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 190px;
    z-index: 99;
  }
  .sphere img {
    border: none;
    width: 280px;
    margin-top: -110px;
    margin-right: -90px;
    z-index: 99;
  }
  .clearer { clear: both; line-height: 0; height: 0; }