@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - SUGARLAND MUSIC ENTRY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sugarland_musicEntry.css
	Date:			Jan 05, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav li#navMusic a {
		background-position:0 -92px;
	}

	
/*	--------------------------------------------------------------------------------------------------------------------------
	music Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#music {
		
	}
		#music .titleBar {
			height:55px;
			padding:8px 0 0 9px;
		}
			#music .titleBar h1#h1_music {
				width:200px; height:55px;
				background: url(../../images/h1_music.png) no-repeat;
			}
		#music .contentBox {
			padding:13px 0 15px 13px;
			border-bottom:1px solid #aca394;
		}
			
		/*	viewingBar Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
		#music .contentBox .viewingBar {
			margin:5px 0 5px 0; padding:0 8px 0 0;
			font:bold 11px Arial, Helvetica, sans-serif;
			color:#5b5448;
		}
			#music .contentBox .viewingBar .viewing {
				width:500px;
				text-align:center;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#5b5448;
				float:left;
			}
			#music .contentBox .viewingBar .prev {
				float:left;
			}
				#music .contentBox .viewingBar a.btnPrev {
					padding:0 0 0 5px;
					color:#000000;
					background:url(../../images/arrow_left_blue.png) 0 5px no-repeat;
					font:bold 11px Arial, Helvetica, sans-serif;
					display:block;
				}
					#music .contentBox .viewingBar a.btnPrev:hover {
						color:#f5f1e6;
						background:url(../../images/arrow_left_cream.png) 0 5px no-repeat;
					}
			#music .contentBox .viewingBar .next {
				padding:0 3px 0 0;
				float:right;
			}
			#music .contentBox .viewingBar a.btnNext {
				width:32px;
				color:#000000;
				background:url(../../images/arrow_right_blue.png) 27px 5px no-repeat;
				font:bold 11px Arial, Helvetica, sans-serif;
				display:block;
			}
				#music .contentBox .viewingBar a.btnNext:hover {
					color:#f5f1e6;
					background:url(../../images/arrow_right_cream.png) 27px 5px no-repeat;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	album Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#album {
		padding:0 0 30px 0;
		width:520px;
		background:#f5f1e6;
	}
		#album .title {
			background:#333;
			padding:5px 0 9px 12px;
			min-height:30px;
		}
			#album .title h2 {
				margin:2px 0 0 0;
				font:normal 25px Arial, Helvetica, sans-serif;
				color:#f5f1e6;
			}
		
		
		#album .albumInfo {
			padding:15px 0 7px 15px;
		}
			#album .albumInfo .cover {
				margin:0 15px 0 0;
				width:200px;
				float:left;
			}
			#album .albumInfo .info {
				width:325px;
				float:left;
			}
				#album .albumInfo table col#statName, #album .albumInfo table .statName {
					width:92px;
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#9b8569;
					line-height:16px;
				}
				#album .albumInfo table col#statValue, #album .albumInfo table .statValue {
					width:203px;
					text-align:left;
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#766044;
				}
				/*#album .albumInfo .info a.btn:link, #album .albumInfo .info a.btn:active, #album .albumInfo .info a.btn:visited {
					width:100px; height:16px;
					margin:15px 0 5px 0; padding:2px 0 0 0;
					display:block;
					background:url(../../images/btn_100.png) no-repeat;					
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#815806;					
					text-decoration:none;
					text-align:center;
					text-transform:uppercase;
				}
					#album .albumInfo .info a.btn:hover {
						color:#a5bdde;
						background-position:bottom;
					}*/
					
		/* blm table */
		#album table.BLM {
			margin:15px 0 0 0;
			color:#766044;
		}
			#album table.blm-menugroup {
				padding:0 5px 5px 5px;
				font:normal 11px Arial, Helvetica, sans-serif;
				background:#e2dccc;
			}
				#album table.blm-menugroup tr {
					height:25px;
				}
		
		
		/* socialBar */
		#album .socialBar {
			margin:0 0 0 15px; padding:0 15px 0 0;
		}
			#album .socialBar .views {
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#786e5c;
				float:left;
			}
			#album .socialLinks {
				float:right;
			}
				#album .socialBar .socialLinks a.btnPerma {
					margin:0 15px 0 0;
					width:58px;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#47899f;
					display:block;
					background:url(../../images/arrow_right_blue.png) 48px 5px no-repeat;
					float:left;
				}
					#album .socialBar .socialLinks a.btnPerma:hover {
						background:url(../../images/arrow_right_orange.png) 48px 5px no-repeat;
						color:#bd816e;
					}
				#album .socialBar .socialLinks a.btnShare {
					font:normal 11px Arial, Helvetica, sans-serif;
					width:35px;
					color:#47899f;
					display:block;
					background:url(../../images/arrow_right_blue.png) 32px 5px no-repeat;
					float:left;
				}
					#album .socialBar .socialLinks a.btnShare:hover {
						background:url(../../images/arrow_right_orange.png) 32px 5px no-repeat;
						color:#bd816e;
					}
						
		/* track table */
		#trackTable {
			margin:25px 0 0 10px;
			width:500px;
			text-align:left;
			vertical-align:middle;
		}
			#trackTable thead {
				height:26px;
				background:#968d7d;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#3f3a31;
			}
				#trackTable thead tr th {
					border-bottom:2px solid #c4bbab;
				}
				#trackTable thead tr th.track {
					padding:0 0 0 10px;
				}
				#trackTable thead tr th.prev {
					text-align:center;
				}
					#trackTable col#trackCol {
						width:380px;
					}
					#trackTable col#prevCol {
						width:140px;
					}
			#trackTable tbody tr {
				border-bottom:1px solid #f5f1e6;
				background:#e2dccc;
				height:38px;
				font:normal 12px Arial, Helvetica, sans-serif;
			}
			#trackTable tbody tr.odd {
				background:#dcd6c8;
			}
				#trackTable tbody tr td {
					border-bottom:1px solid #f5f1e6;
					color:#766044;
					font:normal 12px Arial, Helvetica, sans-serif;
					text-align:right;
				}
				#trackTable tbody tr td.trackName {
					padding:0 0 0 10px;
					color:#766044;
					font:normal 14px Arial, Helvetica, sans-serif;
					text-align:left;
				}
				#trackTable tbody tr td.prev {
					padding:0 0 0 5px;
					text-align:center;
				}
				
				
			/* buttons Styles */
			a.btn62 {
				width:62px; height:16px;
				margin:0 2px 0 0; padding:3px 0 0 0;
				background:url(../../images/btn_62.png) 0 top no-repeat;
				display:block;
				text-align:center;
				text-transform:uppercase;
				color:#815806;	
				font:bold 11px Arial, Helvetica, sans-serif;
				float:left;
			}
				a.btn62:hover {
					background-position:bottom;
					color:#a5bdde;
				}		
			
			a.btnBackToAlbum {
				margin:20px 0 0 300px;
				width:250px;
				color:#000000;
				background:url(../../images/arrow_right_blue.png) 117px 5px no-repeat;
				font:bold 11px Arial, Helvetica, sans-serif;
				display:block;
			}
				a.btnBackToAlbum:hover {
					background:url(../../images/arrow_right_orange.png) 117px 5px no-repeat;
					color:#bd816e;
					margin-right: 25px;
				}		


