body
{	background: #ffffff;
	background: url(../grfx/stuff/bg-blue.gif) repeat, url(../grfx/stuff/bg-blue.gif) repeat;
	background-position: calc(50% - 1010px) top, calc(50% + 1010px) top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #222222;
	line-height: 16px;
	margin:0;
	padding:0; 
	text-align: left;
	z-index:0;
}

:link {  text-decoration: none; color: #336699; }
:visited {  text-decoration: none; color: #336699; } 
a:active {  text-decoration: none; color: #000033; } 
a:hover { text-decoration: none; color: #000033; } 

p { text-align:left; }

.twtr-hd, .twtr-ft
{
display: none;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
	#page-wrap {
	width: 1020px;
	margin: 0 auto;
	background-color: #ffffff;
}


	#page {
	width: 970px;
	margin: 0 auto;
	background-color: #ffffff;
}

	#content {
	padding-top: 15px;
	float: left;
	width: 640px;
	text-align: left;
}

	#content-pages {
	padding-top: 0px;
	float: left;
	width: 640px;
	text-align: left;
}

	#content-home {
	float: left;
	width: 670px;
	text-align: left;
}


	#story {
	width: 460px;
	float: left;
	overflow: hidden;

}


/************************************************************************************
HEADER
*************************************************************************************/

	#header {
	position: relative;
	width: 970px;
	margin: 0 auto;
	background-color: #ffffff;
	overflow: hidden; 
}

	#leaderboard {
}

	#site-logo {
	float: left; 
	margin-top: 12px;
}

	
	#header-right-box {
	width: 500px;
	float: right; 
	margin-top: 12px;
}

	#social {
	float: right; 
}


	#header-account-box {
	padding: 5px 5px 0px 5px;
	background: #e1e8f0;
	margin-top: 8px;
	width: 290px;
	float: right;
	-moz-border-radius: 5px;
	-webkit- border-radius: 5px;
	border-radius: 5px;
}



	

	
/************************************************************************************
NAVIGATION
*************************************************************************************/

	#nav-box {
	margin: 0 auto;
	width: 970px;
}	
	
	#nav-bar {
	margin: 0 auto;
	margin-top: 10px;
	width: 970px;
	height: 31px;
	background: #eeeeee;
}

	#sub-nav-box {
	margin: 0 auto;
	width: 953px;
	padding: 5px 5px 5px 10px;
	border:#eeeeee 1px solid;

}	
	#mobile-sections-nav-box {
	display: none;
}

	#pages-nav-box {
	width: 658px;
	padding: 5px 5px 5px 10px;
	border-bottom:#eeeeee 1px solid;
	border-left:#eeeeee 1px solid;
	
}

	#pages-nav-box-mobile {
	display: none;
}

	#eyeplayer-nav-box {
	float: right;
}


/************************************************************************************
SIDEBAR
*************************************************************************************/

	#sidebar {
	width: 300px;
	margin: 10px 0px 50px 0px;
	background: #fff;
	float: right;
}

	#issue-cover-box {
	padding: 5px 0px 7px 5px;
	background: #e1e8f0;
	overflow: hidden;
	margin-bottom: 30px;
	
}

	#issue-cover-box-mobile {
	display: none;
}
		
	#issue-cover {
}
	
	#issue-cover-buttons {
	text-align: center;
}
	
	.mpu-ad {
	width: 300px;
	margin-bottom: 40px;
}

	.widget {
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0;
	width:300px;
}



/************************************************************************************
HOME
*************************************************************************************/
	

	#ticker-box {
	
	width: 659px;
	padding: 5px 0px 5px 10px;
	background: #ffffff;
	border-bottom:#eee 1px solid;
	border-left:#eee 1px solid;
	margin-bottom: 10px;
}


	#caption-cartoon {
	margin-bottom: 10px;
}

	#block-home {
	margin-right: 10px;
	background-color: #ffffff;
	float: right; 
	width: 220px;
}

	#block-cartoons {
	margin-right: 35px;
	background-color: #ffffff;
	float: right; 
	width: 195px;
	text-align: left;
}	

	#block-articles {
	width: 425px;
	float: left; 
}


	.block-story {
	width: 425px;
	margin-bottom: 15px;
	overflow: hidden;

}

	#block-home-boxes {
	width: 420px;
	float: left;
}


	.home-box-left {
	width: 200px;
	float: left;
	padding-bottom: 30px;
	margin-right: 15px;
	
} 	

	.home-box-right {
	
	float: left;
	width: 200px;
	padding-bottom: 30px;
}



