html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

html {
    background: url(/static/images/bg-index.jpg) #000;
    font: 62.5% Calibri, Sans-serif;
    color: #fff;
}

a {
    color: #fff;
}

#content a:hover {
    background: #1D6389;
    color: #fff;
}

#header {
    background: url(/static/images/bg-top.png) repeat-x;
    height: 109px;
    margin: auto;
    margin-top: 50px;
}

#headerContent {
    width: 700px;    
    margin: auto;
    padding: 30px 0 0 0;
}

#nav {
    list-style: none;
    float: right;
    font-size: 16px;
    position: relative;
    top: -30px;
}   

#nav li {
    float: left;
    margin: 0 4px 0 0;
}   

#nav li a {
    display: block;
    text-indent: -999999px;
    height: 17px;
    background: url(/static/images/nav.gif);
}

#nav li.home a {
    background-position: 0 0;
    width: 50px;
}

#nav li.home a:hover {
    background-position: 0 -16px;
}

#nav li.about a {
    background-position: -50px 0;
    width: 56px;
} 

#nav li.about a:hover {
    background-position: -50px -16px;  
}

#nav li.artists a {
    background-position: -108px 0;
    width: 63px;
} 

#nav li.artists a:hover {
    background-position: -108px -16px;  
}

#nav li.music a {
    background-position: -173px 0;
    width: 51px;
} 

#nav li.music a:hover {
    background-position: -173px -16px;  
}

#nav li.links a {
    background-position: -226px 0;
    width: 49px;
} 

#nav li.links a:hover {
    background-position: -226px -16px;  
}


h1 a {
    display: block;
    background: url(/static/images/logo-main.gif) no-repeat;
    width: 301px;
    height: 49px;
    text-indent: -9999px;
}

h2 {
    font-size: 30px;
    letter-spacing: -1px;
    font-weight: normal;
}

#content {
    width: 700px;
    margin: auto;
    font-size: 14px;
}

#welcome {
    text-indent: -99999px;
    background: url(/static/images/welcome_message.gif) no-repeat;
    width: 630px;
    height: 58px;
    margin: 30px 0 30px 0;
}

#latestReleases {
    float: left;
    width: 47%;
}

#latestPosts {
    float: left;
    width: 47%;
}

#artists {
    list-style: none;
    font-size: 18px;
}

#artistpic {
    clear: left;
    float: left;
    border: 1px solid #696969;
    padding: 1px;
    margin: 0 7px 0 0;
}

#artistintro {
    float: left;
}

#artistintro .artistname {
    float: left;
    font-size: 32px;
    font-weight: none;
    letter-spacing: -2px;
}

#artistintro .quote {
    float: left;
    margin: 13px 0 0 20px;
}

#artistnav {
    clear: left;
}

#artistinfo {
    float: left;
    width: 600px;
}

#music {
    clear: left;
}

.style {
    float: right;
}

.header {
    margin: 0 0 10px 0;
}

#listartistsintro h2 {
    float: left;
    margin: 0 35px 0 0; 
}

#listartistsintro p {
    float: left;
}

#artistinfo {
    width: 520px;
}

p {
    margin: 0 0 1em 0;
}

.list {
    clear: both;
}

.list li {
    background: #404040;
    padding: 2px;
    margin: 0 0 5px 0;
    border: 1px solid #404040;
    clear: right;
}

.list li a {
    text-transform: uppercase;
}

.list li:hover {
    background: #404040;
    padding: 2px;
    margin: 0 0 5px 0;
    border: 1px solid #666;
}

.list .style {
    float: right;
    margin: -22px 0 0 0;
}