@charset "utf-8";
/*	-------------------------------------------------------------
	CSS -  MOBILE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		madcon_mobile.css
	Date:			April 21, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	Active Nav Button Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#nav ul li.navMobile a {					
		background-position: -569px -10px;	
	}		


/*	--------------------------------------------------------------------------------------------------------------------------
	Mobile BLock Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#mobileBlock {
		margin: 10px 0 0 0;
		width: 591px;
		background:url(../../images/contentBG.png) top left repeat-y;
	}
	#mobileBottom {
		padding:0 0 21px 0;
		background:url(../../images/contentBottomBG.png) bottom left no-repeat;
	}
		#mobileBlock .header {
			padding: 6px 8px 0 22px;
			height: 19px;
			background: url(../../images/recentnewsBG.gif) top left no-repeat;
		}
			#mobileBlock .header h2 {
				width: 73px; height: 15px;
				background: url(../../images/h2_mobile.png) top left no-repeat;
			}
		
		/* Ringtones */
		#mobileBlock .headers {
			margin:21px 0 0 26px;
			width:539px; height:32px;
		}
			#mobileBlock .headers .title {
				margin:0 10px 0 0;
				width:218px; height:32px;
				float:left;
				display:inline;
				background:url(../../images/h3_title.png) top left no-repeat;
			}
			#mobileBlock .headers .album {
				margin:0 10px 0 0;
				width:200px; height:32px;
				float:left;
				display:inline;
				background:url(../../images/h3_album.png) top left no-repeat;
			}
			#mobileBlock .headers .buy {
				width:101px; height:32px;
				float:left;
				background:url(../../images/h3_buy.png) top left no-repeat;
			}
			/* Entry */
			#mobileBlock .entry {
				margin:0 0 0 26px;
			}
				#mobileBlock .entry .title {
					margin:0 10px 0 0;
					width:218px; height:18px;
					float:left;
					display:inline;
					overflow:hidden;
					font:bold 15px Georgia, "Times New Roman", Times, serif;
					color:#472418;
				}
				#mobileBlock .entry .album {
					margin:0 10px 0 0;
					width:200px; height:16px;
					float:left;
					display:inline;
					overflow:hidden;
					font:normal 13px Georgia, "Times New Roman", Times, serif;
					color:#472418;
				}
				#mobileBlock .entry .buy {
					width:101px; height:33px;
					float:left;
				}
					#mobileBlock .entry .buy a.btnBuyRingtone {
						width:101px; height:23px;
						display:block;
						background:url(../../images/btn_buyRingtone.png) top left no-repeat;
					}
						#mobileBlock .entry .buy a.btnBuyRingtone:hover {
							background-position:bottom;
						}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	Members Online Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#membersOnline{
		padding: 0; margin: 10px 0 0 0;
		width: 321px;
		float: right;
		background:url(../../images/sb_membersOnlineBG.png) top left repeat-y;
	}
	#membersOnline #membersOnlineBottom {
		padding: 0 0 21px 0;
		background:url(../../images/sb_membersOnlineBottomBG.png) bottom no-repeat;
	}
		#membersOnline .header {
			padding: 6px 8px 0 22px;
			height: 19px;
			background: url(../../images/sb_membersOnlineHeaderBG.png) top left no-repeat;
		}
			#membersOnline .header h2 {
				background: url(../../images/h2_membersOnline.png) top left no-repeat;
				height: 15px; width: 217px;
				float: left;
			}
			#membersOnline .header a.btnViewAll {
				margin: 4px 0 0 0;
				width: 51px; height: 7px;
				float: right;
				background: url(../../images/btn_viewall.gif) top left no-repeat;
			}
				#membersOnline .header a.btnViewAll:hover{ 
					background-position: bottom left;
				}
		
		/* Entry */
		#membersOnlineBottom .entries {
			padding:17px 0 29px 19px;
		}
			#membersOnlineBottom .entries .member {
				margin:0 29px 0 0;
				width:71px; height:79px;
				float:left;
				text-align:center;
				overflow:hidden;
			}
				#membersOnlineBottom .entries .member a {
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#253067;
					text-decoration:none;
				}
					#membersOnlineBottom .entries .member a:hover {
						color:#f14719;
					}