body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #555;
    padding: 0;
    margin: 0;
    background: black url(/images/backgrounds/toddhair.jpg) repeat-y fixed 176px 0px;
}

/* a	 { color: #629274; text-decoration: none } */
a	 { color: #3db890; text-decoration: none }
a:hover	 { color: #ddd }
a:active { color: #fff }

/* background: #d51680 / skintone: #cb0937 / #6c0108 */
body.performances #content a { color: #51f5c0 }
body.biography #content a { color: #7fc }
body.biography #content a:hover { color: white }

#menu {
    width: 176px;
    float: left;
    padding: 38px 0 .5em;
    background: black url(/images/tmtitle.gif) center top no-repeat;
}

#menu a, #jumptomenu div a {
    padding: 0 8px 2px;
    margin: 0 2px;
    display: block;
    border: 1px solid black;
}

#jumptomenu div a {
    border: 0;
    padding: 0;
    margin-right: .6em;
}

#menu a:hover {
    background: #333 url(/images/menu-bkg.png) center repeat-x;
    border: 1px solid #333;
    color: #bbb;
}

.for-lesser-browsers { display: none }

#content {
    margin: 0 0 0 176px;
    padding: 1em 0 0 6em;
    font-size: 85%;
    color: white;
    width: 624px;
}

#jumptomenu {
    height: 2em;
}

#jumptomenu div {
    width: 176px;
    text-align: right;
}

#footwrap {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin: 10px 0 1em;
}

#footer {
   font-size: 80%;
   color: #ddd;
   border-top: 1px solid #555;
   border-bottom: 1px solid #555;
   background: #333;
   padding: 3px 10px;
   text-align: left;
   font-style: italic;
}


p.quote {
   margin: 3em 5em 1em;
   padding: 1em 2em;
   font-size: 90%;
}

p.quote span {
   font-style: normal;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *   The Load-O-Meter! You know you love it.
 *   Displays teensy versions of backgrounds so you can gauge loading time.
 */

#load-o-meter     { float: right }
#load-o-meter img { width: 5px; height: 5px }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *   Cute headers.
 */

h3 {
   margin: 2.5em 0 1em 0;
   font-size: 110%;
   font-weight: bold;
}

h3.top { margin-top: 0; }

.previous {
    margin-top: 2em;
    font-size: 120%;
    text-align: left;
}

.next {
    margin-top: 2em;
    font-size: 120%;
    text-align: right;
}

/*
 *   The Discography
 */

.discoheader {
    border: 1px solid #629274;
    padding: 2px 2em 2px 24px;
    margin: 36px 4px 1em 0;
    background: #022 url(/images/teal-dots.gif) left center repeat-x; 
}

.discoheadertitle {
    padding: 0px 4px;
    font-weight: bold;
    background: #022;
    color: #bbb;
}

.discodesc {
    font-size: 90%;
    font-style: italic;
    padding: 0 3em 1em;
    color: #ded;

}

#menu p {
    font-size: 60%;
    padding: 5px 0;
    margin: 2em 10px 0 5px;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    text-align: right;
    color: #666;
}

#menu p a { border: 0; display: inline; margin: 0; padding: 0}
#menu p a:hover { border: 0 }

.clear { clear: both }

table, tr, td { padding: 0; margin: 0; border: 0 }

table.release {
    background: #000 url(/images/release.png) top;
    background-color: #011;
    margin: 0 10px 10px 0;
    font-size: 85%;
    width: 100%;
}

table.release td { text-align: left; vertical-align: middle }

table.release td.cover { width: 220px }

table.release td.info span {
    color: #575;
}

table.release div.info { margin-left: 1em }
table.release img {
    border: 1px solid #bbbbbb;
    margin: 10px;
}

table.release div.info div.title {
    font-weight: bold;
    color: #bbb;
}

table.release div.info div.group {
    margin-top: 1em;
}

table.release div.info div.release-date,
table.release div.info div.label-releasenumber,
table.release div.info div.recording-duration,
table.release div.info div.reviews-excerpts
{
        margin-top: .75em;
}

/* dual-level titles */
div.duallevel {
    color: #bbb;
    font-size: 150%;
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: 1em;
}

div.duallevel span.low {
    font-weight: normal;
    color: white;
}

div.duallevel span.low span {
    font-size: 50%;
}

table.performances {
    width: 100%
}

table.performances td {
    vertical-align: top;
    padding: 0 5px 5px 0;
}
table.performances td.date {
    white-space: nowrap;
}


table.performances td.header {
    font-size: 120%;
    color: #bbb;
    margin-bottom: .5em;
}