body{
	background: #CCC;
	
}

#albums{
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
	opacity: 1;
}

.fading{
	opacity: 0;
}

.album{
	width: 150px;
	height: 150px;
	border: 1px solid red;
	cursor: pointer;
	display: inline-block;
	margin: 10px;
	
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.album:hover{
	-moz-transform: rotate(7deg) scale(1.2);
	-webkit-transform: rotate(7deg) scale(1.2);
}

/*	CD's
 ================================*/
 .cd-container{
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	position: relative;
	cursor: pointer;
 }
 
 .cd-cover{
	width: 150px;
	position: absolute;
 }
 
 .audio-control{
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
	opacity: 0;
	z-index: 999;
 }
 
 .cd-img{
	position: absolute;
	cursor: pointer;
	width: 150px;
	left: 50px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
 }
 
 .cd-img:hover, .cd-img.expanding{
	left: 150px;
	-webkit-transform: rotate(150deg) scale(1.1)
 }