@charset "utf-8";

body { font-family: serif; color: #FFF; background-color: #000; text-align: center; margin: 12px; }

a { outline: 0; }
a:link {color: #FFF; text-decoration: none; }
a:visited {color: #FFF; text-decoration: none; }
a:hover { color: #FC6; }
a:active {color: #C8C0FF; }

h1:first-line {font-size: 24px; color: #000; font-weight: normal; }
h1 {font-size: 16px; color: #057; font-weight: normal; }
h2:first-line {font-size: 18px; color: #000; font-weight: normal; }
h2 {font-size: 16px; color: #057; font-weight: normal; }
h3 {font-size: 16px; font-weight: bold; text-decoration: underline; }

img {border: none; }

#page {
	width: 800px;
	background-color:#000;
	margin-left: auto;
	margin-right: auto;
	text-align: center; }	

#musicbox {
	width: 800px;
	background-color:#000;
	margin-left: auto;
	margin-right: auto;
	text-align: center; }	

#masthead {text-align: left; width: 100%; padding: 15px; }
#column1 {float: left; width: 250px; }
#column2 {float: left; width: 250px; }
#column3 {float: left; width: 250px; }

#columnl {float: left; width: 150px;}
#columnmiddle {float:left; width: 500px; text-align: center; }
#columnr {float:left; width: 260px; padding: 10px top: 110px;	text-align: justify; }

#footer {
	clear: both; 
	padding: 15px; 
	position:relative; }

.prev
{
	position: absolute;
	width: 745px;
	top: 50px;
	text-align: right;
	font-style: italic;
	font-size: 20px;
}

.prev a { color:#FFF; }
.prev a:hover { color: #CC6; }

#otherstuff a:hover {color:#FC6; }	

.clearfloat {
	clear:both;
	margin:0;
	padding:0;
}
	
.quote  {text-align: right; }
.quote1 {color: #CCF; text-align: justify; }
.quote1 > p {text-align: right}
.quote2 { color: #CF9; text-align: justify; }
.quote2 > p {text-align: right}
.quote3 { color: #CFF; text-align: justify; }
.quote3 > p {text-align: right}
.quote4 { color: #FCF; text-align: justify; }
.quote4 > p {text-align: right}

.copyright {font-size: 12px; }
.date_released {color: #C36; font-size: 14px; }
.dates_active {color: #C9C; font-size: 14px; }
.dates_added {color: #FF8C00; font-size: 14px; }
.broadcastfrom {color: #FC9; font-size: 14px; }
.bandcatagory {font-size: 22px; color: #7ED0FA; font-style: italic; }
.cd {width: 90%; }
.clearfloat { clear:both; margin:0; padding:0; }

.music a {
	color: #7ED0FA;
	font-style: normal;
	font-weight: lighter;
	font-variant: small-caps;
	font-size: 16px; }

.music a:hover {
	color:#FFF; }

.bandname, .radioname, .cdname, {
	font-size: 20px;
	font-style: normal;
	font-weight: lighter;
	font-variant: small-caps; }

.da_aht2 {
	border: none;
	width: 400px;
	padding: 5px;
	text-align: center;
	vertical-align: middle; }

.da_aht3 {
	border: none;
	width: 232px;
	padding: 5px;
	text-align: center;
	vertical-align: middle; }

.da_aht
{
	height: 550px;
	border: none;
	padding: 5px;
	text-align: center;
	vertical-align: middle;

}

.index_updated {
	color: #FF8C00;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal; }

.atitle
{
	color: #9CF;
	font-size: 16px;
	text-transform: uppercase;
	vertical-align: middle;
	margin: 0 auto;
	text-decoration: none;
}

.title
{
	color: #C36;
	font-size: 16px;
	text-transform: uppercase;
	vertical-align: middle;
	margin: 0 auto;
	text-decoration: none;
}

.artist {
	color: #FFF;
	font-size: 16px;
	text-transform: capitalize;
	vertical-align: middle;
	margin: 0 auto; }

.sbar {
	top: 60px;
	height: 28px;
	text-align: right;
	margin: 0 0 0 0;
	vertical-align: middle;
	font-style: normal;
	font-size: 12px; }
	
#submit {

	text-align: right;
	font-style: normal;
	font-size: 30px; }
	
#submit a { color:#000; }
#submit a:hover {color:#FFF; }