/* CSS Document for House of Hair*/
/* Last Updated Feb 28, 2007*/


 /* General HTML Body Styling
 * -------------------------
 */
 
body {
	padding: 0;
color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: black;
	text-align:center;
	font-size:100%;
	background-image:url(../Images/bgr970_3.gif);
	background-repeat: repeat-y;
	background-position: center;

	
	}
/*This shortens the width of entire page, but keeps it fluid in the browser...*/
#doc2 {
	width:950px;
background-color: black;
}

a {
	text-decoration: underline;
	font-weight: normal;
	color: #CCCCCC;
	}
a img
{
	border-width: 0;	/* remove the border around linked images. <img border="0" ..../> is invalid in XHTML 1.1 */
}
a:link {
color:#CCCCCC;
	}
a:visited {
color:#663399;
	}
a:active {
color:#999999;
	}
a:hover {
	text-decoration: underline;
	color:#99CC00;

	}
p {
	color:#FFFFFF;
	font-size: 95%;
	line-height: 1.25em;
}

h1{
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 150%;
	color:#99CC00;
	
}
h2{

	color:#CC0000;
	font-size:125%;
	font-weight: normal;
}
h3{
	color:#99CC00;	
	font-size:95%;
	font-weight: normal;
}
h4{
	color:#333333;
	font-size:90%;
	
}
/*legalese aff pages*/
h5{
	font-weight: normal;
	color:#999999;
	font-size:80%;
	
}
h6{
	color:#FFFFFF;
	font-size:75%;
	font-weight: normal;
	
}

ul, li{
color:#CCCCCC;
	font-size:90%;
	font-weight: normal;
}
td{
	color:#FFFFFF;/*this also sets the color within switch content question*/
	font-size:70%;
	font-weight: normal;
}
.img {
margin:0px;
}

.left {
text-align:left;
}
.right {
text-align:right;
}


.floatleft {
float:left;
margin-right: 15px;

}

.floatright {
float:right;
margin-right: 15px;
}

.album {
float:left;
margin-right: 15px;
margin-bottom: 95px;

}

.clear {
clear:both;
}
.center {text-align:center;}

.black {
color:#000000;
}
.lime {
color:#99CC00;
font-weight: bold;
}

.red {
color:#CC0000;
font-weight: bold;
}

.white {
color:#FFFFFF;
font-weight: bold;
}

.gold {
color:#FFAA01;
font-weight: bold;
}

.goldbold {
font-size:100%;
color:#FFAA01;
font-weight: bold;
}

.caps {
text-transform:uppercase;
font-size: .9em;
font-weight: bold;
}

#specialnote {
	text-align:center;
	font-size:100%;
	line-height: 1em;
}

#chain {
background:url(../Images/celticchain.jpg) repeat-x;
height:38px;}
/*
#motley a:link, a:visited {
color:#99CC00;
font-size:14px;
font-weight:bold;
}

#motley a:hover {
color:#FF9900;
font-size:14px;
font-weight:bold;
}*/



/*---CONTENT STYLING: BASICS --*/



#bd, #hd, #ft, #ft bottom
    {
    background: #000000;
	padding: 0px 0px 0 0px;
	text-align: left;
    }
	
	#hd {
background:url(../Images/HPHeader5S.gif) left top no-repeat;
	background-color: #000000;
	height: 200px;
	text-align: right;
	margin-bottom: 5px;
	}
	
	div#hd-inner {
	height: 34px;
	/*width: 955px;*/
	text-align: right;
	line-height: 0.1em;
	}


	div#hd-inner img.logo {
	float: left;
	}
	div#hd-inner a img {
	border: 0;
	}	
	div#hd-inner .tag {
	margin-top: 5px;
	font-weight: bold;
	font-size: 170%;
	color: #000000;
	margin-right: 0em;
	display:hide;
	}


#topmenu {

	text-align: right;
	margin-bottom: 0px;
	margin-top: -25px;
	margin-right: 0px;
	height:150px;
	margin-left: 465px;
}

#topmenu p{
font-size: 87%;
line-height: 1.15em;
}




