@charset "UTF-8";
/* CSS Document */

div.carousel-component {
	color:#6B6D5A;
	background-image:url(../images/collide_carousel_bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	bor-der-bottom:1px solid;
	clear:both;
	}
	
h1 {
	color:#aaaaaa;
	padding-bottom:.5em;
	}

.carouselContent {
	color:#aaaaaa;
	font-size:100%; 
	font-variant:small-caps;
	padding-left:30px;
	padding-right:30px;
	line-height:1em;
	text-align:center;
	}
	
.itemDiv {
	color:#aaaaaa;
	font-size:90%; 
	font-variant:small-caps;
	text-align:left;
	padding-left:40px;
	padding-right:40px;
	padding-top:0px;
	}
	
.searchResultDiv {
	clear:both;
	color:#aaaaaa;
	font-size:90%; 
	font-variant:small-caps;
	text-align:left;
	padding-top:0px;
	line-height:1em;
	}
	
.searchItemsDiv {
	clear:both;
	border-top:1px dotted;
	padding:40px;
	padding-top:1em;
	padding-bottom:6em;
}

	
.itemDiv h1, .searchResultDiv h2 {
	border:none;
	padding:0px;
}

div.artist {
	font-size:100%;
	color:#6B6D5A;
	letter-spacing:2px;
	text-transform:uppercase;
	text-align:left;
	}
	
div.songTitle {
	font-size:160%;
	letter-spacing:3px;
	font-weight:bold;
	font-variant:normal;
	text-transform:uppercase;
	text-align:left;
	line-height:1em;
	}
	
div.songTitle a {
	color:#aaa;
	}
	
div.songTitle a:hover {
	color:#fff;
	}

.label, .releaseDate {
	font-size:90%;
	letter-spacing:0px;
	font-weight:normal;
	text-align:left;
	font-variant:normal;
	font-style:italic;
	text-transform:capitalize;
	}

.medium, .designation {
	font-size:100%;
	color:#6B6D5A;
	letter-spacing:0px;
	text-align:left;
	font-style:italic;
	}
	
.medium {
	padding-bottom:1em;
	}
	
.itemDiv h2, .searchResultDiv h2 {
	border-bottom:1px dotted;
	margin-top:1em;
	margin-bottom:1em;
	font-size:100%;
	color:#6B6D5A;
	letter-spacing:2px;
	text-transform:uppercase;
	text-align:left;
}
	
.albumData {
	font-size:110%;
	text-align:justify;
	margin-left:2em;
	margin-right:2em;
	}
	
.trackData {
	font-size:110%;
	text-align:left;
	margin-left:2em;
	margin-right:-1em;
	padding-top:.2em;
	padding-bottom:.2em;
	}
	
span.duration {
	font-size:90%;
	color:#6B6D5A;
	letter-spacing:0px;
	padding-left:1em;
	padding-right:1em;
	}
	
.trackButton {
	background:url(../images/collide_track_button_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:1px;
	padding-left:6px;
	padding-right:0px;
	padding-bottom:4px;
	font-size:90%;
	font-weight:normal;
	}
	
.trackButtonRight {
	background:url(../images/collide_track_button_bg_end.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:1px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:4px;
	font-size:90%;
	font-weight:normal;
	}
	
.trackCredit, .trackNotes {
	font-size:90%;
	color:#6B6D5A;
	letter-spacing:0px;
	text-align:left;
	font-style:italic;
	padding-left:3em;
	font-variant:normal;
	}

.typeMenuDiv {
	height:12px;
	color:#6B6D5A;
	text-transform:uppercase;
	font-variant:normal;
	font-size:80%;
	margin-top:1em;
	margin-left:40px;
	margin-right:40px;
	pad-ding-bottom:1em;
	padding-left:30px;
	padding-right:30px;
	border-bottom:1px solid;
	}

.typeMenu {
	margin:0px;
	padding:0px;
	background-image:url(../images/tab_menu_normal_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:1px solid;
	height:12px;
	padding-left:10px;
	float:left;
}

.typeMenu a {
	font-weight:normal;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

.typeMenu a:hover {
	color:#dddddd;
	font-weight:normal;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}	

.typeMenuSelected {
	margin:0px;
	padding:0px;
	margin-left:-1px;
	background-image:url(../images/tab_menu_selected_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:1px solid #34281b;
	height:12px;
	padding-left:10px;
	font-weight:bold;
	float:left;
	z-index:10;
}

.typeMenuSpacer {
	margin:0px;
	padding:0px;
	border-bottom:1px solid;
	height:12px;
	width:6px;
	float:left;
}

.typeMenuSelectedSpacer {
	margin:0px;
	padding:0px;
	height:12px;
	width:6px;
	float:left;
	border-bottom:1px solid #34281b;
	z-index:10;
}

.rightThumb {
	width:50px;
	height:50px;
	float:right;
	border:1px solid #000000;
	margin-left:20px;
	margin-bottom:6px;
	padding:2px;
	}
	
.rightThumb:hover {
	border:1px solid #aaa;
	}

.listenButton {
	background:url(../images/collide_track_button_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:2px;
	padding-left:6px;
	padding-right:0px;
	padding-bottom:4px;
	margin-left:.5em;
	font-size:50%;
	font-weight:normal;
	letter-spacing:0px;
	vertical-align:bottom;
	}
	
.listenButtonRight {
	background:url(../images/collide_track_button_bg_end.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:2px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:4px;
	font-size:50%;
	font-weight:normal;
	letter-spacing:0px;
	vertical-align:bottom;
	}