body {
  background:black;
  margin:0;
  padding:0;
  font:small verdana,sans-serif;
  color:white;
  width:100%;
  height:100%;
  overflow:hidden;
  text-transform:lowercase;
  }
#content {
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  font-size:5em;
  font-weight:bold;
  line-height:1;
  text-align:center;
  font-family:helvetica,sans-serif;
  }
dl {
  position:relative;
  top:-3.5em;
  width:80%;
  height:7.4em;
  margin:0 auto;
  padding:0;
  text-align:right;
  }
dt {
  display:block;
  position:relative;
  top:4.8em;
  padding:.2em 10px 0;
  border-top:.1em solid #333;
  text-align:right;
  color:#fff;
  }
dd {
  position:relative;
  display:block;
  top:-1.7em;
  margin:0;
  padding:0 10px 0 0;
  /* inspiration */
  color:#666;
  }
dd:before {
  margin-right:.1em;
  content:"+";
  color:#666;
  }
dt + dd:before {
  content:"";
  }
dt + dd {
  color:#b77;
  }
dd + dd {
  /* motivation */
  color:#7a7;
  }
dd + dd + dd {
  /* process */
  color:#79b;
  }
dd + dd + dd + dd {
  /* talent */
  color:#bb4;
  }
dd + dd + dd + dd + dd {
  /* luck */
  color:#666;
  }


/* =Logo and Nav
----------------------------------------------- */
#logo {
  position:absolute;
  top:-500px;
  left:-999px;
  }
#nav {
  background:black;
  position:absolute;
  bottom:-1px;
  left:0;
  width:100%;
  padding:15px 0;
  color:#333;
  font-size:85%;
  }
#nav ul {
  background:url("logo.gif") no-repeat 100% 100%;
  margin:0 20px;
  padding:0 150px 0 0;
  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 strong {
  color:#555;
  }
#nav a:hover {
  color:#999;
  }