body {
  height:100%;
  background:black;
  margin:0;
  padding:0;
  font-size:small;
  font-family:helvetica,arial,sans-serif;
  color:white;
  overflow:hidden;
  text-transform:lowercase;
  }
#content {
  position:absolute;
  padding:0;
  width:50%;
  height:100%;
  background:#333;
  }
h1 {
  margin:0.25em 0 0 .5em;
  text-transform:uppercase;
  font-size:15em;
  color:White;
  }
h2 {
  margin:-1.5em 2em 1.5em 7.5em;
  font-size:2em;
  color:#fc0;
  }
p {
  margin:0 0 0 15em;
  font-size:1em;
  line-height:1.5;
  color:rgb(20%,80%,50%);/*#345;*/
  }
span {
  display:block;
  color:rgb(100%,100%,100%);/*#777;*/
  }
cite {
  font-style:normal;
  color:rgb(50%,10%,10%);/*#334;*/
  }


#logo {
  position:absolute;
  top:-500px;
  left:-999px;
  }
#nav {
  position:absolute;
  bottom:0;
  left:0;
  width:48%;
  padding:15px 0;
  margin-left:50%;
  color:#333;
  }
#nav ul {
  margin:0 20px 0 80px;
  padding:0 0 0 7.5em;
  height:35px;
  list-style:none;
  }
#nav li {
  display:inline;
  margin:0 .5em 0 0;
  }
#nav a, #nav strong {
  float:left;
  padding:10px 10px 5px 0;
  text-decoration:none;
  color:#333;
  }
#nav a:hover {
  color:#999;
  }