html, body, div { margin: 0; padding: 0;}


body {
    font-family: Times New Roman;
    font-size: 9pt;
}

h1 { color: #eee; font-size: 3.3em; font-variant: small-caps; }
h2 { color: #333; font-variant: small-caps; margin-bottom: -0.5em; margin-left: 0.5em; }

a.link { COLOR: #CCCCCC; TEXT-DECORATION: none; underline: no; }
a.link:hover { COLOR: #f6f6f6; TEXT-DECORATION: none; }

font.trackdata { FONT-SIZE: 6pt; COLOR: #666; }
font.hidden_trackdata { FONT-SIZE: 6pt; COLOR: #fff; }

img.album_art {
    height: 298px;
}

#album_art { 
    margin-left: 2.5em;
    width: 620px;
    border: 1px solid #9e0000; 
    border-bottom: 3px solid #9e0000; 
    border-collapse: collapse;
}

#album_art {
    text-align: center;
    vertical-align: top;
}

#album_info {
    margin-left: 2.5em;
    margin-top: 0.1em;
    margin-bottom: 1em;
    width: 620px;
    border-bottom: 10px solid #9e0000; 
    border-collapse: collapse;
}

#album_info a, a:visited { color: #790000; text-decoration: none; }
#album_info a:hover { color: #c60000 }
#album_info a.hidden, a.hidden:visited { color: #fff; text-decoration: none; }
#album_info a.hidden:hover { color: #333 }


#album_info th {
    color: #fff;
    border: 1px solid #9e0000;
    padding-left: 0.5em;
    text-align: left;
    font-weight: normal;
    background-color: #9e0000;
}

#info {
    width: 55%;
    margin-left: 0.5em;
    font-color: #333;
    padding-left: 0.5em;
}

#tracks {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    text-align: left;
    vertical-align: top;
}

/* NB: this is inheriting from everything in the album info shit above. */
#tracktable { border-spacing: 0; } /* Eliminates breaks between "cells." */
#tracktable th {
    background-color: #fff;
    color: #555;
    border: 0px;
}

#tracktable td.num {
    FONT-SIZE: 6pt; 
    COLOR: #333333; 
}

#tracktable td.hidden_num {
    FONT-SIZE: 6pt; 
    color: #fff;
}


tr.highlight{ 
    border-spacing: 0; 
    background-color: #FFFFAA;
    cursor: pointer;
}


/* Posts: not divs here, just table/formatting stuff. */
#homepage { width: 80%; margin-left: 5%;}

td.press { width: 60%; vertical-align: top; text-align: justify; padding-right: 1em;}
td.posts { width: 40%; vertical-align: top; text-align: left; }

#headline { 
    width: 80%;
    color: #666;
    text-align: right; 
    font-size: 2.2em; 
    margin-bottom: -0.3em;
}


#posts { width: 100%; }
#posts th {
    font-size: 1.1em;
    color: #fff;
    text-align: left;
    font-weight: normal;
    background-color: #Ae0000;
}

#posts p {
    margin-top: -0.2em;
    margin-left: 1em;
}





/* This is the nav button hightlight deal. It shouldn't change much. */

table#nav_table {
    width: 100%;
    font-size: 1em;
    background-color: #EEE;
   border-collapse: collapse;
}
table#nav_table td {
   border-collapse: collapse;
   border: 0px;
}
table#nav_table td a{
   padding: 1px;
   letter-spacing: 0.1em;
   text-align: right;
    padding-right: 0.2em;
   display: block;
   text-decoration: none;
    color: #777;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-left: 1em;
}
table#nav_table td a:link, table.nav_table td a:visited {
    color: #9e0000 
    text-decoration: none; 
}
table#nav_table td a:hover, table.nav_table td a:active {
    color: #9e0000;
    background-color: #e9e9e9;
}



/* This is the big div that holds the whole page. 'main' and 'foot' are in it. */
#container {
    background-color: #fff;
    margin:0px auto; 
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 500px;
    overflow: auto;
}     


#main {
/*    border: 1px solid #777;
    border-bottom: 3px solid #777; */
    margin-top: 5%;
    margin-left: 17%;
    width: 70%;
    min-height: 300px;
    background-color: #fff;
    overflow: hidden;
}

#nav {
    width: 17%;
    background-color: #ff0000;
    margin-top: 12%;
    position: absolute;
    left: 0px;
}

#title {
    position: absolute;
    top: 0px;
    left: 20%;
}

/* NB: 'font-size' sets the height of this little guy. */
/*#subfoot { width: 100%; background-color: #eee; font-size: 0.2em; }*/

/* This is where the signature/django stuff goes; wrapped by 'container' */

#foot {
    color: #777;
    font-family: Helvetica;
    font-size: 0.7em;
    text-align: right;
    margin-top: 1em;
    margin-left: 17%;
    border: 0px;
    width: 50%;
    background-color: #fff;
}

#foot a, a:visited { color: #790000; text-decoration: none; }
#foot a:hover { color: #c60000 }