body {
    margin: 0;
    padding: 0;
    background-color: #d4cfcb;
    background-image: url(../images/gradient-fill.jpg);
    background-position: bottom left;
    background-repeat: repeat-y;
    font-family: Corbel, Helvetica, sans-serif;
    font-size: 10.5pt;
    line-height: 15pt;
}

li {
    float: left;
    height: 30px;
}

em {
    font-style: italic;
}

a.ext:link, a.ext:visited {
    text-decoration: none;
    border-bottom: 1px dotted #76716d;
    color: #76716d;
}

a.ext:hover, a.ext:active {
    color: #000;
    border-bottom-style: solid;
}

.space-break {
    text-align: center;
}

.clear {
    clear: both;
    height: 0px;
}

#wrapper {
    margin: 0;
    padding-top: 50px;
    width: 100%;
    height: 100%;
}

#left-pad {
    width: 50%;
}

#right-pad {
    width: 50%;
}

#content {
    height: 100%;
    width: 900px;
    padding: 25px;
    vertical-align: top;
}

#footer {
    border-top: 1px solid #d4cfcb;
    padding: 5px;
}

#footer #copyright {
    float: left;
    font-size: 8pt;
    color: #76716d;
}

#footer #social {
    float: right;
}

#top-nav {
    vertical-align: bottom;
    border-bottom: 1px solid #d4cfcb;
}

#top-nav ul {
    height: 40px;
    float: right;
    margin: 0 auto;
}

#logo {
    display: block;
    width: 200px;
    height: 40px;
    float: left;
    text-indent: -30000px;
    background: url(../images/phark/matt-dean.png) no-repeat top left;
}

#home a:link, #home a:visited {
    display: block;
    width: 148px;
    height: 30px;
    text-indent: -30000px;
    background: url(../images/phark/home.png) no-repeat top left;
}

#home-on a:link, #home-on a:visited, #home-on a:hover, #home a:hover {
    display: block;
    width: 148px;
    height: 30px;
    text-indent: -30000px;
    background: url(../images/phark/home-on.png) no-repeat top left;
}

#press a:link, #press a:visited {
    display: block;
    width: 60px;
    height: 30px;
    text-indent: -30000px;
    background: url(../images/phark/press.png) no-repeat top left;
}

#press-on a:link, #press-on a:visited, #press-on a:hover, #press a:hover {
    display: block;
    width: 60px;
    height: 30px;
    text-indent: -30000px;
    background: url(../images/phark/press-on.png) no-repeat top left;
}

#excerpts a:link, #excerpts a:visited {
    display: block;
    width: 80px;
    height: 30px;
    text-indent: -30000px;
    background: url(../images/phark/excerpts.png) no-repeat top left;
}

#excerpts-on a:link, #excerpts-on a:visited, #excerpts-on a:hover, #excerpts a:hover {
    display: block;
    width: 80px;
    height: 30px;
    text-indent: -30000px;
    background: url(../images/phark/excerpts-on.png) no-repeat top left;
}

#interview a:link, #interview a:visited {
    display: block;
    width: 100px;
    height: 30px;
    text-indent: -30000px;
    background: url(../images/phark/interview.png) no-repeat top left;
}

#interview-on a:link, #interview-on a:visited, #interview-on a:hover, #interview a:hover {
    display: block;
    width: 100px;
    height: 30px;
    text-indent: -30000px;
    background: url(../images/phark/interview-on.png) no-repeat top left;
}

#the-river-in-winter a:link, #the-river-in-winter a:visited {
    display: block;
    width: 148px;
    height: 30px;
    text-indent: -30000px;
    background: url(../images/phark/the-river-in-winter.png) no-repeat top left;
}

#the-river-in-winter-on a:link, #the-river-in-winter-on a:visited, #the-river-in-winter-on a:hover, #the-river-in-winter a:hover {
    display: block;
    width: 148px;
    height: 30px;
    text-indent: -30000px;
    background: url(../images/phark/the-river-in-winter-on.png) no-repeat top left;
}

#music a:link, #music a:visited {
    display: block;
    width: 61px;
    height: 30px;
    text-indent: -30000px;
    background: url(../images/phark/music.png) no-repeat top left;
}

#music-on a:link, #music-on a:visited, #music-on a:hover, #music a:hover {
    display: block;
    width: 61px;
    height: 30px;
    text-indent: -30000px;
    background: url(../images/phark/music-on.png) no-repeat top left;
}

#letters a:link, #letters a:visited {
    display: block;
    width: 190px;
    height: 30px;
    text-indent: -30000px;
    background: url(../images/phark/letters-from-the-country.png) no-repeat top left;
}

#letters-on a:link, #letters-on a:visited, #letters-on a:hover, #letters a:hover {
    display: block;
    width: 190px;
    height: 30px;
    text-indent: -30000px;
    background: url(../images/phark/letters-from-the-country-on.png) no-repeat top left;
}