/* Elements
==================================================*/

body { background: url(/images/base/background-music.jpg) center 0px no-repeat fixed #000000; }

a { color: #DCAA72; }

h1 { color: #DCAA72; }

h2 {
	color: #990000;
	border-bottom: 1px solid #990000;
}

/* Navigation
==================================================*/

#navigation a { color: #990000; }

/* Content Wrappers
==================================================*/

#mainContentWrapper { width: 555px }

#sideBarContentWrapper { width: 385px; }

/* Albums
==================================================*/

.albumWrapper,
.demoWrapper {
	overflow: auto;
	padding: 20px 0px 20px 0px;
}

.albumWrapper img,
.demoWrapper img { border: 1px solid #333333; }

.albumWrapper hr {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dashed #333333;
}

.albumDate,
.demoDate {
	color: #999999;
	display: block;
}

	/* Icons
	==================================================*/
	.purchaseWrapper,
	.streamWrapper {
		width: 150px;
		float: left;
		margin-right: 10px;
	}

		.purchaseWrapper h5,
		.streamWrapper h5 {
			color: #666;
			font-size: 14px;
			margin-bottom: 10px;
			border-bottom: 1px solid #666;
		}					

	.purchase,
	.stream {
		margin-bottom: 10px;
		margin-left: 5px;
	}						

	.purchase a,
	.stream a {
		width: 100px;
		height: 22px;
		display: block;
		padding-left: 40px;
		padding-top: 10px;
	}

	.bandCamp {
		background: url(../images/base/bandCampIcon.png) 0px 0px no-repeat; 
	}
	.iTunes {
		background: url(../images/base/iTunesIcon.png) 0px 0px no-repeat; 
	}
	.spotify {
		background: url(../images/base/spotifyIcon.png) 0px 0px no-repeat; 
	}
	.cdBaby {
		background: url(../images/base/cdBabyIcon.png) 0px 0px no-repeat; 
	}

	/* Expand/Collapse
	==================================================*/

	.expandableWrapper {
		display: block;
		margin-top: 10px;
	}
	
	.expandableWrapper span.expander { display: block; }

	/* Covers
	==================================================*/
	
	.coverWrapper { float: left; }
	
		.coverWrapper img {
			width: 200px;
			height: 200px
		}

	/* Details
	==================================================*/

	.detailsWrapper { padding-left: 230px; }
	
		.detailsWrapper .details {
			color: #CCCCCC;
			padding: 10px 0px 10px 0px;
		}
	
			.detailsWrapper .details span { 
				color: #FFFFFF;
				font-weight: bold;
			}
	
			.detailsWrapper .details p { padding-bottom: 10px; }
	
				.detailsWrapper .details p span.notes {
					font-weight: normal;
					font-style: italic;
					color : #666666;
				}
				
	/* Track Listing
	==================================================*/
		
	.detailsWrapper .trackListing { padding: 10px 0px 10px 0px; }
	
		.detailsWrapper .trackListing .trackWrapper { 
			border-bottom: 1px solid #333333;
			overflow: auto;
			padding: 3px 0px 3px 0px;
		}
		
		.detailsWrapper .trackListing .trackCount { 
			float: left;
			width:20px;
			line-height: 22px;
		}
		
		.detailsWrapper .trackListing .bandCampPlayButton { 
			float: left; 
			width: 30px; 
			height: 22px;
			overflow: hidden;
		}

		.detailsWrapper .trackListing .playButton { 
			float: left; 
			width: 32px; 
			height: 22px;
		}
			
			.detailsWrapper .trackListing .playButton a.paused { 
				background: url(../images/base/play-button-red.png) 0px 0px no-repeat; 
				display: block; 
				width: 20px; 
				height: 20px;
			}
			
			.detailsWrapper .trackListing .playButton a.playing { 
				background: url(../images/base/play-button-red.png) 0px -20px no-repeat; 
				display: block; 
				width: 20px; 
				height: 20px;
			}
			
		.detailsWrapper .trackListing .trackName { 
			float: left; 
			line-height: 22px; 
		}
			
/* Sidebar
==================================================*/

.sideBarContent { }

	.sideBarContent h2 { 
		color: #DCAA72;
		border-bottom: 1px solid #DCAA72;		
	}

	/* Lyrics
	==================================================*/
	
	#lyricsWrapper {
		border-left: 1px solid #444444;
		color: #CCCCCC;
		padding: 20px 20px 200px 20px;
		margin-left: -21px;
		margin-top: -21px;	
		position: absolute;
        width: 485px;
        display: none;
	}
	
		#lyricsWrapper h2 { margin-top: 0; }
		
		#lyricsWrapper h3 { color: #FFFFFF; }
		
		#lyricsWrapper em { color: #999999; }