/************************************************************************************
SHARED
*************************************************************************************/



	#follow-us {
	width: 140px;
	float: right; 
	padding-left: 15px;
	padding-bottom: 15px;
	border-left:#dddddd 1px solid;
	border-bottom:#dddddd 1px solid;
	text-align: left;

}

	#block-right {
	float: right;
	padding-left: 20px;
	margin-left: 20px;
	border-left:#999 1px solid;
	width: 50%;
}	

	#block-box {
	width: 100%;
}
	

	#issue-box {
	width: 600px;
	padding: 20px;
	background-color: #f5eef8;
	overflow: hidden;
	-moz-border-radius: 10px;
	-webkit- border-radius: 10px;
	border-radius: 15px;
}	

	#issue-box-box {
	float: left; 
	width: 160px;
	padding: 0px 20px 20px 0px;	
}

	
	#only-box {
	width: 150px;
    border: 2px solid #000000;
	padding: 10px 5px;
	background-color: #ffffff;
	text-align: center; 
	margin-top: 10px;
	display: inline-block;

}

	#why-subscribe {
	width: 640px;
	height: 200px;
	background-image: url(../grfx/stuff/why_subscribe_new.jpg);	
}


	#boxes-shop {
	margin-bottom: 30px;
}

	.box-shop {
	float: left;
	width: 159px;
	padding-right: 1px;
	
}

	.box-shop-info {
	background-color: #554e5a;
	width: 155px;
	text-align: center;
	padding: 10px 2px 20px 2px;
}

	.box-contents {
	float: left;
	width: 195px;
	padding: 5px 5px 5px 10px;
	margin-right: 3px;
	background: #e1e8f0;
	overflow: hidden;
	
}

	
	

	.contact-box-left {
	border:#999 1px solid;
	float: left;
	padding: 20px;
	width: 265px;
	height: 115px;
	
}

	.contact-box-right {
	border:#999 1px solid;
	float: right;
	padding: 20px;
	width: 265px;
	height: 115px;
	
}

	.contact-box {
	border:#999 1px solid;
	padding: 20px;
	width: 600px;
	
}
	
	.extras-box {
	border:#999 1px solid;
	padding: 10px;
	float: left;
	width: 200px;
	margin-right: 15px;
	margin-bottom: 15px;

	
} 	

	.extras-box-right {
	border:#999 1px solid;
	padding: 10px;
	float: left;
	width: 200px;
	margin-bottom: 15px;

	
}

	

/************************************************************************************
FOOTER
*************************************************************************************/

	#footer {
	margin: 0 auto;
	width: 970px;
	clear: both;
	background: #e1e8f0;
	padding: 20px 0px;
	border-top: #555555 1px solid;
	overflow: hidden;
	margin-top: 20px;

}

	#footer-logo {
	float: left;
}

	#footer-info {
	clear: both;		
	margin: 0px 20px 0px 20px;
	padding: 30px 0px 50px 0px;
	border-top: #ccc 1px solid;
}

	.footer-block {
	float: left;
	width: 125px;
	padding-left: 15px;
	border-left: #ccc 1px solid;
	height: 300px;
}

	#footer-credits {
	float: left;
}

	#footer-2tier {
	float: right;
}



/************************************************************************************
COVERS LIBRARY
*************************************************************************************/

	#block-covers {
	width: 630px;
	overflow: hidden;
	padding: 10px 0px;
	background: #f5eef8;
	text-align: center;

}	
	
		
	#block-covers-menu { 
	padding: 5px;
	margin: 5px;
	
	background: #dcd3e1;
	overflow: hidden;
	font: lighter 16px/20px Francois One, 'Slabo 27px', Oswald;
	color: #371046;
	text-align: center;
	overflow: hidden;
}

	.block-covers-menu {
	width: 203px;
	float: left;
	padding: 0px;
	margin: 5px 0px 10px 0px;
	text-align: center;
	font: lighter 16px/20px Francois One, 'Slabo 27px', Oswald;
	color: #371046;
}
	
	.covers-header {
}

	.covers-header-mobile {
	display: none;
}
	

	.covers-field { 
	margin-top: 5px;
	vertical-align: top;
}

	#block-covers-content {
	width: 100%;
	padding: 10px 0px;
	font: lighter 18px/20px Francois One, 'Slabo 27px', Oswald;
	color: #371046;
	text-align: center;
	overflow: hidden;
}


	#block-previous {
	width: 96%;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 10px;
	overflow: hidden;
}

	#previous {
	float: left;
}

	#next {
	float: right;
}
	
	.covers-button: {
	
	font: lighter 20px/20px Francois One, 'Slabo 27px', Oswald;
}
	
	.cover-buy {
	font: lighter 16px/14px Francois One, 'Slabo 27px', Oswald;
	color: #ffffff;
	padding: 2px 10px;
	background: #371046;
	-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 5px;
				
				
}

	a.cover-buy:link {  color: #fff; background: #371046; }
a.cover-buy:visited {  color: #fff; background: #371046; }
a.cover-buy:hover {  color: #ffffff; background: #cc3300;}
a.cover-buy:active {  color: #ffffff; background: #cc3300; }


	.covers-mags {
	float: left;
	padding: 5px;
	text-align: center;
	margin: 5px 0px 0px 37px;
	width: 150px;
	height: 315px;
	overflow: hidden;
}



/************************************************************************************
EXTRA FORMATTING
*************************************************************************************/


	#grey-box {
	mwidth: 600px;
	padding: 20px;
	background-color: #eeeeee;
	overflow: hidden;
}	
	#grey-box-small {
	width: 620px;
	padding: 10px;
	background-color: #eeeeee;
	overflow: hidden;	
}

	#black-box {
	width: 600px;
	padding: 20px;
	background-color: #000000;
	overflow: hidden;
	
}	
	#player {
	margin-right: 20px;
	}

	.block-eyeplayer {
	float: left;
	width: 200px;
	margin-right: 12px;
		margin-left: 0px;
	margin-bottom: 20px;

}	



	.text-pad {
	padding: 25px;
	text-align: center;
	
}

	.float-left {
	text-align: left; 
	float: left; 
}
	
	.float-right {
	text-align: right; 
	float: right; 
}
	
	.underline {
	height: 1px;
	background-color: #5a001d;
	margin-bottom: 7px;
}

	.divider {
	height: 1px;
	background-image: url('/grfx/stuff/dots.gif');
	margin-top: 15px;
	margin-bottom: 15px;

}			
	.divider-page {
clear: both; 
height: 1px;
background-color: #eeeeee;
margin-top: 20px;
margin-bottom: 20px;
width: 640px;

}		

	.thin-divider {
height: 1px;
background-color: #eeeeee;
margin-top: 5px;
margin-bottom: 5px;

}

	.dots-header {
height: 1px;
width: 100%;
background-image: url('/grfx/stuff/dots.gif');
margin-top: 3px;
margin-bottom: 15px;

}

	.dots-divider {
height: 1px;
	background-image: url('/grfx/stuff/dots.gif');
margin-top: 5px;
margin-bottom: 5px;

}
	.clearfix {
	clear: both;
}
	.gap {
	clear: both;
height: 25px;
}

	.gap-top {clear: both;
height: 15px;
}

	.gap-bigger {
	clear: both;
height: 50px;
}

	.gap-biggest {clear: both;
height: 80px;
}

	.gap-small {
	clear: both;
height: 10px;

}
	.gap-tiny {
height: 5px;
}

	#follow-buttons {
