/* BASE = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

html, body {
    float: left;
    width: 100%;
}

body {
    border-top: 30px solid #000;
    background: #000 url('images/bgBody.jpg') repeat-y 0 0;
}

#base {
    float: left;
    background: #fff;
    text-align: left;
    width: 974px;
}

/* HEADER = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

#header {
    height: 245px;
    text-indent: -9999px;
    background: transparent url('images/header.jpg') no-repeat 0 0;
}


/* NAVIGATION = = = = = = = = = = = = = = = = = = = = = = = = = = */

#navigation {
    float: left;
    margin: 23px 0 23px 147px;
    width: 100%;
}

#navigation li
{
    display: inline;
}

#navigation a:link, #navigation a:visited
{
    display: block;
    float: left;
    text-indent: -9999px;
    background-position: 6px bottom;
    background-repeat: no-repeat;
    height: 15px;
    padding: 3px 6px;
}

#navigation a:hover
{
    background-position: 6px 6px;
}

#navigation .home a
{
    width: 32px;
    background-image: url(images/home.jpg);
}

#navigation .about a
{
    width: 34px;
    background-image: url(images/about.jpg);
}

#navigation .cd a
{
    width: 17px;
    background-image: url(images/cd.jpg);
}

#navigation .media a
{
    width: 35px;
    background-image: url(images/media.jpg);
}

#navigation .projects a
{
    width: 45px;
    background-image: url(images/projects.jpg);
}

#navigation .links a
{
    width: 29px;
    background-image: url(images/links.jpg);
}

#navigation .contact a
{
    width: 42px;
    background-image: url(images/contact.jpg);
}

/* CONTENT  = = = = = = = = = = = = = = = = = = = = = = = = = = = */

#mainContent, #relatedContent, #globalContent {
    float: left;
}

#mainContent
{
    clear: both;
    border-left: 152px solid #fff;
    border-right: 40px solid #fff;
    width: 402px;
}

#relatedContent {
    border-right: 40px solid #fff;
    width: 145px;
}

#globalContent {
    border-right: 23px solid #fff;
    width: 168px;
}

p.teaser {
    margin-bottom: 14px;
}

/* FOOTER = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

#footer {
    float: left;
    clear: both;
    border-left: 152px solid #fff;
    border-right: 23px solid #fff;
    padding: 76px 0;
    width: 799px;
}

.tracklist {
    line-height: 1.4em;
}

.tracklist .number {
    padding-right: 0.7em;
}

.tracklist .title {
    padding-right: 6em;
    font-weight: bold;
}

/* PLAYER = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

body.player{
    background: #fff;
}

.player #base {
    background: #fff url('images/bgPlayer.jpg') no-repeat 0 -30px;
    height: 350px;
    width: 420px;
}

.player #player {
    position: absolute;
    top: 250px;
    left: 100px;
}



/* TEXT-STYLES  = = = = = = = = = = = = = = = = = = = = = = = = = */

h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
    margin-bottom: 1em;
}

h2 {
    font-family: Georgia,Serif;
    color: #CC6600;
    font-size: 140%;
    font-weight: normal;
    line-height: 1.4em;
}

h4 {
    font-family: Georgia,Serif;
    font-size: 117%;
    font-weight: bold;
}

.clear {
    clear: both;
    margin-top: 2em;
}

strong, b {
    font-weight: bold;
    }