/* Stacked deck
----------------------------------------------------------------------------------------------------*/
.stack{
	position:relative;
	margin-bottom:20px;
	z-index:10;
	-webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 2px 8px rgba(0,0,0,0.2);
	box-shadow:0px 2px 8px rgba(0,0,0,0.2);
	-webkit-transition:0.3s all ease-out;
	-moz-transition:0.3s all ease-out;
	transition:0.3s all ease-out;
}
.stack img{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
	border:10px solid #f7f7f7;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-webkit-transition:0.3s all ease-out;
	-moz-transition:0.3s all ease-out;
	transition:0.3s all ease-out;
}
.stack:before, .stack:after{
	content:"";
	border-radius:3px;
	width:100%;
	height:100%;
	position:absolute;
	border:10px solid #eee;
	left:0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-webkit-transition:0.3s all ease-out;
	-moz-transition:0.3s all ease-out;
	transition:0.3s all ease-out;
}
.stack:before{
	top:2px;
	z-index:-10;
}
.stack:after{
	top:4px;
	z-index:-20;
}
.stack:before{top:2px;z-index:-10;}
.stack:after{top:4px;z-index:-20;}
.stack.stacktall:before{top:4px;z-index:-10;}
.stack.stacktall:after{top:8px;z-index:-20;}
.stack.stackrough:before{left:2px;top:7px;z-index:-10;-webkit-transform-origin: bottom left;-moz-transform-origin: bottom left;transform-origin: bottom left;-webkit-transform: rotate(-1deg);-moz-transform: rotate(-1deg);transform: rotate(-1deg);}
.stack.stackrough:after{left:-1px;top:0px;z-index:-20;-webkit-transform-origin: bottom left;-moz-transform-origin: bottom left;transform-origin: bottom left;-webkit-transform: rotate(1deg);-moz-transform: rotate(1deg);transform: rotate(1deg);}

.stack:hover{
	top:-4px;
	-webkit-box-shadow:0px 8px 8px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 8px 8px rgba(0,0,0,0.5);
	box-shadow:0px 8px 8px rgba(0,0,0,0.5);
	cursor:pointer;
}
.stack:hover img{ border-color:#fff; }