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

body {
  background-color: #eeeeee;
  color: #333333;
  font-family: gesta-1, gesta-2, Lucida Grande;
  font-size: 80%;
  line-height: 1.5; }

a {
  color: #666666; }

#wrapper {
  width: 63%;
  margin: 0 auto; }

header {
  background-color: white;
  display: block;
  padding: 20px 20px 10px;
  margin-bottom: 30px; }
  header h1 {
    font-size: 24pt;
    padding: 10px;
    background-color: #005adc;
    color: white;
    display: inline;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
  header p {
    width: 63%;
    margin-top: 20px;
    font-size: 12pt;
    padding: 10px 10px 0; }

#content {
  background-color: white;
  margin: 10px auto;
  padding: 10px 20px; }
  #content a {
    color: #87a911; }
  #content h2 {
    font-size: 12pt;
    font-weight: bold;
    color: #005adc;
    padding: 10px; }
  #content p, #content address {
    width: 63%;
    padding: 0px 10px; }
    #content p img, #content address img {
      float: left;
      margin-right: 10px;
      margin-bottom: 5px; }
  #content #about .rails {
    font-weight: normal; }
  #content #contact .email {
    padding-left: 22px;
    background: url(/images/email_16.png) no-repeat left; }
  #content #on_the_web ul {
    padding: 10px; }
    #content #on_the_web ul li[class] {
      margin-bottom: 3px;
      list-style: none; }
      #content #on_the_web ul li[class] a {
        display: block;
        padding-left: 22px;
        background-repeat: no-repeat;
        background-position: left; }
    #content #on_the_web ul .twitter a {
      background-image: url(/images/twitter_16.png); }
    #content #on_the_web ul .myspace a {
      background-image: url(/images/myspace_16.png); }
    #content #on_the_web ul .blambar a {
      background-image: url(/images/posterous_16.png); }
    #content #on_the_web ul .beatsundbytes a {
      background-image: url(/images/posterous_16.png); }
    #content #on_the_web ul .facebook a {
      background-image: url(/images/facebook_16.png); }
    #content #on_the_web ul .xing a {
      background-image: url(/images/xing_16.png); }
    #content #on_the_web ul .lastfm a {
      background-image: url(/images/lastfm_16.png); }
    #content #on_the_web ul .delicious a {
      background-image: url(/images/delicious_16.png); }
    #content #on_the_web ul .flickr a {
      background-image: url(/images/flickr_16.png); }
    #content #on_the_web ul .deviantart a {
      background-image: url(/images/deviantart_16.png); }
    #content #on_the_web ul .xing a {
      background-image: url(/images/xing_16.png); }

footer {
  display: block;
  background-color: white;
  margin: 30px auto 0;
  padding: 10px 20px; }
  footer a {
    color: #87a911; }
  footer .twitter {
    padding-right: 22px;
    background: url(/images/twitter_16.png) no-repeat right; }