float:right;
padding-left: 15px;
padding-bottom: 5px;
}





/************************************************************************************
IMGS
*************************************************************************************/


	img {  
	border-style: none;
	align: left;
	z-index:0;
	padding-bottom: 0px;
}

	img.opacity {
	opacity: 1;
	filter: alpha(opacity=100);
	}	
 
	img.opacity:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}
	
	
	img.social-button {
	width: 30px;
	margin-right: 7px;
	opacity: 1;
	filter: alpha(opacity=100);
}

	img.social-button:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}	
	
	
	img.user-button {
	display: none;
	opacity: 1;
	filter: alpha(opacity=100);
}

	img.user-button:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}	
	
	
	img.issue-cover {
	width: 165px;
	float: left;
	padding-right: 7px;
}

	img.issue-box-cover {
	width: 165px;
}


	img.cartoon {
	width:225px;	
}


	img.cartoon-home {
	width:195px;	
}

	img.lookalike {
	width:195px;	
}
	
	img.top-story { 
	width: 200px;
	float: left;
	margin-right: 10px; 
}
	
	img.home-box {
	width: 100px;
	float: right;
}
	
	
	img.box-shop {
	width: 159px;
	margin-bottom: 20px;
}

	img.box-contents {
	width: 100px;
	height: 100px;
	margin-left: 5px;
	float: right;
}

	
	img.shop {
	width: 200px;
	height: 150px;
	margin: 0 auto;
}


	img.photo-story { 
	margin-right: 10px; 
	float: left; 
	width: 200px;
}

	img.eyeplayer-thumbs {
	width: 200px;
	height: 90px;
}

	img.eyeplayer-story { 
	width: 200px;
	float: left;
	margin-right: 10px; 
}


	img.plus {
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
}

	img.covers {
	opacity: 1;
	filter: alpha(opacity=100);
	width: 150px;
}	
 
	img.covers:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

	img.old-jokes {
	width: 620px;

}

	img.covers-library-big {
	width: 600px;
}

	img.about-covers {
	float: left;
	width: 150px;
	height: 215px;
	margin: 10px 10px 30px 0px;
}
	
	.photo-pad {
	margin-left: 15px;
	margin-bottom: 10px;
	float: right;
}

	img.article {
	margin-left: 15px;
	margin-bottom: 10px;
	float: right;
}

	#article-caption-box {
	margin-left: 15px;
	margin-bottom: 10px;
	float: right;
	max-width: 60%;
	background: #222222;
	display: inline-block;
	padding: 0px;
}


	#article-caption-box-centred {
	margin: 0 auto;
	margin-bottom: 15px;
	float: none;
	width: 100%;
	background: #222222;
	display: block;
	padding: 0px;
}


	img.article-caption {
	margin: 0px;
	padding: 0px;
	width: 100%;
}


	#caption-box {
	padding: 5px 5px 10px 5px;
	background-color: #222222;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-align: center;
}


	.photo-pad-box {
	margin-left: 15px;
	margin-bottom: 10px;
	float: right;
}

	.photo-pad-left{
	margin-right: 12px;
	margin-bottom: 5px;
}



	.photo-foot {
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top:5px;
}