@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
}

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}

body {
background-image:url(images/backbg.jpg);
background-repeat:no-repeat;
background-position:center top;
background-color: #000
}


a:link {
	color: #FFF;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
}
a:visited {
	color: #FFF;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
}
a:hover {
	color: #FFF;
	text-decoration: underline;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
}
a:active {
	color: #FFF;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
}
#outerrapper{
	margin:0px auto;
	width:846px;
}
div#wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:846px;
	text-align:center;
	background-color:#000;
	float:left;
	border-left:#666 solid 1px;
	border-right:#666 solid 1px;
	border-bottom:#666 solid 1px;
	margin-bottom:10px;
}

img {border:none;}

#middlebg {
	background:#000;
	position:relative;
	clear:both;
	width:100%;
	float:left;
}

#topbg {
	background-image:url(images/topbackbg.png);
	height:134px;
	clear:both;
}

.left {
	float:left;

}

.right {
	float:right;
	padding-right:12px;
}

.left2 {
	float:left;
	padding-left:12px;
}
#topnav {
	width:500px;
	float:right;
	padding-top:22px;
}

#topnav li {display:inline;}

#topnavbt {
	background-image:url(images/topbtbg.png);
	width:464px;
	height:54px;
	float:right;
	text-align:center;
}

#topgraphic {
	background-image:url(images/topgraphic.png);
	width:578px;
	height:auto;
	float:left;
	margin-left:13px;
	position:relative;
	top:10px;
	background-repeat:no-repeat;
	}
#righttop {
	background-image:url(images/catbg.jpg);
	background-repeat:repeat-x;
	width:235px;
	float:right;
	text-align:center;
	margin-right:13px;
	margin-top:11px;
	clear:left;
	z-index:0;
}
	
.topimage {
	margin-top:22px;
}

#leftmid {
	background-image:url(images/whatshot.png);
	height:355px;
	float:left;
	clear:both;
	position:relative;
	margin-right:36px;
	margin-left:13px;
	width:203px;
}

#artistdiv {
	width:203px;
	position:relative;
	margin-top:40px;
	text-align:center;
}

#middlenews {
	background-image:url(images/newsbg.png);
	position:relative;
	width:400px;
	height:355px;
	float:left;
	text-align:center;
	
	
}

#newsdiv {
	position:relative;
	margin-top:50px;
	text-align:center;
	
}

#newsdiv2 {
	position:relative;
	text-align:center;
	height:300px;
	overflow:auto;
	
}

#rightsidead {
	background-image:url(images/hottracks.png);
	background-repeat:no-repeat;
	width:203px;
	float:right;
	text-align:center;
	position:relative;
	margin-right:13px;
	height:auto;

}

#addiv {
	position:relative;
	text-align:center;
	margin:0px auto;
	padding-top:51px;
	margin-bottom:5px;

}

#footer {
	background-image:url(images/footer.png);
	background-position:center;
	background-repeat:no-repeat;
	height:166px;
	position:relative;
	clear:both;
	background-color:#000;
}

#footernavdiv {


	height:20px;
	padding-top:80px;

}

#footer a:link{
    text-align:center;
	word-spacing:15px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	
	
}
#footer a:visited{
	    text-align:center;
	word-spacing:15px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	}
#footer a:hover{
	text-align:center;
	word-spacing:15px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;}
#footer a:active{    text-align:center;
	word-spacing:15px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;}
	
.news p {
    color:#CCC;
	line-height:18pt;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}

.newshead {
    color:#ff9000;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
	width:auto;
}

.newsdate {
     color:#ff9000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:right;
	padding-right:11px;
    font-weight:bold;
	width:auto;
}

#artistbanner {
	margin-top:10px;
}

/* This is were the whats hot section needs to be edidted */

.artist1 {
	background-image:url(images/artistbg1.png);
	background-repeat:no-repeat;
	width:193px;
	height:64px;
	margin: 0px auto;
	text-align:right;

}

.artist2 {
	background-image:url(images/artistbg2.png);
	background-repeat:no-repeat;
	width:193px;
	height:64px;
	margin: 0px auto;
	text-align:right;
}

.artistname {
	color: #FFF;
	font-family:"Arial";
	font-size:12px;
    text-align:center;
	font-weight:bold;
	padding-top:5px;
	
	}
	