/*#topmenu a:link {
color: #CCCCCC;
font-weight: normal;
	text-decoration: none; 
	}
#topmenu a:visited {
color: #99CC00;
font-weight: normal;
	text-decoration: none;
	}
#topmenu a:hover {
	color:#CC0000;
	text-decoration: none;
	font-weight: bold;
	}
#topmenu a:active {
color:#CCCCCC;
text-decoration: none;
	}*/
	
#setcenter {
	padding-top: 2px;
}
	
#pathway {
margin-bottom: 0px; 
font-size: 0.8em;
color: #99CC00;
text-align:left;
}

#yui-main p {
font-size:88%;
padding-right:15px;
	}
#yui-main h2 {
	font-size:130%;
}

#yui-main p.small {
font-size:80%;
}


#wrapperL {
height:351px;
	background-image: url(../Images/menu/blackbox2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	text-align:center;
	padding-top: 11px;

}
#wrapperL img.colbox{
margin-top:4px;
}

#wrapperL img.btm{
margin-top:4px;
margin-bottom:15px;
}



/*--- MANAGE THE LEFT COLUMN MENU NAVIGATION---*/

#menu, #menu li { margin:0; padding:0; list-style:none; }
#menu span{ margin:0; padding:0; visibility:hidden; }
#menu{
	width:178px; 
	margin-top:0px;
	margin-left:20px;
	margin-bottom: 20px;
}

#menu a {
	text-decoration: none;
}
#menu li{
	height:25px; 
}
#menu li a{
	display:block;
	height: 25px;  
	width: 175px 
	text-decoration: none;
}

#menu li a:hover{ 
background:url(../Images/menu/menuhover2.gif) no-repeat 130px 50%;		
}

#menu li#home a:hover, #menu li#home a.on { background:url(../Images/menu/menuhover2.gif) no-repeat 130px 50%;	}

#menu li#show a:hover, #menu li#show a.on { background:url(../Images/menu/menuhover2.gif) no-repeat 130px 50%;	}

#menu li#stats a:hover, #menu li#stats a.on { background:url(../Images/menu/menuhover2.gif) no-repeat 130px 50%;}

#menu li#play a:hover, #menu li#play a.on { background:url(../Images/menu/menuhover2.gif) no-repeat 130px 50%;	}

#menu li#requests a:hover, #menu li#requests a.on { background:url(../Images/menu/menuhover2.gif) no-repeat 130px 50%;	}

#menu li#bow a:hover, #menu li#bow a.on { background:url(../Images/menu/menuhover2.gif) no-repeat 130px 50%;	}

#menu li#con a:hover, #menu li#con a.on { background:url(../Images/menu/menuhover2.gif) no-repeat 130px 50%;	}

#menu li#forum a:hover, #menu li#forum a.on { background:url(../Images/menu/menuhover2.gif) no-repeat 130px 50%;	}

#menu li#bc a:hover, #menu li#bc a.on { background:url(../Images/menu/menuhover2.gif) no-repeat 130px 50%;	}

#menu li#ontour a:hover, #menu li#ontour a.on { background:url(../Images/menu/menuhover2.gif) no-repeat 130px 50%;	}

#menu li#future a:hover, #menu li#future a.on { background:url(../Images/menu/menuhover2.gif) no-repeat 130px 50%;	}

#menu li#free a:hover, #menu li#free a.on { background:url(../Images/menu/menuhover2.gif) no-repeat 130px 50%;	}

#menu li#linkies a:hover, #menu li#linkies a.on { background:url(../Images/menu/menuhover2.gif) no-repeat 130px 50%;	}


#home { background-image: url(../Images/menu/m_home.gif); background-repeat: no-repeat; height: 25px;width: 175px; }

#show { background-image: url(../Images/menu/m_shows.gif); background-repeat: no-repeat; height: 25px; width: 175px; }

#stats { background-image: url(../Images/menu/m_stats.gif); background-repeat: no-repeat; }

#play { background-image: url(../Images/menu/m_play.gif); background-repeat: no-repeat; }

#requests { background-image: url(../Images/menu/m_req.gif); background-repeat: no-repeat; }

#bow { background-image: url(../Images/menu/m_band.gif); background-repeat: no-repeat; }

