@font-face {
	font-family: 'entypo';
	src: url('../fonts/entypo/entypo.eot'); 
	src: url('../fonts/entypo/entypo.eot%3F') format('embedded-opentype'), 
	     url('../fonts/entypo/entypo.woff') format('woff'), 
	     url('../fonts/entypo/entypo.ttf')  format('truetype'),
	     url('../fonts/entypo/entypo.svg') format('svg');
	font-weight: normal;
    font-style: normal;
	}

html {
	font-size: 18px;
	font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;	
	}

body {
	background-color: whitesmoke;
	}

a, a:visited {
	color: inherit;
	text-decoration: none;
	}

a:hover {
	opacity: 0.75;
	}

p, li, blockquote {
	font-family: proxima-nova, adobe-text-pro, serif;
	font-size: 1em;
	color: rgba(70,70,70,1);
	}

ul li, ol li {
	margin-left: 1.825em;
	}

ul, ol {
	margin: 0.7em 0;
	}

#issueCoverLayout {
	background: black; /*  ISSUE-SPECIFIC!  */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	position: relative; /* IMPORTANT FOR THE BOTTOM-SUNK TEXT */
	border: 18px solid white; /*  THE COLOR MAY BE ISSUE-SPECIFIC!  */
	}

div.issueCoverLayoutTopRow {
	margin-top: 18px;
	float: left;
	max-width: none;
	}

#logo {
	font-size: 4em;
	font-family: quatro, "Helvetica Neue", Helvetica, arial, sans-serif;
	-webkit-text-size-adjust: none;
	text-decoration: none;
	text-align: left;
	color: black; /*  ISSUE-SPECIFIC!  */
	text-rendering: optimizeLegibility;
	position: relative;
	top: -10px;
	}

.storyTeaser {
	border-left: 1px solid rgba(0,0,0,0.25);
	margin-top: 10px;
	min-height: 54px;
	}

.storyTeaser p {
	margin-left: 8px;
	width: 80%;
	font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 0.85em;
	line-height: 1.2em;
	}

.issueDate {
	margin: -20px 0 0 2px;
	font-size: 0.825em;
	font-weight: 600;
	position: relative;
	}

.aboutAndSubscribe {
	color: rgba(160,160,160,1);
	font-weight: 500;
	z-index:4;
	position: relative;
	}

.solidBackground {
	background-color: white; /*  THE COLOR MAY BE ISSUE-SPECIFIC!  */
	margin-top: 0 !important;
	position: relative;
	left: -20px;
	padding: 0 20px 30px;
	}

.solidBackground .sixcol {
	position: relative;
	left: -20px;
	}

#issueLayoutForSmallerScreens {
	display: none;
	}

#leadStoryRow {
	position: absolute;
	bottom:0;
	left:0;
	margin-bottom: 0;
	max-width:100%;
	}

.leadStoryContainer { /*  THIS WHOLE THING IS ISSUE-SPECIFIC!  */
	float: right;
	text-align: right;
	color: #2c77bb !important;
	width: 300px;
	margin-right: 40px;
	margin-bottom: 20px;
	/* padding: 20px 40px 30px 0; */
	padding: 0;
	font-size: 0.75em; /* This determines the font sizes of the lead story head, subhead, and byline. */
	}

.leadStoryContainer a:hover {
	opacity: 1;
	}

.leadStoryContainer:hover {
	opacity: 0.75;
	}

#leadStoryRow .subhead {
	font-size: 1.25em; /*  ISSUE-SPECIFIC!  */
	}

#leadStoryRow .byline { /*  ISSUE-SPECIFIC!  */
	font-size: 1em;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 4px;
	}

a.headline, a.headline:visited {
	display: block;
	font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2em;
	color: rgba(0,0,0,0.85);
	text-decoration: none;
	font-weight: 800;
	}

.thisSpecificHeadline { /*  ISSUE-SPECIFIC!  */
	float: right;
	text-align: right;
	font-size: 4em !important;
	line-height: 0.9em;
	color: #2c77bb !important;
	width: 500px;
	}

