/*----------------------------------------
posAbsolute CSS framework : http://www.position-absolute.com
Based on the nice Elements CSS Framework

Name: global.css
Developed by: Matt Ladner
----------------------------------------*/

/* Elements
----------------------------------------*/
body{
	background: #000000 url(../images/background/bkg.jpg) top center no-repeat;
}

body, p, td, th, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
}

#printLogo{display:none;}

p{margin: 0 0 10px 0;}


/*--- Basic Link Styles ---*/
a{color:#328bee; text-decoration:none;}
	a:hover{color:#66abf9;}
	
/*--- Kill those outlines ---*/
img {border:0;}
	
/*--- CSS3 Styles ---*/
.basicBoxShadow{
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
}
.RoundedCorder{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


/*--- Basic Title Styles ---*/
h1,h2,h3,h4,h5,h6,h7{
	margin:5px 0 10px 0;
	font-size:17px;
}
	h1{font-size:16px; text-transform:uppercase; color:#66ABF9; font-weight:bold;}
	h2{font-size:16px; text-transform:uppercase;}
	h3{font-size:15px; text-transform:uppercase; color:#66ABF9; font-weight:bold;}
	h4{font-size:14px; text-transform:uppercase;}
	h5{font-size:13px;}
	h6{font-size:12px;}
	h7{font-size:12px; text-transform:uppercase; color:#66ABF9; font-weight:bold;}
	
	ul{margin-left:25px; list-style-type:none;}
	ol{margin-left:25px;}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em			{font-style:italic;}


/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.clear 		{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

/* List Definitions
----------------------------------------*/
ul.normal {
	list-style-type:disc;
	margin-bottom:10px;
}

ul.advanced{
	margin:0 10px 0 12px;
}
	ul.advanced li{
		display:block;
		padding: 0 0 0 17px;
		background: url(../images/background/bg_list.gif) left 4px no-repeat;
	}
		
	
/* Header
----------------------------------------*/

#mainContainer{ 
	width:960px;
	margin: 0 auto;
	color:#FFFFFF;
}

#header{
	margin:0 0 0 0;
	padding:0 0 0 0;
	
}
	#header #topSection{
		margin:0 0 20px 0;
		padding:0 0 0 0;
	}
	
	#topSection{
		width: 950px;
		height: 70px;
	}

	.logo{
		float: left;
		margin: 8px 0;
		padding: 0;
	}
	
	.logo a{
		width: 290px;
		display: block;
		height: 70px;
		overflow: hidden;
		text-indent: -1000px;
		background: url(../images/elementsImages/logo.png) top left no-repeat;
		}	
	
	
	
/* Drop Menus 
----------------------------------------*/

.drop-menu, .drop-menu * {
	z-index: 999;
	margin:			0;
	padding:		0;
	list-style:		none;
}
.drop-menu {
	line-height:	1.0;
}
.drop-menu ul {
	position:		absolute;
	top:			-999em;
	width:			11em; 
}
.drop-menu ul li {
	width:			100%;
}
.drop-menu li:hover {
	visibility:		inherit;
}
.drop-menu li {
	float:			left;
	position:		relative;
}
.drop-menu a {
	display:		block;
	position:		relative;
}
.drop-menu li:hover ul,
.drop-menu li.sfHover ul {
	left:			0;
	top:			2.5em; 
	z-index:		999;
}
ul.drop-menu li:hover li ul,
ul.drop-menu li.sfHover li ul {
	top:			-999em;
}
ul.drop-menu li li:hover ul,
ul.drop-menu li li.sfHover ul {
	left:			15.8em; 	/*  TOP MENU SUB CONTAINER PLACEMENT   */
	top:			0;
}
ul.drop-menu li li:hover li ul,
ul.drop-menu li li.sfHover li ul {
	top:			-999em;
}
ul.drop-menu li li li:hover ul,
ul.drop-menu li li li.sfHover ul {
	left:			10em;
	top:			0;
}







/*** DEMO SKIN ***/
.drop-menu {
		width: 420px;
		float: right;
		font-size: 16px;
		margin-top: 20px;
		padding-left: 26px;
		font-weight: bold;
		background-color: #1f1f1f;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
}
.drop-menu a {
	padding: 10px;
	text-decoration:none;
}
.drop-menu a, .drop-menu a:visited  { 
	color:			#FFFFFF;
}

.drop-menu li {
	background:		#1f1f1f;
	padding: 2px 10px;
}
.drop-menu li li {
	background:		#1f1f1f;
	font-size: 10.2px;
	padding: 2px;
	border-bottom: 1px solid #232323;
}
.drop-menu li li li {
	background:		#1f1f1f;
	padding: 2px;
	border-bottom: 1px solid #232323;
}
.drop-menu li:hover, .drop-menu li.sfHover,
.drop-menu a:focus, .drop-menu a:hover, .drop-menu a:active {
	background:		#232323;
	outline:		0;
}

.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}







	
/* Show Promos 
----------------------------------------*/

	#BigPromos{
		z-index: 990;
		width: 949px;
		height: 306px;
		margin: 0;
		padding: 0;
		position: relative;

	}
	
	div#PromoCycle {
		width: 949px;
		height: 306px;
		overflow: hidden;
	}
	
	#ListenNow{
	z-index: 991;
	position: absolute;
	top:30px;
	left: 30px;
	width: 270px;
	height: 248px;
	background: url(../images/elementsImages/listen.png) top center no-repeat;
	}
	
	#listen{	
		padding: 18px;
		color: #000000;
 	}
	
	.playnow a{
		display: block;
		overflow: hidden;
		width: 170px;
		height: 24px;
		text-indent: -1000px;
		background: url(../images/elementsImages/listen_now.png) no-repeat left top;	
	}
	.hr{
		width: 219px;
		height: 2px;
		margin: 19px 0 9px 0;
		background: url(../images/elementsImages/hr.gif) no-repeat left top;
	}
	.artist{
	font-size: 18px;
	line-height: 36px;
	}
	
