/* /RECORDINGS/STYLES */


/* HEADINGS
	h1 span {visibility:hidden;}
	h1.recordings {background:url(/global/images/headings/recordings.png) no-repeat;}   
	h1.subtle.recordings {background:url(/global/images/headings/subtle/recordings.png) no-repeat;}
	h1.vintage {background:url(/global/images/headings/vintage.png) no-repeat;}   
	h1.swings {background:url(/global/images/headings/swings.png) no-repeat;}
    */

	/* CATALOG */
	#recordings #catalog #intro {display:none;} /* Andy doesn't want this */
	
	#recordings #catalog .item {
		position:relative;
		margin-bottom:30px;
	}
	#recordings #catalog .item:last-child {margin-bottom:15px;}
	#recordings #catalog .item .cover {
		width:150px; 
		height:150px; 
		padding:0;
		margin:5px 0 5px 30px;
	}
	#recordings #catalog #vintage.item .cover {background:url(/recordings/_vintage/images/cover/150.jpg) no-repeat;}
	#recordings #catalog #swings.item .cover {background:url(/recordings/_swings/images/cover/150.jpg) no-repeat;}
	#recordings #catalog .item .cover a:hover {text-decoration:none;} /* for no js */
	#recordings #catalog .item p:last-child {padding-bottom:14px;}



	/* ALBUM LAYOUT */
	#recordings .album .cover {
		width:320px; 
		height:320px; 
		margin-bottom:16px; 
		padding:0;
	}

	#recordings #vintage.album .cover {background:url(/recordings/_vintage/images/cover/320.jpg) no-repeat;}
	#recordings #swings.album .cover {background:url(/recordings/_swings/images/cover/320.jpg) no-repeat;}
	
	
	#recordings .album #tracklist {width:470px; margin-left:16px;}
	#recordings .album #info {width:292px;} /* 14 + 292 + 14 == 320 */
	#recordings .album #media_container, #recordings .album #QT {
		float:right;
		bottom:0;
		margin-top:25px;
		width:500px;
		/* hide it by not showing the controller */
	}


	
	/* TRACKLIST */
	#recordings ul.tracklist {
		margin:-14px; 
		margin-top:0; 
		padding-bottom:0;
	}
	#recordings ul.tracklist>li {
		/* EACH ROW */
		height:27px; 
		line-height:27px;
		border-bottom:1px solid;
	}
	#recordings ul.tracklist>li:first-child {
		border-top:none; /* 1px solid #c5dada; */
		/* radius so background matches tracklist border */
			-webkit-border-top-left-radius:6px;
			-webkit-border-top-right-radius:6px;
			-moz-border-radius-topleft:6px;
			-moz-border-radius-topright:6px;
			/*
			-o-border-radius:6px;
			border-radius:6px;  */
	}
	#recordings ul.tracklist>li:last-child {
		/* remove extra bottom border; radius so background matches tracklist border */
		border-bottom-style:none; 
			-webkit-border-bottom-left-radius:6px;
			-webkit-border-bottom-right-radius:6px;
			-moz-border-radius-bottomleft:6px;
			-moz-border-radius-bottomright:6px;
			-o-border-radius:6px;
		border-radius:6px;
	}

	
	/* TRACKS */
	#recordings ul.tracklist ul.track {display:inline;}
	#recordings ul.tracklist ul.track li {float:left;}
	#recordings ul.tracklist ul.track li.number {
		width:25px;
		margin:0 4px 0 10px;
		background-image:none;
		background-position:center;
		background-repeat:no-repeat;
		text-align:center;
	}
	#recordings ul.tracklist ul.track li.number span {margin-left:6px;}
	#recordings ul.tracklist ul.track li.name a {color:#3e5572;} /* prevents color flash on links */
	#recordings ul.tracklist ul.track li.itunes {display:none;} 
	
	
	/* TRACK:HOVER */
	#recordings ul.tracklist>li:hover {
		/* background-image: set on /global/themes/... */
		background-position:bottom center;
		background-repeat:repeat-x;
		border-bottom-style:solid;
	}
	#recordings ul.tracklist>li:hover ul.track li.number span {visibility:hidden;}
	#recordings ul.tracklist>li:hover ul.track li.number {background-image:url(/recordings/images/play.png);} 
	#recordings ul.tracklist ul.track li.name a:hover {text-decoration:none;} /* for no js */
	
	
	/* PLAYING */
	#recordings ul.tracklist ul.track.playing li.number {background-image: url(/recordings/images/playing.png);}
	#recordings ul.tracklist ul.track.playing li.number span {visibility:hidden;}
	#recordings ul.tracklist ul.track.playing li.itunes {display:inline;} 
	

	/* PLAYING:HOVER */
	#recordings ul.tracklist>li:hover ul.track.playing li.number {background-image: url(/recordings/images/playing.png);}
	#recordings ul.tracklist>li:hover ul.track.pause li.number {background-image: url(/recordings/images/pause.png);}