@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MUSIC : 	BLACK JOE LEWIS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		bjl_music.css
	Date:			October 6, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Nav Active State Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header ul#navBar li.music a {
		background-position:-284px -36px;
	}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#music Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#music {
		
	}
		#music h2 {
			background-position:0 -222px;
		}
		#music .body .entries {
			padding:11px 0 0 0;
		}
			#music .body .entry {
				margin:0 5px 5px 0; padding:12px 0 0 0;
				width:168px;
				font-size:11px;
				display:inline; float:left; overflow:hidden;
				
			}
				#music .body .entry img {
					margin:0 auto;
					width:100px;
					display:block;
					border:none;
				}
				
				#music .body .entry .albumInfo {
					padding:4px 10px 0 10px;
					font-size:10px;
				}
					#music .body .entry .albumInfo h3 {
						margin:6px 0 5px 0;
						width:165px;
						text-transform:uppercase;
					}
						#music .body .entry .albumInfo h3 a {
							font-size:14px;
						}
					#music .body .entry .albumInfo a {
						font-weight:bold;
						font-size:11px;
					}
				#music .body .entry a.btnViewAlbum {
					margin:0 0 0 10px;
					font-size:10px;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	Jukebox Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#jukebox {
		width:351px;
		float:right;
	}
	#playerHolder {
		width:351px; height:121px;
		background:url(../../images/bg_mediaPlayer.png) 74px 2px no-repeat;
		outline:none;
	}
	object {
		outline:none;
	}
	#jukebox table {
		width:316px; height:186px;
		margin:0 0 0 8px;
		font:bold 11px Arial, Helvetica, sans-serif;
		color:#fff;
	}
		#jukebox table td {
			border-bottom:solid 1px #876b40;
			background:url(../../images/bg_juke.png) 0 0 repeat;
		}
			#jukebox table td.song {
				width:276px; 
				padding:1px 0 1px 10px;
			}
			#jukebox table td.buy {
				width:40px;
				padding:1px 4px 1px 0;
			}
	#jukebox a {
		width:47px; height:16px;
		background:url(../../images/btn_buyNowMediaPlayer.png) 0 0 no-repeat;
		display:block;
	}
		#jukebox a:hover {
			background-position:0 -16px;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	#album Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#album {
		padding:0 0 30px 0;
	}
		#album .title {
			padding:5px 0 9px 0;
		}
			#album .title h3 {
				margin:2px 0 0 0;
				font:normal 20px Arial, Helvetica, sans-serif;
				text-transform:uppercase;
			}
		#album .albumInfo {
			padding:15px 0 15px 0;
		}
			#album .albumInfo .cover {
				width:200px;
				float:left;
			}
			#album .albumInfo .info {
				width:250px;
				float:right; 
			}
				#album .albumInfo table col#statName, #album .albumInfo table .statName {
					width:92px;
					font-weight:bold;
					font-size:11px;
					line-height:16px;
				}
				#album .albumInfo table col#statValue, #album .albumInfo table .statValue {
					width:203px;
					text-align:left;
					font-size:12px;
					color:#420077;
				}
		/*	viewingBar Styles */	
		#music .body .viewingBar {
			margin:5px 0 5px 0; padding:0 8px 0 0;
			font:bold 11px Arial, Helvetica, sans-serif;
		}
			#music .body .viewingBar .viewing {
				width:445px;
				font-size:11px;
				text-align:center;
				float:left;
			}
			#music .body .viewingBar .prev, #music .body .viewingBar .next {
				color:#999;
			}
			#music .body .viewingBar .prev {
				float:left;
			}
				#music .body .viewingBar a.btnPrev {
					padding:0 0 0 9px;
				}
			#music .body .viewingBar .next {
				float:right;
			}
		/* blm table */
		#album .blm {
			position:relative;
		}
		#album table.BLM {
			margin:15px 0 0 0;
			top:0;
			position:relative;
		}
			#album table.blm-menugroup {
				padding:0 5px 5px 5px;
				font:normal 11px Arial, Helvetica, sans-serif;
				background:#dc2ca3;
			}
				#album table.blm-menugroup tr {
					height:25px;
				}
				#album table.BLM .first, #album table.BLM .third {
					top:15px !important;
					color:#fff;
				}
				#album table.BLM .first {
					left:180px !important;
				}
				#album table.BLM .third {
					left:73px !important;
				}
				#album table.BLM .second {
					top:40px !important; left:180px !important;
					color:#fff;
					cursor:pointer;
				}
		/* socialBar */
		#album .socialBar {
			padding:5px 0 0 0;
		}
			#album .socialBar .views {
				font-size:11px;
				float:left;
			}
			#album .socialLinks {
				float:right;
			}
				#album .socialBar .socialLinks a.btnPerma {
					margin:0 15px 0 0;
					width:58px;
					font-size:11px;
					display:block;
					/*background:url(../../images/pagination_arrow.png) -54px 4px no-repeat;*/
					float:left;
				}
					#album .socialBar .socialLinks a.btnPerma:hover {
						background-position:-54px -40px;
					}
				#album .socialBar .socialLinks a.btnShare {
					font-size:11px;
					width:35px;
					display:block;
					/*background:url(../../images/pagination_arrow.png) -76px 4px no-repeat;*/
					float:left;
				}
					#album .socialBar .socialLinks a.btnShare:hover {
						background-position:-76px -40px;
					}
		/* track table */
		#trackTable {
			margin:25px 0 0 0;
			text-align:left;
			vertical-align:middle;
		}
			#trackTable thead {}
				#trackTable thead tr th {
					padding:5px 0;
					font-size:14px;
					text-align:left;
				}
				#trackTable thead tr th.track {
					padding:5px 0 5px 10px;
				}
				#trackTable thead tr th.prev {
					text-indent:-3000px;
				}
					#trackTable col#trackCol {
						width:380px;
					}
					#trackTable col#prevCol {
						width:140px;
					}
			#trackTable tbody tr {}
			#trackTable tbody tr.odd {}
				#trackTable tbody tr td {
					border-top:solid 2px #dc2ca3;
					padding:7px 0 7px 10px;
				}
				#trackTable tbody tr td.trackName {
					text-align:left;
				}
				#trackTable tbody tr td.prev {
					text-align:center;
				}
		#music .backTo {
			padding:20px 10px 0 0;
			text-align:right;
			display:block;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	#comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#comments { padding:0 10px 10px 10px; }