/* PREVIOUS ISSUES */

.previousIssues {
	background-color: whitesmoke;
	}

.previousIssues h2 {
	text-align: center;
	margin: 2em 0 4em;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-rendering: optimizeLegibility;
	font-size: 1.125em;
	color: rgba(120,120,120,0.5);
	}

.previousIssues .issueRow {
	padding-bottom: 7em;
	}

.previousIssues h3 {
	font-size: 1.25em;
	font-weight: 700;
	margin-bottom: .25em;
	color: rgba(80,80,80,1);
	}

.previousIssues p.teaser + h3 {
	margin-top: 2em;
	}

.previousIssues #logo {
	top: 0;
	font-size: 1.625em;
	}

p.previousIssueDate {
	font-size: 0.825em;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 0.125em;
	}

p.previousIssueDate + p.previousIssueDate {
	font-weight: 400;
	margin-bottom: 2.25em;
	text-transform: none;
	}


/*	GENERAL STYLES 
	===================================== */
	
	
	h2 {
		text-align: center;
		margin: 0 auto 2em;
		font-weight: 300;
		}
	
	h3 {
		margin-bottom: 0.5em;
		}
	
/*	HEADER STYLES 
	===================================== */	
	
	#header {
		height: 140px;
		}	
	
		
	p.signIn {
		font-size: 1em !important;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
		}
	
			