#listennow td{
	vertical-align:middle;
}
	

	/* NAVIGATION MENUS
	TOP Nav children of Header
	----------------------------------------*/
	ul#nav{
		margin: 0 0 0 -15px; 
		width: 970px;
		padding-left:10px;
		background: #091e7c url(../images/background/nav.png) repeat-x top left;
		font-size: 18px;
		font-weight: bold;
		height: 52px;
		text-shadow: 0px 1px 0px #2f4cca;
		z-index: 998;
		}
		ul#nav li {
			float:left; 
			list-style-type:none; 
			margin:0px;
			width: 135px;
			line-height: 52px;
			text-align: center;
		}
		
		ul#nav li a{
			color: #cccccc;
			text-decoration: none;
			display: block;
			padding: 0 20px;
			height: 52px;
		}
		
		ul#nav li a:hover{
			color: #FFFFFF;
		}


		
/* Main Content
----------------------------------------*/
#mainContent{
	margin-top: 15px;	
	text-shadow: 0px 2px 1px #000000;
}

	/* #leftCol children of Main Content
	----------------------------------------*/
		#mainContent #leftCol{
			background: #1f1f1f;
			float:left;
			width:206px;
			padding: 20px 32px;
			margin-right: 10px;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;  
		}
		
		.big-link a{
			color: #244dff;
			font-size: 1.75em;
			font-weight: bold;
			text-decoration: none;
			white-space: nowrap; 
		}
		
		.left-wrapper{
		height: 550px;
		}


	/* #contentSection children of Main Content
	----------------------------------------*/
		#mainContent #contentSection{ 
			background: #1f1f1f;
			float:left;
			width:286px;
			padding: 20px 32px;
			margin-right: 10px;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
		}
		
	/* #contentSection children of Main Content
	----------------------------------------*/
		#mainContent #contentSection-int{ 
			background: #1f1f1f;
			float:left;
			width:604px;
			padding: 20px 32px;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
		}



	/* #rightCol children of Main Content
	----------------------------------------*/
		#mainContent #rightCol{ 
			background: #1f1f1f;
			float:left;
			padding: 20px 32px;
			width:246px;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
		}
		
		.tagboard {height: 600px;width: 100%;border: 0px solid #CCCCCC;}
		
		
		
		/* #phorumCol children of Main Content
	----------------------------------------*/
		#mainContent #phorumCol{
			background: #1f1f1f;
			float:left;
			width:948px;
			padding: 20px 32px;
			margin-right: 10px;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;  
		}
		
		.big-link a{
			color: #244dff;
			font-size: 1.75em;
			font-weight: bold;
			text-decoration: none;
			white-space: nowrap; 
		}
		
		.left-wrapper{
		height: 550px;
		}








/* Admin Content
----------------------------------------*/
#adminContent{
	margin-top: 15px;	
	text-shadow: 0px 2px 1px #000000;
}

	/* #leftCol children of Main Content
	----------------------------------------*/
		#adminContent #leftCol{
			background: #1f1f1f;
			float:left;
			width:890px;
			padding: 10px 32px;
			margin-right: 10px;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;  
		}
		
		.big-link a{
			color: #244dff;
			font-size: 1.75em;
			font-weight: bold;
			text-decoration: none;
			white-space: nowrap; 
		}
		
		.left-wrapper{
		height: 550px;
		}


	/* #contentSection children of Main Content
	----------------------------------------*/
		#adminContent #contentSection{ 
			background: #1f1f1f;
			float: left;
			width:140px;
			padding: 10px 5px;
			margin-right: 5px;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
		}
		
	/* #contentSection children of Main Content
	----------------------------------------*/
		#adminContent #contentSection-int{ 
			background: #1f1f1f;
			float: right;
			width:710px;
			padding: 20px 5px;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
		}



	
		
		




















/* Footer
----------------------------------------*/
#footer{
	background:#1f1f1f;
	margin:20px 0 20px 0px;
	padding: 18px;
	height:15px;
	width: 915px;
	border-radius: 6px;
	line-height: 15px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

	#footer p {
		font-size:10px;
	}

.menu-stream {
	line-height:16px;
}


/* Clearfix
When using a display block container and having floated div inside
add this class to the container to have it wrap floated children
----------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block;}

* html .clearfix {height: 1%;}



.divide{ 
		margin: 20px 0;
		border-bottom: 1px solid #232323;
		border-top: 1px solid #313131;
		height: 0px; 
		overflow: hidden;
		}