@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MOBILE : 	John Fogerty Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jf_mobile.css
	Date:			Aug 19, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	#navBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#navBar li.mobile a {
		background-position:-258px -16px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentSpace #mainCol .header {
		width:586px; height:37px;
		margin:15px 0 17px 0; padding:13px 0 0 0;
		background:url(../../images/bg_header.png) bottom left no-repeat;
	}
		#contentSpace #mainCol .header h2 {
			width:119px; height:25px;
			margin:0 0 0 23px;
			background:url(../../images/h2_mobile.png) 0 0 no-repeat;
		}
	#contentSpace #mainCol .content {
		width:535px;
		margin:0 auto 0 auto; padding:0 0 20px 0;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#mobile Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#mobile {
		width:527px;
		text-align:left;
	}
		#mobile tr.last td {
			border-bottom:none;
		}
		#mobile th {
			height:30px;
			background:url(../../images/dash.png) 0 bottom repeat-x;
			font:normal 13px Arial, Helvetica, sans-serif;
			color:#3a0b02;
		}
		#mobile td {
			padding:10px 0;
			background:url(../../images/dash.png) 0 bottom repeat-x;
			font:normal 11px Arial, Helvetica, sans-serif;
			vertical-align:middle;
		}
			#mobile td.ringtone {
				width:210px;
				font-size:12px;
				font-family:Georgia, "Times New Roman", Times, serif;
				color:#ee0000;
			}
			#mobile td.album {
				width:210px;
				color:#5e452d
			}
			#mobile td.buy {
				width:98px;
			}
				#mobile tbody tr td.buy {
				}
				#mobile tbody tr td.buy a {
					width:98; height:18px;
					background:transparent url(../../images/btn_buyRingtone.png) no-repeat scroll 0 0;
					display:block;
				}
					#mobile td.buy a:hover {
						background-position:0 -18px;
					}