/*	Article STYLES 
	===================================== */	
	
	#articleBody {
		background-color: whitesmoke;
		border: 10px white;
		padding-top: 4em;
		padding-bottom: 4em;
		}

	
	#articleLogoDiv {
		text-align: center;
		margin-left: auto;
		margin-right: auto;	
		}
	
	#articleLogoSpan {
		display: inline-block;
		padding: 10px 12px 12px;
		background-color: rgba(255,255,255,0.5);
		border-radius: 5px;
		-webkit-font-smoothing: antialiased;
		}
	
	#articleTopImage h1 {
		font-family: quatro, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 1.77777777777777777777777777777em;
		margin-top: 0;
		margin-bottom: 1em;
		color: rgba(0,0,0,0.75);
		text-align: center;
		height: 42px;
		width: 162px;
		margin: 0 auto;
		border-radius: 4px;
		}
	
	.issueAndIssueDate {
		text-align: center;
		font-weight: 600;
		white-space: nowrap;
		-webkit-font-smoothing: antialiased;
		font-size: 14px;
		}
	
	.titleBox {
		margin-top: 2em;
		border-radius: 5px;
		}
	
	.titleBoxPadding {
		padding: 2em;
		}
	
	.titleBox h2 {
		font-size: 6em;
		line-height: 1em;
		text-align: left;
		color: white;
		font-weight: 600;		
		margin-bottom: 0;
		}
	
	.titleBox .byline {
		color: rgb(120,120,120);
		margin-top: 24px;
		font-size: 1.25em;
		width: 100%;
		-webkit-font-smoothing: antialiased;
		}
	
	#articleBody {
		padding-top: 5em;
		}
	
	#articleBody a, #articleBody a:visited {
		color: rgba(85,125,177,1);
		}
	
	#articleBody h2 {
		margin: 3.5em 0 1.5em;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: 600;
		color: rgb(75,75,75);
		}
	
	#articleBody p, #articleBody li, #articleBody blockquote {
		font-family: adobe-text-pro; proxima-nova; georgia; serif;
		font-size: 1.166666666666666666666667em;
		line-height: 1.4em;
		-moz-font-feature-settings: "onum=1, pnum=1";	
	    -ms-font-feature-settings: "onum", "pnum";
		-webkit-font-feature-settings: "onum", "pnum";
	    -o-font-feature-settings: "onum", "pnum";
		font-feature-settings: "onum", "pnum";
		}
	
	#articleBody blockquote {
	    padding-left: 1.75em;
	    font-style: italic;
	    font-size: 1em !important;
	    margin: 1em 0;
		}
	
	#articleBody p + p, #articleBody div.articleBodyImg + p, #articleBody ul + p, #articleBody ol + p {
		text-indent: 1.75em;
		}
	
	#articleBody .smallCaps {
		text-transform: lowercase;
		font-variant: small-caps;
		letter-spacing: 1px;
		word-spacing: 0px;
		font-weight: 600;
		text-rendering: optimizeSpeed;
		font-size: 1.0476190476em;	
		-moz-font-feature-settings: normal;	
	    -ms-font-feature-settings: normal;
		-webkit-font-feature-settings: normal;
	    -o-font-feature-settings: normal;
		font-feature-settings: normal;
		}
	
	.divider {
		text-align: center;
		color: rgba(50,50,50,0.125);
		font-size: 30px !important;
		margin: 40px 40px 44px;
		-webkit-text-size-adjust: none;
		}
	
	.articleBodyImg {
		margin: 2.5em 0 3em;
		}
	
	.wideImg {
		width: 152.90519878%;
		position: relative;
		/* right: 26.45259939%; */
		right: 26.3%;
		}
	
	.verticalImgLeft {
		width: 40%;
		float: left;
		margin: 1em 20px 2em 0;
		}
	
	.verticalImgRight {
		width: 40%;
		float: right;
		margin: 1em 0 2em 20px;
		}
	
	.wideImg img {
		width: 100% !important;
		}
	
	.articleBodyImg img {
		margin-bottom: 0.5em;
		}
	
	.caption {
		font-family: proxima-nova;
		font-size: 0.8888888888888889em;
		color: rgba(0,0,0,0.7);
		}
	
	.endMark {		
		font-family: 'entypo';
		display: inline;
		text-indent: 0;
		font-size: 1.825em;
		position: relative;
		top: 0.1em;
		line-height: 0;
		color: rgba(200,200,200,1);
		}
	
	.border {
		border-top: 1px solid rgba(0,0,0,0.125);
		margin: 4em 0 3.5em !important;
		}
	
	.authorBio p {
		font-family: proxima-nova !important;
		font-size: 1em !important;
		font-weight: 400 !important;
		color: rgba(0,0,0,0,0.5);
		}
	
	.authorBio p + p {
		text-indent: 0 !important;
		margin-top: 1em;
		}
	
	.otherArticlesInThisIssue {
		padding: 80px 0;
		background-color: white;
		color: rgb(75,75,75);
		font-size: 0.888888888889em;
		}
	
	.otherArticlesInThisIssue h2 {
		text-transform: uppercase;
		font-size: 1em;
		font-weight: 400;
		letter-spacing: 1px;
		color: rgba(75,75,75, 0.75);
		}
	
	.otherArticlesInThisIssue p {
		font-size: 1.125em;
		}
	
	/*	TINYPASS STYLES 
	==============												*/
	
	.articlePageSubscribeSection h2 {
		margin-top: 0 !important;
		}
	
	.tinyPassButtonBox {
		float: right;
		background-color: rgba(235,235,235,1);
		padding: 22px 0 8px;
		margin-left: 36px;
		margin-bottom: 18px;
		border-radius: 5px;
		}
	
	.tinyPassButtonBox h3 {
		text-align: center;
		font-size: 1em;
		font-weight: 200;
		margin-bottom: 0;
		}
	
	.articlePageSubscribeSection .tinypass_button {
		float: right;
		margin-bottom: 0.5em;
		padding-top: 4px;
		}
		
	.borderOnBottom {
		padding-bottom: 1.5em;
		border-bottom: 1px solid rgba(0,0,0,0.125);
		margin-bottom: 2em;
		}
	
	.borderOnTop {
		padding-top: 3em;
		border-top: 1px solid rgba(0,0,0,0.125);
		margin-top: 3.5em;
		}
	
	.borderOnBottom .subscribeButtonInset, .articlePageSubscribeSection .subscribeButtonInset {
		margin-top: 0;
		}

