@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MUSIC : 	Jessie James Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jessie_music.css
	Date:			Aug 4, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav {
		background:url(../../images/nav_current.png) 245px 1px no-repeat;
	}
	#nav li.navMusic a {
		background-position:-209px -40px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	.header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol {
		width:610px;
		float:left;
	}
	#altCol {
		float:right;
	}
	.header {
		padding:0 10px;	
	}
		.header h1 {
			width:420px; height:30px;
			float:left;	
		}
		.header a.btn_backToMusic {
			width:77px; height:9px;
			margin:10px 0 0 0;
			background:url(../../images/btn_backToMusic.png) 0 0 no-repeat;
			float:right;
			display:block;
		}
			.header a.btn_backToMusic:hover {
				background-position:0 -9px;
			}
		.header a.more {
			width:62px; height:15px;
			margin:7px 0 0 0;
			background:url(../../images/btn_readmore.png) 0 0 no-repeat;
			display:block;
			float:right;
		}
			.header a.more:hover {
				background-position:0 -20px;	
			}
		.header a.view {
			width:62px; height:15px;
			margin:7px 0 0 0;
			background:url(../../images/btn_viewmore.png) 0 0 no-repeat;
			display:block;
			float:right;
		}
			.header a.view:hover {
				background-position:0 -21px;	
			}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#music Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#music {
		margin:10px 0 0 25px;
	}
		#music h1 {
			background: url(../../images/h1_music.png) 0 0 no-repeat;
		}
		#music .content {
			padding:0 15px 15px 15px;
			border:1px dashed #002531;
			background:url(../../images/bg_checker.gif) repeat;
		}
			#music .content .container {
				padding:25px 0 20px 0; margin:0 0 20px 0;
				border-bottom:1px dashed #002531;
			}
			#music .content .pagination {
				width:400px; height:20px;
				padding:15px 0 0 0;
				clear:both;
			}
				#music .content .pagination .album {
					float:left;
					font-size:11px; color:#75868a;
				}
				#music .content .pagination .btnHolder {
					padding:2px 0 0 20px;
					width:90px;
					float:left;
				}
					#music .content .pagination .btnHolder a.btn_prev {
						width:31px; height:9px;
						margin:2px 0 0;
						background:transparent url(../../images/btn_prev.png) no-repeat scroll 0 0;
						display:block;
						float:left;
					}
						#music .content .pagination .btnHolder a.btn_prev:hover {
							background-position:0 -9px;
						}
					#music .content .pagination .btnHolder a.btn_next {
						width:31px;	height:9px;
						background:transparent url(../../images/btn_next.png) no-repeat scroll 0 0;
						display:block;
						float:right;
					}
						#music .content .pagination .btnHolder a.btn_next:hover {
							background-position:0 -9px;
						}
			#music .content .bottom {
				padding:15px 0 0 0;
			}
				#music .content .container .albumHolder .buy {
					width:127px;
					padding:20px 0 0 0;
				}
					#music .content .container .albumHolder .buy .buyText {
						display:block;
					}
					#music .content .container .albumHolder .buy a {
							font:normal 10px Arial, Helvetica, sans-serif; color:#69b2cb;
							background:none;
					}
					#music .content .container .albumHolder .buy ul {
						float:right;
					}
						#music .content .container .albumHolder .buy ul li {
							padding:0 20px 0 0;
							float:right;
							text-align:center;
						}
			#music .content .last {
				border:0;
			}
			#music .content h2 {
				font:normal 17px Arial, Helvetica, sans-serif;
				color:#03beeb;
			}
			#music .content h3 {
				margin:13px 0 10px 0;
				font:bold 14px Arial, Helvetica, sans-serif;
				color:#717e81;
			}
			
			#music .content .lyrics {
				padding:20px 0 0 0;
			}
			#music .content h4 {
				font:normal 14px Arial, Helvetica, sans-serif;
				color:#717E81;
			}
			#music .content .container .albumHolder {
				width:124px;
				float:left;
			}
				#music .content .container .albumHolder .cover img {
					border:2px solid #b7ddea;
					padding:1px;
					background:#000;
					display:block;
				}
			#music .content .container .trackHolder {
				width:375px;
				padding:0;
				float:right;
			}
				#music .content .container .trackHolder h2 a:hover {
					background:none;
					color:#03beeb;
				}
				#music .content .container .trackHolder #mediaPlayer {
					width:235px; height:123px;
					margin:0 0 15px 0;
				}
				#music .content .container .trackHolder .stores {
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#546063;
				}
				#music .content .container .trackHolder ol {
					font:13px Arial, Helvetica, sans-serif; color:#717e81;
				}
					#music .content .container .trackHolder ol li {
						margin:0 0 3px 0;
					}

/*	--------------------------------------------------------------------------------------------------------------------------
	Music Single Styles - Echo Spin
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#music  h1#shoppingCart {
		width:125px; height:26px;
		margin:20px 0 0 0;
		background:url(../../images/h1_shoppingCart.png) no-repeat;
	}
		#music .echospinCart {
			margin:10px 0 0 0;
		}
			#music .echospinCart .header, #music .echospinCart .subtotal {
				height:20px;
				margin:0; padding:5px 0 0 10px;
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				color:#03beeb;
				clear:both;
			}
			#music .echospinCart .default {
				height:20px;
				margin:0; padding:5px 0 0 10px;
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#717e81;
				clear:both;
			}
				#music .echospinCart .type {
					
				}
				#music .echospinCart .title {
					width:350px;
					float:left;
				}
				#music .echospinCart .quantity {
					width:80px;
					float:left;
				}
				#music .echospinCart .price {
					width:50px;
					float:right;
				}