/* GLOBAL */

html { margin: 0px; padding: 0px; }
body    { color: black; font-family: "Times New Roman", Times, serif; background: black url(art/bkg.gif) repeat; text-align: center; margin: 0px; padding: 0px; }

a  { color: rgb(50,100,180); text-decoration: none; }
a:hover  { color: rgb(80,150,250); }
a:visited { color: rgb(50,100,180); }

p   { font-size: 12px; line-height: 1.4em; font-family: "Times New Roman", Times, serif; text-align: left; margin: 0px 0px 0.5em; padding: 0px; }

h1  { font-size: 32px; font-family: "Times New Roman", Times, serif; text-align: center; margin: 0px 0px 0.5em; padding: 0px; }
h2   { color: white; font-weight: normal; font-size: 18px; font-family: "Times New Roman", Times, serif; background-color: #bc8f8f; text-align: left; text-transform: lowercase; margin: 0.5em; padding: 0.5em 0 0.5em 1em; }
h3  { color: gray; font-size: 16px; font-family: "Times New Roman", Times, serif; text-align: center; text-transform: lowercase; margin: 0 0 0.5em 0; padding: 0px; }
h4 { color: gray; font-size: 14px; font-family: "Times New Roman", Times, serif; text-align: left; margin: 0px 0px 0.5em; padding: 0px; }

.clickbutton { color: rgb(60,60,60); font-size: 12px; font-family: "Times New Roman", Times, serif; font-weight: bold; text-align: left; text-transform: uppercase; margin: 0 0 1em 0; padding: 0px; }

.videobutton { font-size: 16px; font-family: "Times New Roman", Times, serif; font-weight: bold; text-align: left; text-transform: uppercase; margin: 0; padding: 0px; }

em { font-style: italic; }

li   { font-size: 12px; text-align: left; margin: 0px 0px 0.3em; padding: 0px; }

hr { width: 100%; }

.center { text-align: center; }
.clearboth { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.floatleft { float: left; margin-right: 10px; margin-bottom: 10px; }
.floatright { float: right; margin-bottom: 10px; margin-left: 10px; }
.uppercase { text-transform: uppercase; }


/* HEADER */

#header  { background-color: white; text-align: center; padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid gray; }
#header p { text-align: center; }
div#addthis { margin:10px auto 15px auto; width: 140px; }

/* CONTENT */

#wrapper  { background-color: silver; margin: 0px auto; border-top: 8px solid #bc8f8f; border-bottom: 8px #bc8f8f; width: 800px; }

#content  { margin-right: auto; margin-left: auto; width: 780px; }

#navbar { }

#sidebar { }

.cd,.producers { background-color: white; margin-top: 3px; margin-bottom: 5px; border: solid 1px gray; width: 778px; }
.producers { padding-top: .5em; }

.cdcover { background-color: white; text-align: center; margin: 5px; padding: 3px; border: solid 1px silver; }

.cdbaby { width:117px; height:57px; margin:.5em auto; padding:0; border:0; background-image: url(http://www.cdbaby.com/Images/Links/BlackScratch-Buy_Album_nothumb.png); }

#bios { background-color: white; margin-top: 3px; margin-bottom: 3px; padding-bottom: 1em; border: solid 1px gray; width: 778px; }

#bios img { float: left; margin: 0em 0.5em 0.5em; padding: 3px; border: solid 1px silver; }
#bios p { margin-right: 0.5em; }

#bravenet { margin: 20px auto; width: 116px; }

.personnel { float: right; margin-bottom: 0.5em; width: 300px; }
.personnel li { padding-right: 0.5em; }

.buy { background-color: #e2e2e2; width: 192px; text-align: center; vertical-align: text-top; text-transform: uppercase; float: left; margin: 0.5em; padding-top: 0.1em; padding-bottom: 0.1em; }
.buy p { text-align: center; margin: 8px 0; font-size: 10px; }
.buy img { vertical-align: -30%; margin: 0 2px; }

.tracks { list-style-type: none; float: left; margin-bottom: 0.5em; margin-left: 0.5em; width: 240px; }
.tracks li { margin-bottom: 10px; }

.media { float: left; margin-right: 5px; display: inline; }


/* FOOTER */

#footer  { color: white; background-color: white; padding-top: 1em; padding-bottom: 1em; border-top: 1px solid gray; }
#footer p { color: gray; text-align: center; }