@media only screen and (max-width: 920px) {

	/*	FRONT PAGE STYLES 
	==============												*/
	.previousIssues .twocol {
		font-size: 0.825em;
		position: relative;
		left: -3.25%;
		}

	.titleBox {
		font-size: 0.8rem;
		}
	}

@media only screen and (max-width: 767px) {

	/*	FRONT PAGE STYLES 
	==============												*/
	#issueLayoutForBiggerScreens {
		display: none;
		}
	
	#issueLayoutForSmallerScreens {
		display: block;
		}
	
	#issueCoverLayout {
		width: auto !important;
		padding-left: 20px;
		padding-right: 20px;
		}
	
	.issueCoverLayoutTopRow {
		padding-bottom: 12px;
		margin-bottom: 20px;
		}
	
	.solidBackground {
		padding-left: 20px;
		padding-right: 20px;
		}
	
	.solidBackground .sixcol {
		left: 0;
		}
	
	.issueCoverLayoutTopRow .sixcol {
		font-size: 0.85em;
		}
	
	#logo {
		font-size: 2.5em;
		margin-bottom: 6px;
		text-align: center;
		}
	
	.issueDate {
		text-align: center;
		}
	
	.aboutAndSubscribe {
		display: none;
		}
	
	.storyTeaser {
		display: none;
		padding-left: 0 !important;
		padding-right: 0 !important;
		}
	
	.storyTeaser {
		border: none;
		}
	
	.storyTeaser p {
		margin-left: 0;
		width: auto;
		margin-top: 2em;
		font-size: 1em;
		}
	
	.smallerScreenLeadStoryHeadline {
		color: white;
		font-size: 2em;
		font-weight: 600;
		}
	
	.smallerScreenLeadStoryHeadline h2 {
		margin: 0;
		text-align: left;
		width: 90%;
		font-weight: 800;
		line-height: 1em;
		font-size: 0.9em;
		}
	
	.smallerScreenLeadStorySubhead {
		font-size: 0.425em;
		color: rgba(255,255,255,0.5);
		width: 95%;
		margin-top: 0.25em;
		}
	
	.smallerScreenSecondaryArticle {
		margin-top: 1em;
		padding-top: 1em;
		border-top: 1px solid rgba(255,255,255,0.25);
		}
	
	.smallerScreenSecondaryArticle h3 {
		color: white;
		opacity: 0.9;
		font-size: 1em;
		font-weight: 600;
		margin-bottom: 0.125em;
		}
	
	.smallerScreenSecondaryArticle p {
		font-size: 0.85em;
		color: rgba(255,255,255,0.5);
		font-weight: 600;
		margin-bottom: 1.5em;
		}

	.previousIssues h2 {
		margin: 1.5em 0 2.5em;
		}
	
	.previousIssues .twocol {
		font-size: 1rem;
		text-align: center;
		position: relative;
		left: 0;
		}
	
	
	.previousIssues h1 {
		display: inline;
		}

	
/*	ARTICLE STYLES 
	==============												*/
	
	#articleBody {
		padding-top: 1.5em;
		padding-bottom: 2em;
		}
	
	#articleBody p + p, #articleBody div.articleBodyImg + p {
		text-indent: 1.25em;
		}
	
	.wideImg {
		width: 100%;
		right: 0%;
		}

	
	.verticalImgLeft, .verticalImgRight {
		float: none;
		width: 100%;
		margin: 2.5em 0;
		}
	
	.endMark {	
		top: 0.125em;
		}
	
	.border {
		margin: 2em 20px 1.75em !important;
		}
	
	.otherArticlesInThisIssue {
		padding: 4em 0;
		}
	
	.otherArticlesInThisIssue h2 {
		margin-bottom: 3em;
		}
	
	.otherArticlesInThisIssue p {
		margin-bottom: 3em;
		}
	
	.tinyPassButtonBox {
		float: none;
		margin: auto 0 1em;
		padding-bottom: 1.5em;
		}
	
	.articlePageSubscribeSection .tinypass_button {
		float: none;
		margin: 0 auto;
		}
	}