/*	--------------------------------------------------------------------------------------------------------------------------
	comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#comments {
		margin:0; padding:0 0 32px 0;
	}
		#comments .titleBar {
			margin:21px 0 0 2px; padding:0 13px 0 0;
			background:none;
			border:0;
		}
			#comments .titleBar h1#h1_latestComment {
				width:130px; height:12px;
				background:url(../../images/h2_userComments3.png) no-repeat;
				float:left;
			}
			#comments .titleBar a:link, #comments .titleBar a:active, #comments .titleBar a:visited {
				margin:2px 0 0 0; padding:0 7px 0 0;
				font:bold 10px Arial, Helvetica, sans-serif;
				color:#000000;
				float:right;
			}
				#comments .titleBar a:hover {
					color:#ffffff;
					background-position:right -40px;
				}
		#comments .entry {
			margin:0 0 4px 3px;
			background:url(../../images/commentPointer.gif) 98px 15px no-repeat;
		}
		#comments .entry .user {
			
			margin:2px 0 0 0; padding:2px;
			background:#333;
			float:left;
		}
			#comments .entry .user img {
				display:block;
			}
			#comments .entry .user .noContent {
				height:80px;
			}
				
		#comments .entry .contentBox {
			width: 300px;
			background:#f5f1e6;
			border:none;
			float:left;
		}
			#comments .entry .contentBox .noContent {
				padding:15px 0 15px 15px;
				font:normal 15px Georgia, "Times New Roman", Times, serif;			
			}
			#comments .entry .contentBox h3 {
				margin:0 0 5px 0;
				font:normal 16px Arial, Helvetica, sans-serif;
				color:#704619;
			}
			#comments .entry .contentBox p {
				
				margin:0 0 14px 0;
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#766044;
				line-height:18px;
			}
			#comments .entry .contentBox .date {
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#766044;
				float:left;
			}
				#comments .entry .contentBox a.btnReport:link, #comments .entry .contentBox a.btnReport:active, #comments .entry .contentBox a.btnReport:visited {
					margin:0 20px 0 0; padding:0 7px 0 0;
					color:#000000;
					background:url(../../images/btn_communityArrows.png) right 5px no-repeat;
					font:bold 11px Arial, Helvetica, sans-serif;
					float:right;
				}
					#comments .entry .contentBox a.btnReport:hover {
						color:#dc4717;
						background-position:right -40px;
					}	
		#comments .btnHolder {
			margin:11px 0 0 129px;
			font:bold 10px Arial, Helvetica, sans-serif;
		}
			#comments .btnHolder a.btn:link, #comments .btnHolder a.btn:active, #comments .btnHolder a.btn:visited {
				width:100px; height:16px;
				margin:0 0 5px 0; padding:2px 0 0 0;
				display:block;
				background:url(../../images/btn_100.png) no-repeat;					
				font:bold 11px Arial, Helvetica, sans-serif;
				color:#815806;					
				text-decoration:none;
				text-align:center;
				text-transform:uppercase;
			}
				#comments .btnHolder a.btn:hover {
					color:#a5bdde;
					background-position:bottom;
				}