.wrapper:before {content: ""; width: 768px; height: 1024px; display: block; position: absolute; z-index: 3;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.52) 0%, rgba(0,0,0,0) 5%, rgba(255,255,255,0.35) 8%, rgba(255,255,255,0.59) 10%, rgba(255,255,255,0) 21%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.52)), color-stop(5%,rgba(0,0,0,0)), color-stop(8%,rgba(255,255,255,0.35)), color-stop(10%,rgba(255,255,255,0.59)), color-stop(21%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.52) 0%,rgba(0,0,0,0) 5%,rgba(255,255,255,0.35) 8%,rgba(255,255,255,0.59) 10%,rgba(255,255,255,0) 21%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0.52) 0%,rgba(0,0,0,0) 5%,rgba(255,255,255,0.35) 8%,rgba(255,255,255,0.59) 10%,rgba(255,255,255,0) 21%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.52) 0%,rgba(0,0,0,0) 5%,rgba(255,255,255,0.35) 8%,rgba(255,255,255,0.59) 10%,rgba(255,255,255,0) 21%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0.52) 0%,rgba(0,0,0,0) 5%,rgba(255,255,255,0.35) 8%,rgba(255,255,255,0.59) 10%,rgba(255,255,255,0) 21%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.wrapper {background: white;}
.wrapper .pageheader {position: absolute; z-index: 5; width: 768px; margin: 0 0 0 0px;}
.wrapper .pageheader h1 {font-size: 9em; color: #ff00cc; font-family: "ragmag"; text-transform: uppercase;
		text-shadow: -.03em 0 white, 0 .03em white, .03em 0 white, 0 -.03em white, .03em .03em white, .03em -.03em white, -.03em -.03em white, -.03em .03em white,
		-.1em .1em .1em rgba(0,0,0,.5);
}
.wrapper .pageheader h1 span {font-family: "rejects"; text-shadow: none; position: absolute; color:#960000; font-size: .4em; z-index: 1200; margin: 2em 0 0 -2.8em;
	transform:rotate(-15deg);
	-ms-transform:rotate(-15deg); /* IE 9 */
	-moz-transform:rotate(-15deg); /* Firefox */
	-webkit-transform:rotate(-15deg); /* Safari and Chrome */
	-o-transform:rotate(-15deg); /* Opera */
}
.wrapper .pageheader h2 {font-size: 20px; margin: -17px auto 0 auto; color: #ff9fec; background: white; border: 5px solid #ff00cc; width: 400px;
	-webkit-border-radius: 20px;
    border-radius: 20px;
}
.wrapper .pageheader .date {float: left;}
.wrapper .pageheader .issue {float: right;}
.wrapper .pageheader .date, .wrapper .pageheader .issue {margin: -23px 60px 0 60px; color: white;}
.booktilt { margin: 20px auto;
	/*transform:rotate(-3deg);
	-ms-transform:rotate(-3deg); 
	-moz-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);*/
}
.upc {height: 97px; width: 150px; display: block; background: url('images/upc.jpg') top center no-repeat; position: absolute; z-index: 5; margin: 920px 0 0 600px;}
.covermodel {position: absolute; width: 768px; height: 1024px; background: url('images/cover.jpg') 0 0 no-repeat; z-index: 1;}
.articles {position: absolute; z-index: 6;}
.articles .coverarticle {width: 300px;}
.articles .coverarticle a h2 {font-family: "cover"; font-variant:small-caps; font-size:2.8em; line-height: .9em;
	text-shadow: -.03em 0 white, 0 .03em white, .03em 0 white, 0 -.03em white, .03em .03em white, .03em -.03em white, -.03em -.03em white, -.03em .03em white,
	-.1em .1em .1em rgba(0,0,0,.5);
}
.articles .coverarticle a p {font-family: "cover"; font-variant:small-caps; font-size:1.8em; line-height: .8em; color: #ff00cc;
	text-shadow: -.07em 0 white, 0 .07em white, .07em 0 white, 0 -.07em white, .07em .07em white, .07em -.07em white, -.07em -.07em white, -.07em .07em white,
	-.1em .1em .1em rgba(0,0,0,.5);;
}
.articles .coverarticle a .supersmall {font-size: 12px; margin: 5px 0;}
.articles .coverarticle a {text-decoration: none; color: black;}
.articles .articleone {position: absolute; margin: 520px 0 0 20px; text-align: left; width: 350px;}
.articles .articleone a h2 {font-size: 4em;}
.articles .articletwo {position: absolute; margin: 200px 0 0 440px; text-align: right;}
.articles .articlethree {position: absolute; margin: 720px 0 0 20px; text-align: left;}
.articles .articlefour {position: absolute; margin: 500px 0 0 440px; text-align: right;}
.articles .articlefive {position: absolute; margin: 930px 0 0 20px; text-align: left;}