/*	BUTTON STYLES 
	==============												*/

		.cf:before,
		.cf:after {
		    content: " "; /* 1 */
		    display: table; /* 2 */
		}

		.cf:after {
		    clear: both;
		}

		/**
		 * For IE 6/7 only
		 * Include this rule to trigger hasLayout and contain floats.
		 */
		.cf {
		    *zoom: 1;
		}

		.tinyPassButtonBox {
			display: none;
		}

		.subscribeButtonInset {
			padding: 1.25em 1.25em 1em 1.25em;
			background: #f0f0f0; /* Old browsers */
			background: -moz-linear-gradient(top, #f0f0f0 0%, rgb(250, 250, 250) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,rgb(250, 250, 250))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #f0f0f0 0%,rgb(250, 250, 250) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #f0f0f0 0%,rgb(250, 250, 250) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #f0f0f0 0%,rgb(250, 250, 250) 100%); /* IE10+ */
			background: linear-gradient(to bottom, #f0f0f0 0%,rgb(250, 250, 250) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='rgb(250, 250, 250)',GradientType=0 ); /* IE6-9 */
			border-radius: 6px;
			box-shadow: inset 0px 1px 10px rgb(225,225,225), inset 0px -1px 1px rgb(255,255,255) ;
			border:	1px solid rgba(100,100,100,0.125);
			border-bottom: 1px solid rgba(150,150,150,0.1);
			width: 33%;
			float: right;
			margin-top: 0.5em;
			margin-left: 1.25em;
			margin-bottom: 0.75em;
			}

		.newSubscribeButton {
			margin-top: 0em;
			margin-bottom: 8px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			background: rgb(85,125,177); /* Old browsers */
			background: -moz-linear-gradient(top, rgba(85,125,177,1) 0%, rgba(32,88,139,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,125,177,1)), color-stop(100%,rgba(32,88,139,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(85,125,177,1) 0%,rgba(32,88,139,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(85,125,177,1) 0%,rgba(32,88,139,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, rgba(85,125,177,1) 0%,rgba(32,88,139,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom, rgba(85,125,177,1) 0%,rgba(32,88,139,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#557db1', endColorstr='#20588b',GradientType=0 ); /* IE6-9 */
			padding: 1.5em 1em;
			text-align: center;
			font-size: 1.5em;
			box-shadow: 0px 5px 10px rgba(100,100,100,0.5), inset 0 1px 0px rgba(250,250,250,0.25);
			border-radius: 2px;
			border: 1px solid rgb(104,104,104);

			float: left;
			width: 100%;
			color: whitesmoke !important;
			-webkit-font-smoothing: antialiased;
			}

		a.newSubscribeButton:visited {
			color: whitesmoke !important;
			}

		.lastNewSubscribeButton {
			margin-right: 0;
			}

		.newSubscribeButton:hover {
			opacity: 0.925;
			cursor: pointer;
			}

		.newSubscribeButton span {
			display: block;
			font-size: 0.75em;
			font-weight: 500;
			opacity: 0.65;
			margin-top: 0.125em;
			}

		.subscribeButtonInset p {
			float: right;
			margin-top: 10px;
			font-family: "proxima-nova", "helvetica neue", helvetica, arial !important;
			text-align: center;
			font-size: 0.9em !important;
			color: rgb(104,104,104);
			-webkit-font-smoothing: antialiased;
			width: 100%;
			}

		.subscribeButtonInset .subscribeButtonInsetSignInLink {
			text-indent: 0 !important;
			border-top: 1px solid rgb(220,220,220);
			padding-top: 10px;
			}

		.subscribeButtonInset .subscribeButtonInsetSignInLink a, .subscribeButtonInset .subscribeButtonInsetSignInLink a:visited {
			color: rgba(85,125,177,1) !important;
			cursor: pointer;
			}

		@media only screen and (max-width: 850px) {

			.newSubscribeButton {
					font-size: 1.25em;
				}
			}

		@media only screen and (max-width: 767px) {

			.subscribeButtonInset {
				width: 100%;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				}
			}