/* #########Default Start ###### */

html {
	height: 100%;
}




/* ########Wrapper START ######*/


#wrapper{
	width: 62.63em;
	margin-left: auto;
	margin-right: auto;
}



/* ########Top Banner Start ######*/


#topbanner{
	width: 62.63em;
	height: 5.81em;
	text-align:center;
}

/* ########contentbox Start ######*/


#contentbox{
	background-color: #F00;
	width: 62.63em;
	border-top: #999 thin solid;
	border-left: #999 thin solid;
	border-right: #999 thin solid;
}


/* ########Top Header Start ######*/


#topheader{
	background-color: #0F6;
	width: 62.63em;
	height: 8.44em;
	background:url(../images/headerbg.jpg) no-repeat;
}

/* ####### Inside Header  ####### */


#logo{
	
	width: 17.50em;
	float: left;
	
}


#artist{
	width: 23.75em;
	float: left;
	
	
}


#listenlive{
	width: 21.38em;
	float: left;
}



/* ########Top Menu Start ######*/

#topmenu{
	background:url(../images/topmenubg.jpg) repeat-x;
	background-color: #000;
	width: 62.25em;
	height: 1.31em;
	padding: 0.19em;
}


A.MenuTop:link {text-decoration: none; padding: 0.25em 0px 0em 0em; font-weight:bold; color:#FFFFFF;  font-size:0.69em;}
A.MenuTop:visited {text-decoration: none ; padding: 0.25em 0em 0em 0em; font-weight:bold; color:#FFFFFF; font-size:0.69em;}
A.MenuTop:active {text-decoration: none ; padding: 0.25em 0em 0em 0em; font-weight:bold; color:#FFFFFF;  font-size:0.69em;}
A.MenuTop:hover {text-decoration: none; color: #0093cd; padding: 0.25em 0em 0em 0em; font-weight:bold; font-size:0.69em; }

A.MenuTopOver:link {text-decoration: none; color: #0093cd; padding: 0.25em 0pem 0em 0em; font-weight:bold; font-size:0.69em;}
A.MenuTopOver:visited {text-decoration: none; color: #0093cd; padding: 0.25em 0em 0em 0em; font-weight:bold; font-size:0.69em;}
A.MenuTopOver:active {text-decoration: none; color: #0093cd; padding: 0.25em 0em 0em 0em; font-weight:bold; font-size:0.69em;}
A.MenuTopOver:hover {text-decoration: none; color: #0093cd; font-weight:bold; font-size:0.69em; }







/* ########main Content Start ######*/

#maincontent{
	background:url(../images/fullcontentbg.jpg) repeat-y;
	background-color: #fff;
	width: 62.63em;
}


/* ########Left Start ######*/

#leftside{
	background-color: #fff;
	width: 40.69em;
	float: left;
	color: #17345c;
	padding: 0.31em;
}

/* ########Right Start ######*/

#rightside{
	background:url(../images/rightsidebg.jpg) repeat-y;
	background-color: #FFF;
	width: 20.69em;
	float: right;
	color: #17345c;
	padding: 0.31em;
}



/* @@@@@@@@@@@@@@@@  ON THE air  @@@@@@@@@@@@@@@@@@  */


#rightonair{


	width: 19.44em;
	padding-left: 0.63em;
	padding-right: 0.63em;
	padding-bottom: 0.63em;
	text-align:center;

}



#onairpicture{

 	float:left;
	width: 120px;

}



#onairright{

	width: 180px;
	float: right;

}



#onairtitle{

	font-size: 26px;
	font-weight: Bold;
	color: #17345c;

}


#onairdj{

	font-size: 16px;
	font-weight: Bold;
	color: #000000;
}


#ontheairlistenlive{

	margin-top: 15px;


}



a.onairlistenlive:link  {text-decoration: none; border: none;}
a.onairlistenlive:visited  {text-decoration: none; border: none;}
a.onairlistenlive:active  {text-decoration: none; border: none;}
a.onairlistenlive:hover {text-decoration: none; border: none;}


/* @@@@@@@@@@@@@@@@  banners  @@@@@@@@@@@@@@@@@@  */




#rightboxbanner{

	width: 19.44em;
	padding-left: 0.63em;
	padding-right: 0.63em;
	text-align:center;

}


#rightmultiplebanner{

	width: 19.44em;
	padding-left: 0.63em;
	padding-right: 0.63em;

}



.insidemultiplebanner{

	padding-top: 10px;
	padding-bottom: 10px;
	text-align:center;

}





