/************************************************************************************SCREEN SIZE 860 IPAD / TABLET *************************************************************************************/@media screen and (max-width : 860px) {body {	background-image: none;	background: #ffffff;}#page-wide {	width: 100%;	}	#page-wrap {	width: 100%;	margin: 0 auto;}		#page {	width: 94%; }		#content {	margin: 0 auto;	width: 100%;	float: none;}	#content-pages {	margin: 0 auto;	width: 100%;	float: none;}	#content-home {	margin: 0 auto;	width: 100%;	float: none;}	#story {	width: 100%;	float: none;	margin-top: 10px;	} .cookieinfo {	 padding: 10px 20px !important;	 font-size: 12px !important; }	/************************************************************************************HEADER*************************************************************************************/				#top-bar {		height: 75px;}#header-wide {	width: 100%;}#header {	margin-top: 0px; /* new line */ 	margin: 0 auto;	width: 100%;overflow: hidden;min-height: 0px;}	#social-mobile {	display: none;}#leaderboard-iframe {		width: calc(100% - 100px);		height: 55px;		text-align: center;	}.iframe-leaderboard-new {		height: 55px;		width: 396px;}	.iframe-leaderboard {		max-height: auto;		padding: 0;	width: calc(100% - 80px); 	margin: 0 auto;  float: left;}#leaderboard {	 	margin: 0 auto;	 	padding: 0;		width: 100%;		text-align: center;}	.leaderboard {		padding: 0;		width: 495px; 	margin: 0 auto;		float: none;		margin-bottom: 5px;		}#site-logo {	width: 50%;	margin: 0px 0 15px 15px;	min-width: 340px;	}	#mobile-logo {	}	#header-right-box {		width: 43%;	padding: 0;	margin: 0px 0 15px 0;	}	#social {}	.login {			font: 300 12px/13px Merriweather, 'Droid Serif', Arial, Helvetica;	}				#header-account-box {			margin: 0px 10px 0 0;}		.float-right-mobile {display: inline;float: right;text-align: right;margin-top: 7px;}			.float-right {display: none;}/************************************************************************************NAVIGATION*************************************************************************************/nav {  height: 55px;  width: 50px;}#menuToggle {  top: 20px;  left: 10px;}#nav-box {	display: none;}#nav-box-mobile {	display: block;	height: 30px;	text-align: center;	padding: 12px 0px 7px 0px;	border-top: 1px solid #999999;	border-bottom: 1px solid #ccc;}	.nav-ipad {		display: inline;	}				.nav-mobile {		display: inline;	}		.nav-iphone {		display: inline;	}	#sub-nav-box {	margin: 0 auto;	width: calc(100% - 20px);	padding: 5px 10px 7px 10px;	text-align: center;}		#nav-box-pages-wide {	width: 100%;	padding: 0px;}	#nav-box-pages {	margin: 0;	width: calc(100% - 20px);	padding: 5px 10px 7px 10px;	text-align: center;}	.slash-pages {			margin: 0px 5px;}/************************************************************************************SIDEBAR*************************************************************************************/		#sidebar {	width: 340px;	margin: 0 auto;	float: none;	text-align: center;}	#issue-cover-box {	padding: 5px 0px;	width: 100%;	border: 0;	display: none;}	#issue-cover-box-mobile {	padding: 10px 5px;	margin-bottom: 25px;	background: #fefefe;	overflow: hidden;	display: block;	text-align: center;	border-top: 0px solid #93a0a7;}	#issue-cover {	width: 75%;	margin: 0 auto;}				img.issue-cover {	width: 70%;	float: none;	margin: 0px 20px 0px 10px;	}			.currently-viewing {}		.iframe-mpu {	width: 340px;	height: 283px;}	.mpu-ad {			width: 340px;}	.facebook {	display: inline;}	.facebook-240 {	display: none;}.widget { 			width: 340px;}	.widget-twitter {	width: 340px;	display: none;}	.twitter {	width: 340px;}	#ipad-break {		clear: both;width: 100%;height: 1px;}		.blue-buttons {	width: 260px;	margin: 10px auto;	padding: 10px 3px;	font: normal 18px/18px Francois One, Verdana;}	/* Dropdown Button */.country-btn {    padding: 6px 3px;    margin: 10px 0px;	font: normal 18px/18px Francois One, Verdana;    width: 264px;}/* Dropdown Content (Hidden by Default) */.country-content {	font: normal 18px/18px Francois One, Verdana;    margin: 0px auto;    padding: 5px 0 10px 0;    width: 258px;}/************************************************************************************HOME*************************************************************************************/	#ticker-box-wide {	width: 100%;	display: none;}#ticker-box {	width: 100%;	display: none;}	#ticker-wrapper.has-js {	width: 90%;		display: none;}		#ticker {	width: 100%;		display: none;}	#ticker-swipe {	width: 100%;		display: none;}	#home-strip-wide {	width: 100%;}			#home-strip {	width: 94%;	margin: 0 auto;	text-align: center;}	#home-color-content-wide {	width: 100%;}		#home-color-content-wide-2 {	width: 100%;}		#home-color-content-wide-3 {	width: 100%;}			#home-color-content {	width: 94%;	margin: 0 auto;}#home-content-wide-yellow {width: 100%;}	#home-content-wide {	width: 100%;	}			#home-content {	width: 100%;	margin: 0 auto;}#home-shop-content-wide {	width: 100%;					background-image: url(../grfx/stuff/box-shop-wideXXX.gif);	}#home-shop-content-wide-2 {	width: 100%;					background-image: url(../grfx/stuff/box-shop-wideXXX.gif);	}			#home-shop-content {	width: 94%;	margin: 0 auto;	border-left: 0px;}#block-home-wide {	width: 94%;	margin: 0 auto;	float: none;}#block-home-vertical {	width: 94%;	margin: 0 auto;	float: none;}#block-home-sidebar {	width: 100%;	text-align: center;}#block-cartoons-wide {	float: left;	width: 40%;	margin: 60px 0 20px 0px;}	#block-lookalikes-wide {	width: 40%;	float: right;	margin: 60px 0 100px 0px;}#block-number-crunching-wide {	float: none;	clear: both;	width: 70%;	margin: 0px auto;	margin-top: 160px;}	#caption-cartoon {	width: 63%;	margin-top: 15px;}#top-stories {	margin: 20px 0px;	width: 32%;	float: right;		overflow: hidden;	padding: 0;	text-align: left;}.blurb-show {	display: none;}		img.blurb { 	width: 100%;		margin: 7px 0px 10px 0px; }	.home-divider {		margin: 8px 0;	}	img.top-story { 	width: 40%;	float: right;	margin-right: 0px;	margin-left: 30px;}#only-mag-strip-wide {	width: 100%;}#only-mag-strip-wide-2 {	width: 100%;}#only-mag-strip-wide-3 {	width: 100%;}	#only-mag-strip {	width: 94%;		margin: 0 auto;		text-align: center;}#only-mag-cover-ipad {	display: block;}#only-mag-issue-cover-box {	width: calc(32%);	float: right;	margin: 20px 0px 0 0;	text-align: center;}img.only-mag-issue-cover {	width: 80%;	margin-bottom: 5px;	border: 1px solid #dddddd;}#issue-cover-buttons {	width: 80%;	margin: 0 auto;height: 120px;		}.blue-buttons {	padding: 6px 3px;	width: calc(100% - 6px);		font: normal 12px/12px Francois One, Verdana;	margin: 5px auto;}#country {	display: block;}.country-btn {    font-size: 12px;	width: calc(100%);	padding: 0;	    margin: 7px 0px 5px 0px;}.country-content {            font-size: 13px;    width: calc(100% - 2px);}	#only-mag-text {	padding: 30px 0px;	margin: 0px auto;	width: 63%;	text-align: left;}	#only-mag-text-block {	margin: 20px 0px;padding: 0;	width: 50%;			text-align: left;}	.only-mag-block {	width: 100%;	}.only-mag-line {	height: 1px;		margin: 15px 0px;		width: 100%;	}img.only-mag-cartoon {		width: 25%;		margin: 70px 0px 10px 0px;		float: left;		display: none;	}			img.only-mag-cartoon-ipad {		width: 40%;		margin: 50px 0px 10px 0px;		float: right;		display: inline;	}		img.only-mag-ad {										clear: both;	float: left; 	width: 22%;	margin: 20px 0px 10px 0;	display: none;	}	.iframe-only-mag-mpu {	display: none;	float: left; 	width: 22%;	margin: 20px 0px 10px 0;}.iframe-only-mag-mpu-ipad {	display: inline;	margin: 30px auto;	width: 300px;	height: 260px;	margin-bottom: 20px;	clear: both;}		#block-home {	float: none; 	width: 100%;	margin-bottom: 20px;	display: none;}	#block-cartoons {	float: none; 	width: 100%;}			#block-lookalikes {	float: none; 	width: 100%;}		#block-number-crunching {	float: none; 	width: 100%;}	#block-articles {	width: 94%;	margin: 0 auto;	margin-bottom: 30px;	float: none;}	.block-story {	width: 100%;}	#mobile-mpus {	margin: 0px auto;	display: block;	text-align: center;	border-bottom: 1px solid #eee;	margin-bottom: 40px;}	#block-home-boxes {	width: 70%;	margin: 0 auto;	float: none;	background: #ffffcc;	margin-top: 20px;}	.home-box-left {	width: calc(50% - 55px);	float: left; 	margin: 0 55px 0 0;} 		.home-box-right {	width: calc(50% - 55px);	float: right;	margin: 0 0 0 55px;}/************************************************************************************CLASSIFIEDS *************************************************************************************/#classifieds {	    width    : 100%;}#classifieds-mobile {	background-color: #fff;	overflow: hidden;	margin: 30px 0 20px 0;	padding: 0 0 0 25px;	clear: both;	display: block;		font: 300 19px/26px Source Sans Pro, Georgia, Helvetica, sans-serif;}#classifieds-left {	overflow: hidden;float: left;width: 35%;		font: 300 19px/26px Source Sans Pro, Georgia, Helvetica, sans-serif;}#classifieds-right {	overflow: hidden;float: left;width: 35%;		font: 300 19px/26px Source Sans Pro, Georgia, Helvetica, sans-serif;}img.classifieds-ad-mobile {	float: right;	width: 30%;	margin: 0;}#classifieds-iframe-block {	width: 100%;}#classifieds-iframe {    top      : -650px;    width    : 100%;}#classifieds-sidebar {		border-left: 0px solid #eeeeee;	padding-left: 0;	width: 100%;	margin: 0px;	float: none;}#classifieds-box {	border:1px solid #cccccc;	width: 94%;	font: 300 19px/26px Source Sans Pro, Georgia, Helvetica, sans-serif;	padding-bottom: 40px;	margin-bottom: 40px;}#classifieds-info {		padding: 6px 0 7px 0;		margin-bottom: 10px;	font: normal 21px/26px Francois One, Georgia, Helvetica, sans-serif;}img.classifieds-issue {	width: 100%;}/************************************************************************************SHARED*************************************************************************************/	img.gnitty {		display: none;			}			img.gnitty-ipad {		width: 25%; 		float: right;		margin: 0 15px 0 30px;		display: inline;	}	#current-issue-sidebar {	width: 100%;	float: none; 	padding: 0;	margin: 30px 0 20px 0px;}		img.current-issue {	width: calc(100% - 2px);}.follow-box {		float: none;		width: 340px;		margin: 0 auto;		padding: 10px 20px 15px 20px;		}				.follow-box-gap {	clear: both;height: 35px;float: none;}		#block-follow {		float: none;		width: 100%;		margin: 0 0 30px 0px;	}				#block-widgets {		float: none;		width:300px;		margin: 0 auto;	}#block-sections {	float: none;	width: 100%;	margin-bottom: 30px;	}	#sections-sidebar {	width: 100%;	float: none; 	padding: 30px 0;	margin: 30px 0;		border-top:#eeeeee 1px solid;	border-left:#eeeeee 0px solid;	border-bottom:#eeeeee 1px solid;	text-align: left;}#follow-us {	float: none;	border: 0px;	padding-left: 0px;	padding-top: 25px;	width: 100%;}	#block-right {	float: none;	width: 100%;	margin: 0px 0px 30px 0px;	border: 0px;	padding: 0px;}		#block-left {	float: none;	width: 100%;	margin: 0px 0px 30px 0px;}		#block-box {	width: 100%;}	#issue-box {	width: calc(100% - 50px);	margin: 0 auto;	padding: 20px 25px;	margin-bottom: 60px;}				img.issue-box-cover {	width: 40%;		margin: 25px 0 30px 0px;		padding: 0;}	#issue-box-text {	width: 55%;	padding: 0;	margin: 0;}		#only-box {	width: calc(40% - 10px);		margin: 35px 0px 10px 0px;		text-align: center;}		#subscribe-here {	float: left;	margin-top: 10px;	width: calc(100% - 160px);}	#boxes-shop {	width: 440px;	margin: 0 auto;}	.section-left {	margin-left: 30px;}.box-shop-wide {	width: 100%;	float: none;	margin-bottom: 50px;		background-image: url(../grfx/stuff/box-shop-wide-ipad.gif);			background-color: #f1f6f7;		overflow: hidden;		border-radius: 5px;}		.box-shop {	float: left;	width: 218px;	margin-bottom: 50px;}	.box-shop-info {	padding: 12px 2px 12px 2px;	background-color: #554e5a;	font: 300 18px/20px Merriweather, Arial, Helvetica, sans-serif;	color: #ffffff;}		.box-shop-info-2 {	padding: 12px 2px 12px 2px;	background-colorX: #554e5a;	font: 300 18px/20px Merriweather, Arial, Helvetica, sans-serif;	color: #ffffff;}		.box-shop-info-wide {	padding: 12px 2px 12px 2px;	background-color: #554e5a;	font: 300 18px/20px Merriweather, Arial, Helvetica, sans-serif;	color: #ffffff;}	img.box-shop-grfx {	width: 180px;		margin-bottom: 0px;}	.box-contents {	width: 98%;	padding: 5px;	margin-bottom: 5px;}		.contact-box-left{	float: none;	width: 90%;	padding: 10px;	margin-bottom: 40px;	height: 100%;	}	.contact-box-right{	float: none;	width: 90%;	padding: 10px;	height: 100%;}	.contact-box{	float: none;	width: 90%;	padding: 10px;	margin-bottom: 20px;	height: 100%;	}	.extras-box {} 		.extras-box-right {}.reports-box {	width: calc(100% - 22px);	margin: 0px 0px 30px 0px;		text-align: center;} 	img.report {	width: 100%;	float: none;	margin: 0px 0px 0px 0px;}img.featured-report {	width: 100%;	float: none;	margin: 0px 0px 10px 0px;}	.divider {	width: 98%;}		.divider-page {	width: 100%;}		/************************************************************************************FOOTER*************************************************************************************/					#why-subscribe-wide {		width: 100%;}	#why-subscribe-new {	width: 94%;}	#why-subscribe {	display: none;}#footer-wide {	width: 100%;			background-color: #e4eaec;}#footer {	width: 100%;}	#footer-logo {	width:65px;	float: right;	margin-right: 10px;	margin-left: 10px;	margin-bottom: 30px;}	#footer-info {	padding-bottom: 0px;}	.footer-block {	padding: 0px;	margin-left: 30px;	border-left: #ccc 0px solid;	height: auto;	margin-bottom: 25px;	float: left;		width: 100%;}	#footer-credits {	float: none;	width: 100%;}	#footer-2tier {	float: none;	margin-top:50px;}img.gnitty-50 {	width: 140px;	float:left;		margin: 0 20px 20px 20px;	}/************************************************************************************COVERS LIBRARY*************************************************************************************/	#block-covers {	width: 100%;	padding: 10px 0px;	margin-top: 20px;}			#block-covers-menu { 	margin: 0;}		.block-covers-menu {	width: 100%;	float: none;	margin: 5px 0px 15px 0px;	text-align: center;}	img.old-jokes {	margin: 0;}	.covers-header {	display: none;}	.covers-header-mobile {	display: inline;}		.covers-field { 	margin-top: 0px;	vertical-align: top;}	#block-covers-content {	width: 100%;	padding: 10px 0px;}	#block-previous {	margin: 0;}.covers-mags {	float: none;	width: 60%;	margin: 0 auto;	height: 100%;	margin-bottom: 20px;	margin-top: 20px;}	img.covers {	width: 100%;	height: 100%;}		img.covers-library-big {	width: 90%;}	.covers-home {	width: 218px;	margin-bottom: 1px;}	img.covers-home {	height: 225px;}	/************************************************************************************EXTRA FORMATTING*************************************************************************************/	.gap {	height: 40px;}	#grey-box {	width: 95%;	padding: 10px;	}		#grey-box-small {	width: 95%;	text-align: center;}	#podcast-box {	width: 95%;}	.block-podcast {	width: 98%;}	#podcast-info {	margin: 5px 0 0 0;	}	#podcast-listen {	width: 100%;	margin: 20px 0 0 0;	}	img.podcast-logo {			width: 200px;}	img.podcast-listen {	width:calc(33% - 30px);	margin: 10px 30px 0 0px;}	img.podcast-down {width:calc(33% - 60px);}	#black-box {	width: 95%;	padding: 10px;}	.block-eyeplayer {	float: none;	width: 100%;	margin-bottom: 10px;}		.eyeplayer-gap {		float: none;		width: 100%;		height: 2px;	}	.dots-header {	background: #eee;	background-image: none;}		.divider {	background: #eee;	background-image: none;}		#block-report {float: none;margin: 10px 0 20px 0;width: 100%;}#report-download {float: none;width: calc(100% - 40px);margin: 0 0 20px 0px;}		img.office {		width: 40%;		margin: 15px 0 30px 35px;	}		img.about-covers {		width: calc(50% - 50px);				margin: 0 24px 45px 24px;}/************************************************************************************IMGS*************************************************************************************/	img {	max-width: 100%;}		img.social-button {	width: 22px;	margin: 0px 12px 0 0;}		img.footer-button {	width: 32px;	margin: 3px 20px 0px 0px;}	img.user-button {	width: 26px;	margin: 3px 0px 0px 2px;	display: inline;}				.photo-pad {}	.photo-pad-box {	max-width: 50%;}	img.article {	width: 98%;	display: block;	max-width: 100%;	margin: 0 auto;	margin-bottom: 20px;	float: none;}	#article-caption-box {	width: 100%;	display: block;	float: none;	max-width: 100%;	margin: 0px;	margin-bottom: 20px;	}	#article-caption-box-centred {	width: 100%;}	img.article-caption {	width: 100%;	margin: 0;	float: none;}	#caption-box {	font-size: 14px;}			img.cartoon {	display: block;	width: 320px;	margin: 0 auto;	margin-top: 5px;		float: none;		}	img.cartoon-home {	display: block;	width:90%;	margin: 0 auto;	margin-top: 5px;		margin-bottom: 40px;}		img.lookalike-home {	width:100%;	display: block;	margin: 0 auto;	margin-top: 30px;	}	img.lookalike {	max-width: 95%;}		img.home-box {	width:100%;	float:none;	margin: 0px 0px 15px 0px;	padding: 0;}			img.box-contents {	margin-left: 5px;	float: right;	width: 25%;}	img.shop {	width: 80%;	height: auto;	margin: 0px 0px 20px 0px;	padding: 0;}	img.extras {	width: 70%;	height: auto;	margin: 0px 0px 0px 0px;	padding: 0;}			img.eyeplayer-thumbs {	float: left; 	margin-right: 10px;	width: 40%;	height: auto;}	img.eyeplayer-story { 	display: block;	width: 50%;	float: right;	margin: 0 0 10px 15px;}				img.plus {	width: 50%;	float: right;}		img.alignright {	width: 100%;	margin: auto;	margin-bottom: 10px;	margin-top: 0px;}	img.alignleft {	width: 100%;	margin: auto;	margin-bottom: 10px;	margin-top: 0px;}	img.paul-foot-award {	width: 100%;	margin-top: 20px;}	img.save-pounds {	margin:0 auto;	width: 140px;	}	/************************************************************************************FONTS*************************************************************************************/	body {	font-size: 17px; line-height: 23px;	}	.text {	font-size: 18px; line-height: 25px;	}	.article{	font-size: 17px; line-height: 28px;	}	.sub-nav-bar{	font-size: 14px; line-height: 24px;}	.headline{	font-size: 32px;}	.top-story{	font-size: 22px;}	.header{	font-size: 18px;}	.header-home{	font-size: 16px;	padding-bottom: 0px;	letter-spacing: 0px;}	.mini-headline {	font-size: 18px/20px;}		.home-boxes {	font-size: 20px/24px;}	.more {	font-size: 13px; line-height: 22px;}			.footer {	font-size: 22px;}	.footer-drop{	font-size: 22px/26px;}	.eyeplayer-menu{	font: normal 16px/26px Merriweather, Francois One, Georgia, Helvetica, sans-serif;	font-weight: 300;}/************************************************************************************SEARCH & FORMS*************************************************************************************/	#search-input {                top: 0px;				margin: 2px 5px 0px 5px;				padding: 0px 7px 4px 7px;                background:#ffffff;                border:1px solid #dddddd;				width: 10px;				height: 20px;				display: none;	}		#search-button {	 width: 20px;	 display: none;}/************************************************************************************VOTE *************************************************************************************/#vote-page-wide {		width: 100%;	}#vote-page {	width: 94%;	margin: 0 auto;}#vote-content {	padding: 0px 0px 0 0;	width: 100%;	margin: 0px;}#vote-banner {	margin: 25px 0px 0 0px;	font: 30px/36px Courier, Francois One, Georgia, Helvetica, sans-serif;		color: #000033;				font-weight: bold;}	.vote-headline {			font: 28px/32px Courier, Francois One, Georgia, Helvetica, sans-serif;				font-weight: bold;}	#vote-heads {		display: inline-block;		margin: 0 auto;}		img.vote-head {		float: left;		width: 100px;		margin: 0 30px;}	.vote-info {		font: 16px/22px Courier, Francois One, Georgia, Helvetica, sans-serif;	}.vote-round {		padding: 5px 30px 8px 30px;}			.vote-cover-box {float: left;margin: 10px 35px 20px 35px;width: calc(50% - 72px);}.vote-cover-info {margin: 0px 5px;width: calc(100% - 10px);	}img.vote-cover {		margin: 0 0 10px 0;		height: auto;		width: 100%;}	.gap-vote {		display: none;	}	.vote-button {		padding: 5px 7px;		margin-bottom: 10px;}	.vote-cover-star {}#sidebar-vote {	width: calc(100% - 60px);	margin: 0px;	float: right;	padding: 30px 30px 45px 30px;	min-height: 2500px;		min-height: 0;}.voting-now {			float: right;			margin: 10px 0 5px 5px;		padding: 5px 7px;		margin-bottom: 10px;}.grey-line {		margin: 20px 0 20px 0;}img.trumpet {	float: right;			width: 40%;		margin: 0px 0 30px 30px;}			img.gnitty-vote {display: none;	}.all-rounds {		float: none;				width: 100% - 10px);			}	.cover-results {		width: 100%;	}	}