/* 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:hover  { color: #87cefa; text-decoration: underline }

a:visited { color: #789 }

a  { color: #4682b4; text-decoration: none }

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: 11px; font-family: "Times New Roman", Times, serif; text-align: left; text-transform: uppercase; margin: 0 0 1em 0; padding: 0px }

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

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 }

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 }

/* 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 { }

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

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

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

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

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

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

#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; text-align: center; vertical-align: text-top; text-transform: uppercase; clear: both; margin: 0.5em; padding-top: 0.1em; padding-bottom: 0.1em }

.buy p { text-align: center; margin: 8px 0; }

.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 }