/* @@@@@@@@@@@@@@@@ Weather @@@@@@@@@@@@@@@@@@  */





#rightweather{

	width: 19.44em;
	padding-left: 0.63em;
	padding-right: 0.63em;
	text-align:center;

}


#weatherbox{
	width: 310px;
	height: 148px;
	border-top: #999 thin solid;
	border-left: #999 thin solid;
	border-right: #999 thin solid;
	border-bottom: #999 thin solid;
	background-color: #FFF;

}


.menutitle{

	background-image:url(../images/titlebg.jpg);
	color: #FFF;
	font-weight: bold;
	height: 24px;
	text-align:left;
	padding-top: 2px;
	padding-left: 2px;


}


#weatherleft{

	width:180px;
	float:left;
}



#weatherright{
	width:125px;
	float:right;

}



/* @@@@@@@@@@@@@@@@@SUB MENU  @@@@@@@@@@@@@@@@@@@ */



#submenu{

	padding-left: 18px;


}

.submenulist{

	list-style: none;
	margin: 0;
	padding: 0;

}


.submenuitem{

	margin-bottom: 1px;
	height: 25px;

}


A.submenulink:link {
	text-align: left;
	text-decoration: none; 
	color: #17345c;  
	font-weight:bold; 
	font-size:14px;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left:10px;
	border-bottom:thin solid #CCC;
	display: block; 
	width:297px;
}
A.submenulink:visited {
	text-align: left;
	text-decoration: none; 
	color: #17345c; 
	font-weight:bold;
	font-size:14px;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left:10px;
	border-bottom:thin solid #CCC;
	display: block; 
	width:297px;
}
A.submenulink:active {
	text-align: left;
	text-decoration: none; 
	color: #17345c; 
	font-weight:bold; 
	font-size:14px;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left:10px;
	border-bottom:thin solid #CCC;
	display: block; 
	width:297px;
	
}
A.submenulink:hover {
	text-align: left;
	text-decoration: none; 
	color: #FFFFFF;  
	font-weight:bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	display: block; 
	background-color:#000;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left:10px;
	border-bottom:thin solid #CCC;
	border-top:thin solid #FFF;
	width:297px;
}
	

A.submenulinkOver:link {
	text-align: left;
	text-decoration: none; 
	color: #FFFFFF;  
	font-weight:bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	display: block; 
	background-color:#000;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left:10px;
	border-bottom:thin solid #CCC;
	border-top:thin solid #FFF;
	width:297px;
	}


A.submenulinkOver:visited {
	text-align: left;
	text-decoration: none; 
	color: #FFFFFF;  
	font-weight:bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	display: block; 
	background-color:#000;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left:10px;
	border-bottom:thin solid #CCC;
	border-top:thin solid #FFF;
	width:297px;
	}
A.submenulinkOver:active {
	text-align: left;
	text-decoration: none; 
	color: #FFFFFF;  
	font-weight:bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	display: block; 
	background-color:#000;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left:10px;
	border-bottom:thin solid #CCC;
	border-top:thin solid #FFF;
	width:297px;
	}
	
A.submenulinkOver:hover {
	text-align: left;
	text-decoration: none; 
	color: #FFFFFF;  
	font-weight:bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	display: block; 
	background-color:#000;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left:10px;
	border-bottom:thin solid #CCC;
	border-top:thin solid #FFF;
	width:297px;
}



#rightsidemenu{
	margin-top: 10px;
	width: 19.44em;
	padding-left: 0.63em;
	padding-right: 0.63em;
	text-align:center;

}








/* @@@@@@@@@@@@@@@@  Videos  @@@@@@@@@@@@@@@@@@  */



#rightvideos{
	margin-top: 10px;
	width: 19.44em;
	padding-left: 0.63em;
	padding-right: 0.63em;
	text-align:center;

}


#videobox{
	width: 310px;
	border-top: #999 thin solid;
	border-left: #999 thin solid;
	border-right: #999 thin solid;
	border-bottom: #999 thin solid;
	background-color: #FFF;
	

}



.leftvideo{
	padding-top: 0.63em;
	width: 155px;
	float:left;
}


.rightvideo{
	padding-top: 0.63em;
	width: 155px;
	float:right;
}



A.videoboxlink:link{
	margin-top: 30px;
	text-decoration: none;
	color: #17345c;  
	font-weight:bold;  
	font-size:11px;

}




