body { 
	background-repeat: no-repeat; 
	background-position: center top;
}

/* elements that apply to all pages */
h1 { font-weight: bold; font-size: 12pt; margin: 0px; padding: 0px; }
h2 { font-weight: bold; font-size: 9pt; margin: 0px; padding: 0px; }
span.link { cursor: pointer; text-decoration: underline; }
img.thumbnail { width: 100px; padding-right: 4px; border-style: none; }
div, td, span { color: #000000; font-family: Arial; font-size: 10pt; font-weight: normal; }
td { vertical-align: top; }
a, .linkesque { color: #004477; cursor: pointer; text-decoration: underline; }
ul, ol { padding-left: 20px; }
li { padding-bottom: 5px; }

/* title image */
div#title { position: fixed; top: 30px; left: 0px; right: 0px; text-align: center; }
div#title img { margin-left: auto; margin-right: auto; }

/* header bar */
div#header {
	position: fixed; top: 0px; left: 0px; right: 0px;
	height: 18px;
	padding-left: 20px; padding-right: 20px;
	background-color: #DDDACA;
	border-bottom: solid 1px #333333;
}
div#header table { width: 100%; }
div#header td, div#header span { text-align: center; font-size: 7pt; font-weight: bold; }

/* contentArea needs a container div so that we can center it on the page - this is to support IE */
div#contentArea_container {
	position: fixed; top: 120px; left: 0px; right: 0px; width: 100%; text-align: center;
}
div#contentArea {
	width: 433px; margin-left: auto; margin-right: auto; text-align: left;
}

div#menu {
	text-align: center; padding: 4px; 
	opacity: .8; filter: alpha(opacity = 80); zoom: 1; /* IE hack */
}
div#menu span { 
	padding-left: 3px; padding-right: 3px; 
	cursor: pointer; font-size: 11pt; font-weight: bold; text-transform: uppercase;
}

div#submenu {
	text-align: center; padding: 3px; 
	opacity: .8; filter: alpha(opacity = 80); zoom: 1; /* IE hack */
}
div#submenu span { 
	padding-left: 6px; padding-right: 6px; 
	cursor: pointer; font-size: 10pt; font-weight: bold; text-transform: uppercase;
}

div#main {
	height: 400px; overflow: auto; padding: 6px;
	opacity: .9; filter: alpha(opacity = 90); zoom: 1; /* IE hack */
}

div#permalink {
	position: absolute; bottom: -16px; 
	padding: 1px; padding-left: 8px; padding-right: 8px;
	opacity: .7; filter: alpha(opacity = 70); zoom: 1; /* IE hack */
	font-size: 8pt; 
	z-index: 1000;
}

div#audio_player { position: fixed; bottom: -0px; }
div#audio_player.transparent{ 
	opacity: .5; filter: alpha(opacity = 50); zoom: 1; /* IE hack */
}
div#audio_player.opaque { 
	opacity: .9; filter: alpha(opacity = 90); zoom: 1; /* IE hack */ 
}

/* Media */
div#media span.time { font-size: 8pt;  }
div#media td.song_description { font-style: italic; }
div#media img { margin-left: 3px; }

/* Merch */
div#altPaymentDiv { margin: 10px; padding: 6px; display: none; }
div#merch td.merchTitle { font-weight: bold; }
div#merch td.merchDesc { font-size: 8pt; color: #555; }


/* video popup */
div.videopopup {
	display: none; 
	position: fixed;
	top: 100px;	
	background-color: black;
	width: 400px; height: 250px;
	padding: 30px;
	z-index: 4000;
}

div.videooverlay {
	display: none; 
	position: fixed;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: Black;
	opacity: .9;
	z-index: 3000;
}