body {
    font-family: Georgia, serif;
    margin: 0;
}
p { margin: 10px 0 10px 0; }
ul li { margin: 2px 0 2px 0; }
#content ul li a { text-decoration: none;  }

#figure {
    position: absolute;
    bottom: 0px;
    left: -500px;
}

#top {
    position: relative;
    overflow: hidden;
    text-align: center;
}
#header {
    height: 300px;
    position: relative;
    width: 800px;
    margin: 0 auto;
    text-align: left;
}
h1 {
    position: absolute;
    bottom: 0px;
    margin: 0;
    font-size: 3em;  
}
#photo {
    position: absolute;
    top: 20px;
    right: 0;
    text-align: right;
    border: 1px solid #aaa;
}
#photo img#me {
    display: block;
}
img#zce {
    position: absolute;
    right: 5px;
    bottom: 5px;
} 
#bottom {
    background: #000;
    color: #fff;
    min-height: 600px;
    text-align: center;
}
#content {
    width: 800px;
    margin: 0 auto;
    padding: 2px 0;
    text-align: left;
}
h2 {
    margin: 2px 0 0 0;
    font-size: 1.6em;
}
#content div h2 {
    font-size: 1.8em;
    margin: 0 0 5px 0;
}
#content div p {
    color: #ddd;
}
#content a {
    color: #fff;
    text-decoration: underlined;
}
#content a:hover {
    color: #0079be;
}
h3 {
    margin: 0 0 15px 0;
}
#about, #programmer, #others, #reference, #contact {
    margin: 40px 0;
    position: relative;
}
#content div p.perex {
    color: #aaa;
    margin: 0 0 10px 0;
    font-style: italic;
}
#contact p {
    margin: 3px 0 3px 0;
}
#contact p.first {
    margin-top: 10px;
}
#contact p span, #data p span {
    color: #aaa;
    float: left;
    width: 125px;
    margin-right: 10px;
    display: block;
    text-align: right;
}

.cleaner {
  clear: both;
}

#reference, #contact {
  margin-right: 300px;
}

#twitter {
  float: right;
  margin-top: 40px;
}