A.videoboxlink:visited{

	text-decoration: none;
	color: #17345c;  
	font-weight:bold;  
	font-size:11px;
	
}



A.videoboxlink:active{

	text-decoration: none;
	color: #17345c;  
	font-weight:bold;  
	font-size:11px;
	




}


A.videoboxlink:hover{
	text-decoration: none;
	color: #17345c;  
	font-weight:bold;  
	font-size:11px;
	
}


.videothumb{

	border: #17345c thin solid;

}




/* ######## FooterStart ######*/

#footer{
	background:url(../images/footerbg.jpg) repeat-x;
	background-color: #17345c;
	width: 62.13em;
	min-height: 1.63em;
	padding: 0.25em;
	text-align:center;
}


A.footer:link {text-decoration: none; color: #FFFFFF;  font-weight:bold;  font-size:0.75em;}
A.footer:visited {text-decoration: none; color: #FFFFFF; font-weight:bold; font-size:0.75em;}
A.footer:active {text-decoration: none; color: #FFFFFF; font-weight:bold;  font-size:0.75em;}
A.footer:hover {text-decoration: none; color: #e31f23; font-weight:bold; font-size:0.75em;}




/* #################HOME BANNERS FLASH ###################### */


#homethreebanners{
	width: 635px;
	Height: 493px;
	border-top: #000 thin solid;
	border-left: #000 thin solid;
	border-right: #000 thin solid;
	border-bottom: #000 thin solid;
	


}

#Homebannerthreeright{

	width: 256px;
	Height: 493px;
	float:right;


}


#artistbanner{

	width: 379px;
	Height: 493px;
	float:left;
	background-color: #000;


}


#billboardbanner{

	background-color: #DDD;
	width: 256px;
	height: 245px;


}


#rightbillboardbanner{
	border-top: #000 thin solid;
	background-color: #000;
	width: 256px;
	height: 247px;


}


/* #########################TWITTER ################################### */


#twitter_div{

	background-color:#FFFFFF;
	font-size:12px;
	color:#333333;
	padding-top: 10px;
	padding-right: 10px;
	font-weight:bold;
	background:url(images/twitterbglong.jpg) 0% 100% no-repeat;
	width: 573px;
	height: 111px;




}


#sidebar-title{
	text-align:center;
	font-size:16px;
	color: #e31f23;


}



#twitter_update_list{

	padding-left: 150px;
}


/* #########################Extras ################################### */


#extrabox{

	width: 168px;
	height: 52px;


}

#facebookbox{

	float:left;
	width: 56px;
	height: 52px;

}


#twitterbox{

	float:left;
	width: 56px;
	height: 52px;


}


#sendtofriendbox{

	float:left;
	width: 56px;
	height: 52px;


}


/* #########################INTRO CONTENT BOXES ###################################### */


.introbox{
	width: 594px;
	height: 136px;
}

.introboxtopborder{

	width: 594px;
	height: 12px;
	background-color: #FFF;
	background:url(../images/contentbox_01.jpg) no-repeat;

}


.introboxleftborder{
	float: left;
	height: 112px;
	width: 19px;
	background:url(../images/contentbox_02.jpg)  repeat-y;

}

.introboxrightborder{

	float: left;
	height: 112px;
	width: 19px;
	background:url(../images/contentbox_04.jpg) repeat-y;
}



.introboxbottomborder{

	width: 594px;
	height: 12px;
	background:url(../images/contentbox_05.jpg) no-repeat;
	
}




.introbox1{

	float: left;
	width: 556px;
	height: 112px;
	background:url(../images/introbox1.jpg) 100% 0% no-repeat;
	background-color: #033caf;


}

.introbox2{
	float: left;
	width: 556px; 
	height: 112px;
	background:url(../images/introbox2.jpg) 100% 0% no-repeat;
	background-color: #021746;
}

.intropicturebox{

	padding-top: 5px;
	padding-left: 5px;
	width: 118px;
	float: left;
	height: 107px;
}

.introcontentbox{
	text-align: left;
	float: left;
	width: 420px;
	height: 112px;
}

.introtitle{
	padding:4px;
	height: 20px;

}


.introcontentabstract{
	padding:4px;
	color:#FFF;
	height:50px;
	width: 420px;
	font-size: 12px;


}


.introcontentfindoutmore{
	text-align: right;
	height: 14px;
	width: 410px;

}