.articles .coverarticle .moviepreview a p {padding: 10px 0 10px 80px; font-size: 13px;
		text-shadow: -.15em 0 white, 0 .15em white, .15em 0 white, 0 -.15em white, .15em .15em white, .15em -.15em white, -.15em -.15em white, -.15em .15em white;
}
.articles .coverarticle .moviepreview {margin: 10px 0 0 0;}
.articles .coverarticle .moviepreview a img {border: 3px solid black;}
.articles .coverarticle .moviepreview a p {margin: 0; font-size: 20px; padding: 5px 0;
		text-shadow: -.08em 0 white, 0 .08em white, .08em 0 white, 0 -.08em white, .08em .08em white, .08em -.08em white, -.08em -.08em white, -.08em .08em white;
}

.articles .coverarticle .moviepreview a .playoverlay {display: none; width: 225px; margin-top: 50px; line-height: 15px; text-align: center; font-size: 15px; position: absolute; z-index: 9001; color:black; opacity: .5;
	text-shadow: -.1em 0 white, 0 .1em white, .1em 0 white, 0 -.1em white, .1em .1em white, .1em -.1em white, -.1em -.1em white, -.1em .1em white;
}
.articles .coverarticle .moviepreview .playoverlay:before {font-size: 50px; content:"\003c"; font-family: "glyphs"; line-height: 40px; }

.articles .coverarticle .moviepreview a:hover .playoverlay {display: inline;}

.twitterfeed {position: absolute; z-index: 300; margin: 590px 0 0 485px; background: #333; height: 300px; display: block; width: 250px; text-align: left; color: white; overflow: auto; border: 5px solid black;}

@media (max-width: 1024px){
    .booktilt { margin-top: 43px;}
    .tabnav {width: 768px; margin: 0 auto; position: absolute; top: 0;}
    .tabnav ul li {display: inline-block;}
    .tabnav ul .current a, .tabnav ul .current a:hover {background:#ddd;}
    .tabnav ul .current a, .tabnav ul .current a:hover, .tabnav ul li a, .tabnav ul li a:hover {text-indent: 0; width: 70px;}
    .tabnav ul li {margin: 10px 0;}

    .tabnav ul li a {font-size: 15px;
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 78%, rgba(147,147,147,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(78%,rgba(255,255,255,1)), color-stop(100%,rgba(147,147,147,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 78%,rgba(147,147,147,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 78%,rgba(147,147,147,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 78%,rgba(147,147,147,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 78%,rgba(147,147,147,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#939393',GradientType=0 ); /* IE6-9 */
	}
	.tabnav ul li a:hover {
		background: rgb(232,232,232); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(232,232,232,1) 78%, rgba(147,147,147,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(78%,rgba(232,232,232,1)), color-stop(100%,rgba(147,147,147,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 78%,rgba(147,147,147,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(232,232,232,1) 78%,rgba(147,147,147,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(232,232,232,1) 78%,rgba(147,147,147,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(232,232,232,1) 78%,rgba(147,147,147,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#939393',GradientType=0 ); /* IE6-9 */
	}
}