/* Supplemental CSS Document for use with header2.php */

/* element-based styles */

html {
/*   font-size: 62.5%; */
margin: 0; 
padding: 0; 
}

body{
margin:0;
padding:0;
line-height: 1.5em;

background-image: url('images/volcano.jpg'); 
background-attachment: fixed;

background-color: black;
color: white;

font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}

a:link, a:visited {
	color: #0080FF; /* blue */
	text-decoration: none;	
}

a:hover, a:active {
	color: #FFF; 
	text-decoration: underline;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0;
	padding: 0 1em; /* padding left and right 1em */
}

th {
	text-align: left;
	padding-left: 1em;
	background-image: url('images/cellpic1.gif'); 
	background-repeat: repeat-x;
}

/* class-based styles */

.advertisement {
	background-color: black; 
	color: #CCC; 
	text-align: center;
}

.albumart {
	border: 1px solid gray;
}

.contentblock {
	background-color: black;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: .25em .25em; 
}

.contentblock p {
	padding-left: 1em;
	padding-right: 1em;
}

.navblock {
	background-color: black; 
	color: #FFF; 
	text-align: center;
}

.program_notice {
	margin-top: 1em !important; margin-top: 2em; /* IE6 doesn't care about important */
	margin-left: 1em; 
	margin-right: 1em;
	text-align: center; 
	border: 1px solid #0080FF; 
	background-color: #000755;
}

.program_notice a:link, .program_notice a:visited {
	color: white; 
	text-decoration: underline;
}

.program_notice a:hover, .program_notice a:active {
	color: #0080FF; 
	text-decoration: underline;
}

.requested { 
	cursor: help;
	color: #0080FF;
}

a.reverse:link, a.reverse:visited, .reverse a:link, .reverse a:visited {
	color: #FFF; 
	text-decoration: none;
}

a.reverse:hover, a.reverse:active, .reverse a:hover, .reverse a:active {
	color: #0080FF; /* blue */
	text-decoration: none;	
}

.sectionheader {
	color: white; 
	background-color: black;
	background-image: url('../images/cellpic1.gif');
	background-repeat: repeat-x;
	background-position: top; 
	font-weight: bold; 
/*	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: .5em;  */
	padding-left: 1em; 
} 

ul.solidblockmenu{
margin: 0;
padding: 0;
float: left;
width: 100%;
font: bold 13px Trebuchet MS;
border: 1px solid #000000;
border-width: 1px 0;
background: black url(../images/menu1.png) center center repeat-x;
text-transform: capitalize;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid black;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
	color: white;
	background: transparent url('../images/menu2.png') center center repeat-x;
	text-decoration: none;
}

.stackblock {
	margin-top: -1em;
}

/* id-based styles */

div#announcementsbox {
	overflow:auto; 
	height: 397px; 
	padding: 1em; 
	font-size: 10pt; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
}
#announcementsbox img {
	vertical-align: text-top;
}
#announcementsbox .post_header {
	color: #FFFFFF;
}
#announcementsbox b {
	font-size: 10pt; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
}
#announcementsbox .smaller, #announcementsbox .post_footer {
	font-size: 8pt;
}

#countDownReminder {
	display: none;
}

#puresitestable a:link, #puresitestable a:visited {
	color: #FFF; 
	text-decoration: none;
}

#puresitestable a:hover, #puresitestable a:active {
	color: #0080FF; /* blue */
	text-decoration: none;	
}

#puresitestable td {
	padding: 0 1em;
}

#footercopy {
	margin-top: 1em; 
}

#externalfuellinks img { 
	margin-left: 1em; 
	margin-right: 1em;
}

#maincontainer	{
	width: 840px; /* Width of main container */
	margin: 0 auto; /* Center container on page */
}

#nowplayingtable .label {
	text-align: right; 
	width: 3.5em;
	color: #0080FF; /* blue */	
}

#nowplayingtable #buycdbutton {
	margin-left: 5px;
}