/* CSS Document */

.album-container {
	position:relative;
	border:1px solid #ddd;
	margin-bottom:30px;
	width:100%;
	padding:3%;
	-webkit-box-shadow: 2px 2px 5px #ddd;
  	-moz-box-shadow: 2px 2px 5px #ddd; 
	box-shadow: 2px 2px 5px #ddd;
	padding-bottom: 20px;
	border-radius: 4px;
}

.album, .album_{
	position:relative;
	display:block;
	width:100%;
	cursor:pointer;
}

.album img, .album_ img{
  	position:absolute;
	top:0;
	left:0;
	z-index:8;
	display: block;
	max-width: 100%;
	height: auto;
}

.album img.active {
	z-index:10;
}

.album img.last-active {
	z-index:9;
}

h4.album-title {
	margin-top:3%;
	height:32px;
	font-size:14px;
	color:#333;
	font-weight:500;
	overflow:hidden;
}

.album-tools {
	position:absolute;
	bottom:2%;
	left:3%;
	right:3%;
	font-size:12px;
}

#grid p {
	padding:0 4px;
	margin:0;
}
 
.album img:first-child{
	opacity:1;
}

/* Webkit keyframe animation */
@-webkit-keyframes rotate{
	0%{		-webkit-transform:rotate(0deg);}
	100%{	-webkit-transform:rotate(360deg);}
}

/* Firefox Keyframe Animation */
@-moz-keyframes rotate{
	0%{		-moz-transform:rotate(0deg);}
	100%{	-moz-transform:rotate(360deg);}
}