#con { background-image: url(../Images/menu/m_cont.gif); background-repeat: no-repeat; }

#forum { background-image: url(../Images/menu/m_comm.gif); background-repeat: no-repeat; }

#bc { background-image: url(../Images/menu/m_buzz.gif); background-repeat: no-repeat; }

#ontour { background-image: url(../Images/menu/m_ontour.gif); background-repeat: no-repeat; }

#future { background-image: url(../Images/menu/m_star.gif); background-repeat: no-repeat; }

#free { background-image: url(../Images/menu/m_free.gif); background-repeat: no-repeat; }

#linkies { background-image: url(../Images/menu/m_more.gif); background-repeat: no-repeat; }

/*-- END MENU NAV --*/

/*--MANAGE PLAYLISTS IFRAME CONTENT---*/
.playback {
background-attachment: fixed;
/*background:url(../Images/skullback2.gif) left center repeat-y;*/

}
#playlists p {
	text-align:left;
	margin: 0px;
	margin-bottom: 15px;
	margin-left: 22px;
}

#playlists ul, #playlists ul li{
text-align:left;
margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style-type: none;
	display: block;
	text-decoration: none;
	font-size:92%;
	font-weight: normal;
}


/*--CENTERS THE ITEMS IN EITHER SIDEBAR--*/	
#ads {
text-align:center;

}

.padtop{padding-top:8px;}

/*--BuzzChic's Blog page--*/

#sidebar {
text-align:left;
padding-bottom: 10px;
}

#sidebar p{
color:#999999;
}

/*--BAND OF WEEK PAGE and CONTESTS--*/

.homewin a {
color:#FFAA01;
font-weight: bold;
font-size:92%;
}

.homewin a:active {
color:#FFAA01;
font-weight: bold;
font-size:92%;
}

.homewin a:link {
color:#FFAA01;
font-weight: bold;
font-size:92%;
}



.oldcontest {
padding: 10px 0px 20px 0px;
}


#bandinfo p{
font-size: 80%;
}
#bandinfo h3{
font-size: 85%;
font-weight: normal;
}

.subhead {
color:#CC0000;
font-size: 95%;
font-weight: bold;
text-transform: uppercase;
}
.contest {
color:#99CC00;
font-size: 95%;
}
.subcontest {
text-transform:uppercase;
font-size: .9em;
font-weight: bold;
clear: both;
padding-bottom:10px;
}

.contests {
color:#FF0000;
text-transform:uppercase;
font-size: 70%;
font-weight: bold;
}

#pastwin a {
text-decoration:underline;
color:#99CC00;
text-transform:uppercase;
font-size:14px;
font-weight: bold;
}

#pastwin {
padding-bottom:30px;
}


.linktous {
	font-family:"Courier New", Courier, monospace;
	background-color:#455560;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	line-height:1em;
	padding: 5px 1px 5px 1px;
	}

#archive {
	margin-top: 40px;
}

/*---MANAGE THE TRIVIA --*/


#trivia td {
color:#FFFFFF;/*this also sets the color within switch content question*/
font-size:90%;
font-weight: normal;
}
	
.switchcontent {
display: none;
color: #FFFFFF;
font-size: 90%;
font-weight: normal;
line-height: 1.2em;
}
.switchcontent p {
	color: #FFFFFF;/*the text color in the trivia answe on home pager*/
	font-size: 85%;
	font-weight: bold;
	line-height: 1em;
}
#trivia a {
color: #CC0000;
}
#trivia a:link {
color: #CC0000;
} 
#trivia a:hover {
color: #CC0000;
} 
#trivia a:visited {
color: #CC0000;
} 
#trivia a:active {
color: #CC0000;
} 
/*--trivia on the trivia page--*/
#triviapage .switchcontent {
display: none;
color: #999999;
font-size: 85%;
font-weight: normal;
line-height: 1.2em;
}
#triviapage p {
color:#99CC00;
font-size: 85%;
font-weight: normal;
line-height: 1.2em;
}

/*--BUZZCHIC'S EMAIL SIGNUP--*/


