body, html {
    height: 99%;	/* for vertical centering */
    width: 99%;
}

body {
    background: #fff url('../images/soho-grey.jpg') no-repeat fixed center;
    margin: 0 0 0 0;
    font-family: verdana, helvetica, sans-serif;
    color: #880000;
}

a:link, a:visited {
    color: #880000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.ssec {
    color: #000;
}

#left {
    float: left;
    width:50%;
    height: 50%;
    position: relative;
}

#right {
    float: right;
    width:50%;
    height: 95%;
    position: relative;
}

#inner-right {
    position: absolute;
    height: 50%;
    width: 100%;
    bottom: 0;
    left: 0;
}

#footer {
    position: absolute;
    bottom: 1em;
    right: 1em;
    width: 15em;
    color: #ddd;
    font-size: x-small;
    text-align: right;
}

#name {
    position: absolute;
    width: 8em;
    bottom: 5.8em;
    right: 5em;
    font-size: x-large;
    font-weight: bold;
}

#weblog {
    position: absolute;
    width: 8em;
    bottom: 7em;
    right: 11em;
}

#resume {
    position: absolute;
    width: 12em;
    top: 8em;
    left: 11em;
}

#contact, #home {
    position: absolute;
    width: 12em;
    top: 9.5em;
    left: 9.5em;
}

#contact-left {
    position: absolute;
    width: 19.5em;
    right: 0;
    top: 10em;
}

#zoom-content {
    margin-left: 6em;
    margin-top: 2em;
}

#zoom-content-header {
    margin-left: 3em;
    margin-top: 1em;
}

#zoom-nav {
    margin-right: 1em;
    margin-top: 1em;
    font-size: small;
    text-align: right;
    color: #777;
}

#resume-formats-list li {
    list-style-type: none;
    margin-top: 2em;
    margin-bottom: 1em;
}

#resume-formats-list a { text-decoration: underline; }
#resume-formats-list img { margin-right: 0.5em; }