.artistsong {
	color: #FFA215;
	font-family:"Arial";
	font-size:10px;
	text-align:center;
	font-weight:bold;


	
	}

.artistpic {
	float:left;
	text-align:left;
	padding-left:5px;
	padding-top:5px;
	
}

.view {
	margin-top:5px;
	text-align:center;
	
}

#copyright {
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding-top:63px;
	text-transform:uppercase;

  }
  
    
 #righttopsub {
	background-image: url(images/subright.png);
	background-repeat:no-repeat;
	width:205px;
	height:216px;
	float:right;
	text-align:center;
	margin-right:13px;
	margin-top:2px;
 }
 
 #subpagebgcontent {
	background-image:url(images/topgraphic.png);
	background-repeat:no-repeat;
	width:524px;
	height:auto;
	float:left;
	margin-left:13px;
	overflow:visible;
	}

.ClearMe {clear:both; height:0px;}

.click {
	position:relative;
   text-align:center;
   top:38px;
   
}

#bankbg {
   width:523px;
   height:500px;
   background-image:url(images/binkbiobg.png);
   background-repeat:no-repeat;
   position:relative;
   margin-top:1px;
}

#banktext {
	position:relative;
	margin-left:5px;
	margin-top:100px;
   width:275px;
   height:325px;
   overflow:auto;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10pt;
   line-height:16pt;
   color:#CCC;
   text-align:left;
   float:left;
   padding:3px;
   
}

.bankh1 {
	width:275px;
	float:left;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F60;
	font-weight:bold;
	font-size:20px;
	top:60px;
	clear:both;
	position:relative;
}

#louibg {
   width:523px;
   height:500px;
   background-image: url(images/louibiobg.png);
   background-repeat:no-repeat;
   position:relative;
   margin-top:1px;
}

#louitext {
	position:relative;
	margin-left:5px;
	margin-top:100px;
   width:275px;
   height:400px;
   overflow:auto;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10pt;
   line-height:16pt;
   color:#CCC;
   text-align:left;
   float:left;
   padding:3px;
   
}

.louih1 {
	width:275px;
	float:left;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F60;
	font-weight:bold;
	font-size:20px;
	top:60px;
	clear:both;
	position:relative;
}

#lisabg {
   width:523px;
   height:500px;
   background-image: url(images/lisabiobg.png);
   background-repeat:no-repeat;
   position:relative;
   margin-top:1px;
}

#lisatext {
	position:relative;
	margin-left:5px;
	margin-top:100px;
   width:275px;
   height:400px;
   overflow:auto;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10pt;
   line-height:16pt;
   color:#CCC;
   text-align:left;
   float:left;
   padding:3px;
   
}

.lisah1 {
	width:275px;
	float:left;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F60;
	font-weight:bold;
	font-size:20px;
	top:60px;
	clear:both;
	position:relative;
}

#ishemabg {
   width:523px;
   height:500px;
   background-image: url(images/ishemabiobg.png);
   background-repeat:no-repeat;
   position:relative;
   margin-top:1px;
}

#ishematext {
	position:relative;
	margin-left:5px;
	margin-top:100px;
   width:275px;
   height:375px;
   overflow:auto;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10pt;
   line-height:16pt;
   color:#CCC;
   text-align:left;
   float:left;
   padding:3px;
   
}

.ishemah1 {
	width:275px;
	float:left;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F60;
	font-weight:bold;
	font-size:20px;
	top:60px;
	clear:both;
	position:relative;
}

#mobbbg {
   width:523px;
   height:500px;
   background-image: url(images/mobbbiobg.png);
   background-repeat:no-repeat;
   position:relative;
   margin-top:1px;
}

#mobbtext {
	position:relative;
	margin-left:5px;
	margin-top:100px;
   width:275px;
   height:375px;
   overflow:auto;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10pt;
   line-height:16pt;
   color:#CCC;
   text-align:left;
   float:left;
   padding:3px;
   
}

.mobbh1 {
	width:275px;
	float:left;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F60;
	font-weight:bold;
	font-size:20px;
	top:60px;
	clear:both;
	position:relative;
}

#midcontent {
	width:522px;
	padding:15px;
	text-align:left;
}

