/* CSS Document */

/*BETA strip*/

#beta{
width:761px;
height:16px;
margin:0px;
text-indent:4px;
padding:2px;
text-align:left;
background-color:#26231A;
color:#F7DF42;
}

a:link, a:visited{font-weight: bold; color: #F7DF42; text-decoration: underline;}
a:hover, a:active {	font-weight: bold; color: #F7DF42; text-decoration: none;}

/*top triple j strip */

#triplejstrip {
width:765px;
height:17px;
margin:0px;
text-align:right;
background-color:#6B6450;

}

/*header */
#header {
	background:transparent;
	vertical-align:top;
	width:765px;
	background-image: url(images/topbanner.gif);
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
	}

.head {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.head a:link, .head a:visited{font-weight: bold; color: #8b7f5d; text-decoration: none;}
.head a:hover, .head a:active {	font-weight: bold; color: #F7DF42; text-decoration: underline;}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #8B7F5D;
	word-spacing:5px;
	background-color:#413B29;
	text-align:left;
	padding:4px;
}

.nav a:link, .nav a:visited, .nav a:active{ font-size: 11px; font-weight: bold; color:#ffffcc; text-decoration: none;}
.nav a:hover {font-size: 11px; font-weight: bold; color:#F7DF42; text-decoration: none;}

/*login strap*/
#loginstrap {
	width:765px;
	background-color:#26231a;
	vertical-align:middle;
	font-weight: normal;
	color: #8B7F5D;
	font-size:10px;
	margin-bottom:25px}

#loginstrap a:link, #loginstrap a:visited{font-weight: normal; color: #efe28e; text-decoration: none;}
#loginstrap a:hover, #loginstrap a:active {	font-weight: normal; color: #F7DF42; text-decoration: underline;}

.loginbutton {font-weight: bold; font-size: 11px; background-color: #8b7f5d; padding:0px; margin:0px; border:1px #3F3929; border-style:solid; color:#26231A;}
.loginfields { font-weight: normal; font-size: 11px; background-color: #a19575; padding:1px; margin:0px; border:1px #3F3929; border-style: solid;}

/*play, queue and rate buttons*/
.playbuts{
padding:4px 8px 4px 8px;
}

.playbuts2{
padding:2px;
}

/*new style play, queue and rate buttons*/
.playbut a:link, .playbut a:visited {
	padding:2px 2px 2px 2px; 
	background: url(images/listen_sq_btn0.gif) left top no-repeat; } .playbut a:hover {
	background: url(images/listen_sq_btn1.gif) left top no-repeat; 
	text-decoration:none;
}
.playbut a span {
	visibility:hidden;
}

.playspace {
width:20px;
height:20px;
border:0px;
}

.queuebut a:link, .queuebut a:visited {
	padding: 2px 2px 2px 2px;  
	background: url(images/queue_sq_btn0.gif) left top no-repeat; } .queuebut a:hover {
	background: url(images/queue_sq_btn1.gif) left top no-repeat; 
	text-decoration:none;
}
.queuebut a span {
	visibility:hidden;
}




/*global wrap*/
#wrap {
		background:transparent;
		margin:0px auto;
		width:765px;
		position:relative;
	}
	
.padit {
	padding:4px;
}

#contentleft {
		width:174px;
		padding:0px 26px 0px 0px;
		float:left;
		}
		

#contentright {
		width:192px;
		padding:0px 0px 0px 25px;
		float:right;
		}
		
#contentrightskinny {
		width:180px;
		padding:0px 0px 0px 0px;
		float:right;
		}
		
#contentcenter {
		width:370px;
		padding:0px;
		float:left;
		}
		
#contentcenterskinny {
		width:348px;
		padding:0px;
		float:left;
		}
		
#contentcenterdouble {
		width:565px;
		padding:0px;
		float:right;
		}
	
#contenthalfleft {
		width:408px;
		padding:0px 12px 0px 0px;
		float:left;
		}
		
#contenthalfright {
		width:345px;
		padding:0px 0px 0px 0px;
		float:right;
		}		
/*backgrounds*/

.bglist {
	background-color: #928661;
}

.bgA {
	background-color: #3F3929;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #ab9e7c;
}

