/* Layout */
html, body {
  color: white;
  background: black;
  height: 100%;
  min-height: 100%; }

#top {
  color: black;
  background: white;
  min-width: 100%;
  min-height: 400px; }
  #top #top-container {
    padding: 150px 0 100px 0; }
    #top #top-container #t2 {
      float: right; }

#bottom #bottom-container {
  padding: 30px 0 60px 0;
  line-height: 125%; }

/* Typography */
body {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Helvetica", "Arial", sans-serif;
  font-size: 83%; }

#top {
  line-height: 1.6em;
  color: #333; }
  #top a {
    text-decoration: none;
    border-bottom: 1px dotted #666;
    color: inherit; }
  #top #index li {
    padding-bottom: 1em; }
  #top #index #date {
    font-family: "Helvetica", "Helvetica Neue", serif;
    font-size: 80%; }

#bottom {
  font-size: 11px;
  color: #787878; }
  #bottom a {
    color: white;
    text-decoration: none; }
  #bottom .title {
    font-size: 13px;
    color: white; }

/* Misc additions */
ul {
  list-style-type: square; }
  ul ul {
    list-style-type: square; }
    ul ul ul {
      list-style-type: square; }

li p {
  margin-bottom: 0; }

ul li ul {
  margin-bottom: 1.5em; }

.right {
  text-align: right; }