#buzzemail .formLabel{
font-size: 87%;
font-weight: normal;
line-height: 1.9em;
}
/*--  MANAGE STATION MAPS--*/

#map {
height:460px;
padding-left: 10px;
padding-top: 10px;
}

h3.titlemap {
color:#CC0000;
font-size:16px;
}

h3.titlemap a{
color:#CC0000;
font-size:16px;
}

 #stations{
	padding-left: 0px;
	padding-top: 10px;
 }
 
 #stations th{
color:#CC0000;	
	font-size:75%;
}
#stations td{
color:#FFFFFF;	
	font-size:75%;
}
/*--MAIL CHIMP BUZZCUT AUTO ARCHIVES --*/

.container{
margin-top:15px;
}

/*-- ADVERT, REQUEST AND CONTEST FORMS--*/

#formcontainer {
/*width: 600px;*/
padding-bottom: 5px;
text-align: left;
}

#thanks{
	height:200px;
	padding-top: 55px;
	text-align: center;
}


.prize {
float:left;
margin-right: 5px;
padding-left: 5px;
padding-bottom:15px;
}

.mainprize {
float:right;
margin-right: 10px;
padding-left: 10px;
padding-bottom:5px;
}

.prizepara {
margin-right: 200px;
}

.winner {
padding-bottom:35px;
}


/*--CONTACT US PAGE --*/
#contactus ul li {
font-size:92%;
line-height:1.6em;
	font-weight: bold;

}
#contactus a:link{
font-size:92%;
line-height:1.6em;
	font-weight: bold;

}


#contactus ul li .lime{

	text-transform:uppercase;

}

/*--MANAGE THE LINKS PAGE and ON TOUR  PAGE and SITEMAP---*/
#links p {
color:#FFFFFF;
font-size:85%;
font-weight: normal;
margin-top:0px;
}

#links ul, #links ul li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	text-decoration: none;
	font-size:92%;
	font-weight: normal;
}

#links .padleft {
padding-left:10px;
}

#links a:link {
color:#FFFFFF;
font-weight: normal;
text-decoration: none;
	}
	
#links a:visited {
color:#663399;
text-decoration: none;
	}

#links a:hover {
color: #99CC00;/*#FFCC00;*/
text-decoration: underline;
	}
			
#links a:active {
color:#FFFFFF;
text-decoration: none;
	}
	
#links h2 {
border-top: 1px dotted #CC0000; padding-bottom: 3px; padding-top: 5px;  margin-bottom: 0.5em; margin-top:0.5em;
border-bottom: 1px dotted #CC0000; padding-bottom: 5px; padding-top: 3px;  margin-bottom: 0.5em;
}

.bottomline {
border-bottom: 1px dotted #CC0000; padding-bottom: 0px; padding-top: 2px;  margin-bottom: 0.5em;
}

.topline {
border-top: 1px dotted #FFFFFF; padding-bottom: 0px; padding-top: 3px;  margin-top: 0.5em;
}



/*--FOOTERS--*/
 #ft {
	background:url(../Images/footerbandSepia.gif) center top no-repeat;
	height : 200px;
	width:950px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#000000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
	#ft p {
	color:#455560;
	font-size:80%;
	font-weight: bold;
	line-height: 1.8em;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 22px;
		}
	
	
	#ft h6 {
	font-size:73%;
	font-weight: normal;
	color:#455560;
	line-height: 1em;
	padding-right: 5px;
	margin-top: 1px;
	}
	
#ft a {
color:#FFFFFF;
text-decoration: none;
font-weight: normal;
	}
	
#ft a:link {
color: #FFFFFF;
font-weight: normal;
	}
#ft a:visited {
color: #FFFFFF;/*#660099;*/
font-weight: normal;
	}
#ft a:hover {
	color:#99CC00;
	text-decoration: none;
	font-weight: bold;
	}
#ft a:active {
color:#FFFFFF;
text-decoration: none;
	}

 #ft-bottom .more {
 float:left;
 }
  #ft-bottom .copy {
 float:right;
 }

 #ft-bottom {
	height:15px;
	width:950px;
	text-align:left;
	margin-top: 30px;
	padding-bottom: 15px; 
 }