.stack { float: right;
    width: 84%;
    margin: 8%;
    position: relative;
    z-index: 10;
    margin-bottom: 35px;}
/* Image styles */
.stack img { max-width: 100%; height: auto; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);}
/* Image styles */
.stack_t img { margin-top:12px; max-width: 100%; height: auto; vertical-align: bottom; border:7px solid #fff; border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);}
.stack:last-of-type { margin-right: 0; }
/* Stacks creted by the use of generated content */
.stack:before, .stack:after { content: ""; border-radius: 3px; width: 100%; height: 100%; position: absolute; border: 10px solid #fff; left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;}
.stack:before { top: 4px; z-index: -10; } /* 1st element in stack (behind image) */	
.stack:after { top: 8px; z-index: -20; } /* 2nd element in stack (behind image) */
/* Second stack example (rotated to the right from the bottom left) */
.stack.rotated:before { -webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	transform: rotate(2deg);}
.stack.rotated:after { -webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);}	
/* Third stack example (One stack element rotated in the opposite direction) */
.stack.twisted:before {-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);}	
.stack.twisted:after {
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);}	
/* Fourth stack example (Similar to the second but rotated left) */
.stack.rotated-left:before {-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);}
.stack.rotated-left:after {-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	transform: rotate(-6deg);}
/* Reset all rotations on hover */
.stack:hover:before, .stack:hover:after {-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);}
.overlay img { border:0px solid #fff; border-radius:0px;}
/*iPhone and mobile widths ------------------------------ */
@media only screen and (min-width: 320px) and (max-width: 480px) {
	.stack { float: none; width: auto; margin-bottom: 35px; }
	h1.title { margin: 15px 0; }}
#themelistings { list-style: none; margin: 15px 0 25px; }
#themelistings a { display: block;}
#themelistings a:hover { text-decoration: none; }
h2.index-title { text-align: center; font-size: 1.75em; margin-top: 100px; letter-spacing: -1px; }
#themelistings li:hover h2 { background: #BE3F1C; color: #fff; }
#themelistings li { float: left; width: 48%; margin-right: 4%; position: relative; }
#themelistings li:nth-of-type(2n) { margin-right: 0; }
#themelistings img { border-radius: 3px; vertical-align: bottom; margin: 0; max-width: 100%; height: auto;
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);}
.post-type-archive-wordpress-themes #featured { border-top: none; font-size: 1.5em; }
.post-type-archive-wordpress-themes #featured { padding-bottom: 25px; }
/*iPhone and mobile widths ----------------------- */
@media only screen and (min-width: 320px) and (max-width: 480px) {
	#themelistings li { width: auto; float: none; margin-right: 0; margin-bottom: 10px; }}