a.contentlink:link {text-decoration: none; color: #FFFFFF;  font-weight:bold; font-size:14px;}
a.contentlink:visited {text-decoration: none; color: #FFFFFF; font-weight:bold; font-size:14px;}
a.contentlink:active {text-decoration: none; color: #FFFFFF; font-weight:bold; font-size:14px;}
a.contentlink:hover {text-decoration: none; color: #999999; font-weight:bold; font-size:14px;}


/*#####################################BANNER LINKS#####################################*/


a.Bannerlink:link  {text-decoration: none; border: none;}
a.Bannerlink:visited  {text-decoration: none; border: none;}
a.Bannerlink:active  {text-decoration: none; border: none;}
a.Bannerlink:hover {text-decoration: none; border: none;}


.banner{

	border: none;


}

/* ###############################SOCIAL LINKS ####################################


a.Sociallink:link  {text-decoration: none; border: none;}
a.Sociallink:visited  {text-decoration: none; border: none;}
a.Sociallink:active  {text-decoration: none; border: none;}
a.Sociallink:hover {text-decoration: none; border: none;}




/* ###########################PHOTO STYLES ################################ */




.photocontent{

	width: 150px;
	float: left;


}


.photocontentthumb{




}


.photocontenttext{


	font-size:12px;


}



.photogallery{

	border: #17345c thin solid;


}


#backgalleries{

	text-align: right;
	height: 40px;
	margin-right: 50px;


}



/* ###########################Videos STYLES ################################ */




#videoholder{
	padding-top: 10px;
	text-align: center;
	padding-bottom: 10px;
}


#videodescription{
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;

}


#othervideosbox{

	width: 90%;


}



/* #############################COMMENTS########################### */


#commentsholder{

	width:90%;


}





/* ##############FORMSTUFF ######################*/




.logincontainer{
	width: 520px;
    text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
}



.formleft{
	font-weight:bold;
	width:190px;
	float: left;
	text-align:right;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}



.formright{

	width:318px;
	float: left;
	text-align:left;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight:bold;

}

.formtitle{
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;	
	font-weight:bold;
	text-align:left;
		
}


.formbuttonholder{
	text-align:center;


}


.leftsidebutton{
	width:259px;
	float: left;
	text-align:left;
	
}


.rightsidebutton{

	width:259px;
	float: left;
	text-align:right;

}


.inputbox{
	
	width:200px;
	font-weight:bold;
	background:url(../images/inputbg.jpg) repeat-x;
	color: #17345c;
	border-top: #17345c thin solid;
	border-left: #17345c thin solid;
	border-right: #17345c thin solid;
	border-bottom: #17345c thin solid;
	
}

.inputboxsmall{

	width:70px;
	font-weight:bold;
	background:url(../images/inputbg.jpg) repeat-x;
	color: #17345c;
	border-top: #17345c thin solid;
	border-left: #17345c thin solid;
	border-right: #17345c thin solid;
	border-bottom: #17345c thin solid;




}


.textareainput{

	font-weight:bold;
	color: #17345c;
	border-top: #17345c thin solid;
	border-left: #17345c thin solid;
	border-right: #17345c thin solid;
	border-bottom: #17345c thin solid;
}


.inputboxpass{
	
	width:200px;
	font-weight:bold;
	background:url(../images/inputbg.jpg) repeat-x;
	color: #17345c;
	border-top: #17345c thin solid;
	border-left: #17345c thin solid;
	border-right: #17345c thin solid;
	border-bottom: #17345c thin solid;
}



/* ###########################BLOGS ################################# */


.blogcontent{

	padding-top: 10px;
	padding-bottom: 10px;

}


.tagstitle{
	font-weight:bold;

}


.blogsdate{
	font-size:14px;
	font-weight: bold;
	
}



