@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - CHRISETTE MICHELE MOBILE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		cm_mobile.css
	Date:			April 22, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	navBar active state Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#navBar a.navMobile {
		background-position: -801px -45px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mobile .header {
		padding:16px 0 0 15px;
		width:601px; height:25px;
		background:url(../../images/header616.png) top center no-repeat;
	}
		#mobile .header h1#h1_mobileGetRingtones {
			width:152px; height:16px;
			background:url(../../images/h1_mobileGetRingtones.png) top center no-repeat;
		}
	#mobile ul {
		width:614px;
		margin:0 0 -2000px 0; padding:0 0 2000px 0;
		border:solid 1px #49655d; border-bottom:solid 1px #556f67;
		background:#556f67 url(../../images/bg_mainCol.jpg) top center repeat-x;
		list-style:none;
	}
		#mobile ul li {
			padding:11px 0 11px 45px;
			border-bottom:solid 1px #516a63;
		}
			#mobile ul li a.album {
				width:57px; height:64px;
				margin:0 25px 0 0; padding:6px 0 0 7px;
				display:block;
				float:left;
				background:url(../../images/mobile_albumBG.png) 0 0 no-repeat;
			}
			#mobile ul li .post {
				width:346px;
				padding:10px 0 0 0;
				float:left;
				font:normal 11px Verdana, Arial, Helvetica, sans-serif;
				color:#c2eae3;
			}
				#mobile .post h2 {
					margin:2px 0;
					font:normal 14px Verdana, Arial, Helvetica, sans-serif;
					color:#62d9a9;
				}
					#mobile .post h2 a:link, #mobile .post h2 a:active, #mobile .post h2 a:visited {
						color:#62d9a9;
						text-decoration:none;
					}
						#mobile .post h2 a:hover {
							color:#fff;
						}
				#mobile a.btn_buyRingtone:link, #mobile a.btn_buyRingtone:active, #mobile a.btn_buyRingtone:visited {
					width:90px; height:24px;
					margin:18px 0 0 0;
					display:block;
					float:left;
					background:url(../../images/btn_buyRingtone.png) 0 0 no-repeat;
				}
					#mobile a.btn_buyRingtone:hover {
						background-position:0 -24px;
					}