@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MOBILE : 	The Bravery Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		tb_mobile.css
	Date:			Sept 08, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav li.navMobile a {
		background-position:-492px -30px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#mobile Block Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mobile {
		width:460px;
	}
		#mobile .header {
			margin:0 0 27px 0;
			background:url(../../images/header_borderBottom.png) bottom left no-repeat;
		}
			#mobile .header h1 {
				width:142px; height:33px;
				padding:0 0 5px 0;
				background:url(../../images/h1_mobile.png) 0 0 no-repeat;
			}
			#mobile h2.h2_ringtone {
				width:63px; height:10px;
				background:url(../../images/h2_ringtone.png) 0 0 no-repeat;
			}
			#mobile h2.h2_buy {
				width:24px; height:10px;
				background:url(../../images/h2_buy.png) 0 0 no-repeat;
			}
			#mobile #ringtones {
				width:445px;
			}
				#mobile #ringtones th {
					height:18px;
					text-align:left;
				}
				#mobile #ringtones td {
					height:77px;
					vertical-align:middle;
				}
					#mobile #ringtones td.icon {

					}
						#mobile #ringtones td img {
							border:solid 3px #8a8678;
						}
					#mobile #ringtones td.ringtone {

					}
						#mobile #ringtones td.ringtone a {
							font:bold 14px Arial, Helvetica, sans-serif;
						}
						#mobile #ringtones td.ringtone .album {
							font:normal 11px Arial, Helvetica, sans-serif;
							display:block;
						}
					#mobile #ringtones td.buy {

					}
						#mobile #ringtones td.buy a.btn_buyNow {
							width:73px; height:21px;
							background:url(../../images/btn_buyNow.png) 0 0 no-repeat;
							display:block;
						}
							#mobile #ringtones td.buy a.btn_buyNow:hover {
								background-position:0 -21px;
							}
				#mobile #ringtones .iconCol {
					width:65px;
				}
				#mobile #ringtones .ringtoneCol {
					width:300px;
				}
				#mobile #ringtones .buyCol {
					width:80px;
				}