a.bloglink:link {text-decoration: none; color: #17345c;  font-weight:bold; font-size:14px;}
a.bloglink:visited {text-decoration: none; color: #17345c; font-weight:bold; font-size:14px;}
a.bloglink:active {text-decoration: none; color: #17345c; font-weight:bold; font-size:14px;}
a.bloglink:hover {text-decoration: none; color: #000000; font-weight:bold; font-size:14px;}



.taglinks{
	
	margin-top: -16px;
	
}

.blogcategory{

	font-size:14px;
	font-weight: bold;

}


#bloggerdetailsbox{
	width: 300px;
	padding-left: 26px;
	padding-right: 6px;

}




#blogleft{
	width:120px;
 	float: left;

}



#blogright{
	width:170px;
	float: left;
	padding-left: 6px;

}



.blogtitle{

	font-weight: bold;
	font-size:12px;
	padding-top: 10px;
}




.blogemail{
	font-size: 12px;
	font-weight: bold;

}


.blogname{
	font-weight: bold;
	
}




.blogdescription{
	font-size:12px;
	padding-bottom: 20px;

}


.blogrightbox{

	width: 300px;
	padding-left: 6px;
	padding-right: 6px;


}


.searchbox{
	
	width: 310px;
	padding-left: 26px;
	padding-right: 6px;
	
}



.blogsubmenu{




}



.menuboxblog1{




}



.menuboxblog2{




}


.blogentries{
	padding-left:10px;
	text-align: right;


}


/* ####################POLL STYLES######################## */

.pollanswer{
	margin-left: 20px;
	padding-bottom: 10px;
	
	
}


.polltitle{


	padding:4px;
	font-weight: bold;
	

}


.pollsubmit{
	
	margin-left: 20px;
	
}



/* ############SEND TO A FRIEND ################### */


.sendemailcontainer{
	width: 100%;
	height: 100%;
    	text-align:center;
	background-color:#17345c;
	
}



/* ###################COMMENTS ###################*/



#postcommentsbox{
	margin-top: 10px;
	border-top: # CCC thin solid;
	width: 100%;

}


#commentsheader{

	border-top: # CCC thin solid;
	font-size:16px;
	color:#333333;
	font-weight:bold;
	background-image:url(../images/commentbg.jpg);
	background-repeat:repeat;
	height: 24px;
	border-left: #CCC thin solid;
	border-right: #CCC thin solid;
	padding-top: 4px;
}


.commenttitle{

	color:#000000;
	font-size: 11px;
	background-color:#e9eaec;
	padding: 4px;
	border-left: #CCC thin solid;
	border-right: #CCC thin solid;


}


.charactersleft{

}



.commenttitlecenter{

	padding: 4px;


}


#commentbox{


}

.commenttitletotal{

	font-weight: bold;
	font-size: 16px;

}


.commentssmall{

	font-weight: bold;
	font-size: 12px;




}

.commentbox2{

	background-color:#e9eaec;
	font-size:11px;
	color:#333333;
	text-align:left;
	padding: 4px;
	border-bottom:#ddd solid thin;
	border-left:#ddd solid thin;
	border-right:#ddd solid thin;
}



.commentbox1{

	background-color:#FFFFFF;
	font-size:11px;
	color:#333333;
	text-align:left;
	padding: 4px;
	border-left:#ddd solid thin;
	border-right:#ddd solid thin;
	border-bottom:#ddd solid thin;

}




.commentsuser{

	padding: 4px;
	font-weight: bold;
	font-size: 12px;




}
.usercomments{
	padding: 4px;
	font-size: 12px;




}


.postedcomments{

	font-weight: bold;
	font-size: 12px;
	padding: 4px;
	text-align:right;



}




/* ################################SHARED ITEMS ####################################### */


A:link {text-decoration: none; color: #17345c;}
A:visited {text-decoration: none; color: #17345c;}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #17345c; }


P{

	margin: 0px;
	padding: 0px;


}


H1{
	font-size:22px;
	color:#17345c;
	font-weight:bold;
	margin-top: 10px;
	padding: 0;
}

H2{

	font-size:18px;
	color:#17345c;
	font-weight:bold;
	padding: 0;
}

H3{
	
	font-size:16px;
	color:#17345c;
	font-weight:bold;
	padding: 0;
	margin: 0px;
}


H4{
	
	font-size:20px;
	color:#17345c;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
}


H5{
	
	font-size:8px;
	color:#17345c;
	font-weight:bold;
}


H6{
	
	font-size:6px;
	color:#17345c;
	font-weight:bold;
}

A:link {text-decoration: none; color: #5d778e;}
A:visited {text-decoration: none; color: #5d778e;}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #5d778e; }

#htmlcontent{

	margin: 0px;
	padding-top: 6px;
	padding-bottom: 10px;

}






.infobox{
	
	width:400px;
	border: #990000 thin solid;
	color: #FFFFFF;
	fonr-weight: bold;
	font-size: 16px;
	background-color:#ff9999;
	padding:6px;
	text-align: center;
}






#homebar{
	height: 10px;
	color: #000;

}


.image{
	
	border: #FFFFFF thin solid;

}


.centeritems{

	text-align: center;
}




/*########CLEAR############*/


 .clear{
	clear:both;
}