.bgA a:link, .bgA a:visited{ font-size: 100%; font-weight: bold; color: #ab9e7c; text-decoration: none;}
.bgA a:hover, .bgA a:active {font-size: 100%; font-weight: bold; color: #F7DF42; text-decoration: none;}

.bgApad {
	background-color: #3F3929;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #ab9e7c;
	padding:4px;
}

.bgApad a:link, .bgApad a:visited{ font-size: 100%; font-weight: bold; color: #ab9e7c; text-decoration: none;}
.bgApad a:hover, .bgApad a:active {font-size: 100%; font-weight: bold; color: #F7DF42; text-decoration: none;}

.bgB {
	background-color: #8B7F5D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #26231A;
}

.bgB a:link, .bgB a:visited{ font-size: 100%; font-weight: bold; color: #2D281E; text-decoration: none;}
.bgB a:hover, .bgB a:active {font-size: 100%; font-weight: bold; color: #F7DF42; text-decoration: none;}

.bgBpad {
	background-color: #8B7F5D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #26231A;
	padding:4px;
}

.bgBpad a:link, .bgBpad a:visited{ font-size: 100%; font-weight: bold; color: #2D281E; text-decoration: none;}
.bgBpad a:hover, .bgBpad a:active {font-size: 100%; font-weight: bold; color: #F7DF42; text-decoration: none;}

/*resources background*/
.bgC {	
	background-color: #BCB68B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #26231A;
}

.bgC a:link, .bgC a:visited{ font-size: 100%; font-weight: bold; color: #26231A; text-decoration: none;}
.bgC a:hover, .bgC a:active {font-size: 100%; font-weight: bold; color: #26231A; text-decoration: none; background-color:#F7DF42;}

.bgCpad {	
	background-color: #BCB68B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #26231A;
	padding:4px;
}

.bgCpad a:link, .bgCpad a:visited{ font-size: 100%; font-weight: bold; color: #26231A; text-decoration: none;}
.bgCpad a:hover, .bgCpad a:active {font-size: 100%; font-weight: bold; color: #26231A; text-decoration: none; background-color:#F7DF42;}

/*darkest background*/
.bgD {
	background-color: #26231A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #8B7F5D;
}

.bgD a:link, .bgD a:visited{ font-size: 100%; font-weight: bold; color: #8B7F5D; text-decoration: none;}
.bgD a:hover, .bgD a:active {font-size: 100%; font-weight: bold; color: #F7DF42; text-decoration: none;}



/*lightest background*/
.bgE {
	background-color: #FFFFCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #3F3929;
}

.bgE a:link, .bgE a:visited{ font-size: 100%; font-weight: bold; color: #3F3929; text-decoration: none;}
.bgE a:hover, .bgE a:active {font-size: 100%; font-weight: bold; color: #26231A; background-color: #F7Df42; text-decoration: none;}


.bgEpad {
	background-color: #FFFFCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #3F3929;
	padding:4px;
}

.bgEpad a:link, .bgEpad a:visited{ font-size: 100%; font-weight: bold; color: #3F3929; text-decoration: none;}
.bgEpad a:hover, .bgEpad a:active {font-size: 100%; font-weight: bold; color: #26231A; background-color: #F7Df42; text-decoration: none;}

/*green background*/
.bgF {
	background-color: #999966;
}

.bgF  a:link, .bgF  a:visited{ font-size: 100%; font-weight: bold; text-decoration: none; color: #26231A;}
.bgF a:hover, .bgF  a:active {font-size: 100%; font-weight: bold; text-decoration: none; color: #26231A; background-color:#F7DF42;}

.bgFpad {
	background-color: #999966;
	padding:4px;
}

.bgFpad  a:link, .bgFpad  a:visited{ font-size: 100%; font-weight: bold; text-decoration: none; color: #26231A;}
.bgFpad a:hover, .bgFpad  a:active {font-size: 100%; font-weight: bold; text-decoration: none; color: #26231A; background-color:#F7DF42;}

.darkborder {
	background-color: #26231A;
	padding:4px;
	color: #329A9A;
}

/*headings*/

.bluenavhead {
background-color:#329a9a;
padding:4px;
color:#26231A;
font-weight:bold;
}

.heading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #28251C;
	}
	
.heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #28251C;
	}
	
	
.hilite11 {	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #329a9a;
	color: #2D291F;
	font-weight:bold;
	padding: 2px 2px 2px 4px;
}
.hilite11 a:link, .hilite11 a:visited, .hilite11 a:active { font-size: 100%; font-weight: bold; text-decoration: none;}
.hilite11 a:hover {font-size: 100%; font-weight: bold; color:#F7DF42; text-decoration: none;}

.hiddenlinks {
height: 0;
width: 0;
overflow: hidden;
position: absolute; /* for the benefit of IE5 Mac */
}

/*artist menu*/	
.artistleftnav {
width:166px;
background-image:url(images/trnsp_pix.gif);
background-repeat:repeat;
padding: 4px;
line-height:14px;
margin-bottom:10px;
}

.artistleftnav2 {
width:166px;
background-image:url(images/trnsp_pix.gif);
background-repeat:repeat;
padding: 4px;
line-height:18px;
margin-bottom:10px;
}

.featuredquestion {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #FF6699;
	}