#myspacebutton {
	width:560px;
	height:103px;
	position:relative;
	float:left;
	text-align:left;
	margin-top:2px;
	margin-left:13px;
	
	}
	
.2pxspace {
	padding-right:5px;

}
	
#menubg {
	width:625px;
	background-repeat:no-repeat;
	position:relative;
	top: 0px;
	height:84px;
	overflow:hidden;
	margin-left:35px;




	}

#menubg ul, li {
    margin: 0;
    padding: 0;

}

#blob {
    position: absolute;
	background-image:url(images/blobbg.png);
	background-repeat:repeat-x;
    z-index: 1;
    top: 5px;
	height:84px;
-moz-border-radius: 4px;  
-webkit-border-radius: 4px;  
  
}

#nav {
    position: relative;
    float: left;
	height:84px;
	width:500px;
	right:90px;
}

#nav li {
    float: left;
    list-style: none;
	margin-right:15px;

   
}

#nav li a {
    color: #333;
    z-index: 2;
    position: relative;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-family: arial, sans-serif;
	font-weight:600;
    text-decoration: none;
     padding: 20px 0px;
    width:100%;

	
	


}

#nav li a:hover {
	color: #fff;
	z-index: 2;
	position: relative;
	cursor: pointer;
	float: right;
	font-size: 13px;
	font-family: arial, sans-serif;
	text-decoration: none;
	padding: 20px 0px;
	width: 100%;

	



}

	#container{
	margin:0 auto;
	text-align:left;
	width:578px;
	height:201px;
	margin-bottom:1em;
	margin-top:2em;
		}	
			
	#content{
	position:relative;
	width:578px;
	height:201px;
	top:-23px;
	overflow:hidden;
	
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:578px;
		height:201px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:20px;
		height:22px;
		position:relative;
		left:0px;
		top:0px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:46px;
		position:relative;
		top:-37px;
		}														
 #nextBtn a, {	display:block;
		position:relative;
		width:20px;
		height:22px;
		background:url(../images/ui-btns.png) no-repeat -85px 0px;}
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:20px;
		height:22px;
		background:url(../images/ui-btns.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/ui-btns.png) no-repeat;
		background-position: -43px 0px;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
.postbg {
	width:563px;
	height:auto;
	background-color:#161616;
	border:1px solid #333;
	margin-left:0px;
	text-align:left;
	margin-bottom:10px;
}
.postimg {width:144px; height:144px; margin:20px 10px 20px 10px; float:left; background-color:#333; border:1px solid #666;}
.post-txt {float:right; width:390px; line-height:22px; padding-top:5px; }
.title {float:right; width:390px; color:#FFA215; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:18px;}
.date {float:right; width:390px; color:#FFA215; font-family:Arial, Helvetica, sans-serif; font-size:12px; }


#newsticker-demo { 
width:310px; 
background:#EAF4F5; 
padding:5px 5px 0; 
font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
margin:20px auto;
}

#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.newsticker-jcarousellite {
	margin-left:22px;
	width:578px;
	position:relative;
}
.newsticker-jcarousellite ul { list-style:none; margin-left:-40px;}

.newsticker-jcarousellite ul li{
	list-style:none;
	display:block;
	padding-bottom:1px;
	margin-bottom:5px;


}
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:right; width:190px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }

#leftcol { width:578px; float:left;}

#midcontent p { line-height:20px; word-spacing:2px;}
#midcontent h1 { font-family:Arial, Helvetica, sans-serif;}

.artistdiv {
	width:150px;
	height:auto;
	float:left;
	margin-right:40px;
}
.artistdivnomar {width:150px; height:200px; float:left; }
#midcontentart {
    width:548px;
	padding:15px;
	text-align:left;
	
}

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .90;
	z-index: 99;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background-color:#CACACA;
	border:1px solid #ccc;
	padding: 15px;
	float: left;
	font-size: 1.2em;
	position: absolute;
	top: 300px; left: 52%;
	margin-top:100px;
	z-index: 99999;
		 	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	font-size:16px;
	margin-bottom:15px;
	
	/*--CSS3 Box Shadows--*/

}

#flash {

  z-index: 0;
} 

#news {float: left; margin-left:-25px; list-style:none;}
#news ul {float: left; list-style:none;}