* {
  font-family: Metrophobic, Helvetica, Arial, sans-serif; }

html, body {
  position: relative;
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0;
  font-weight: normal;
  letter-spacing: 0.1em;
  font-family: Rationale;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.8em; }

h3 {
  font-size: 1.6em; }

h4 {
  font-size: 1.4em; }

hr {
  border-style: none none dashed none;
  border-color: #000; }

ul {
  margin-left: 0;
  padding-left: 20px;
  list-style-type: square; }

li.doc {
  position: relative;
  padding: 10px 0; }
  li.doc a {
    display: block;
    font-size: 14pt; }
  li.doc p {
    margin: 0; }
  li.doc span.date {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 15px;
    font-size: 0.9em;
    color: #666; }

a {
  color: #8a290c;
  text-decoration: none; }
  a img {
    border-style: none; }

img.right {
  float: right;
  margin-left: 10px; }

code, kbd {
  padding: 0 5px;
  font-family: monospace;
  color: #666; }

span.date {
  display: block;
  font-size: 0.9em;
  color: #666;
  text-align: right; }

#wrapper {
  color: #000;
  font-size: 11pt;
  line-height: 18pt; }

#header h1 {
  margin: 0; }
  #header h1 a {
    float: right; }

#menu ul, #menu li {
  margin: 0;
  padding: 0; }
  #menu ul ul, #menu li ul {
    padding-left: 30px;
    border-bottom: dashed 1px #000; }
  #menu ul li, #menu li li {
    display: inline; }
  #menu ul a, #menu li a {
    padding-right: 15px;
    color: #000;
    font-size: 1em;
    text-transform: lowercase;
    letter-spacing: 0.1em;
    white-space: nowrap; }
    #menu ul a:hover, #menu li a:hover {
      text-decoration: none; }
#menu > ul > li > a {
  position: absolute;
  left: 46px; }

#content {
  padding-top: 20px;
  padding-bottom: 20px; }

#footer {
  font-size: 0.7em;
  color: #888; }
  #footer a {
    color: #888;
    padding-left: 10px;
    text-transform: lowercase; }
    #footer a:hover {
      color: #8a290c; }