/* Reset */


/* Common */
body						{ font-family: Tahoma, Arial, sans-serif; background-color: white; margin: 0px; font-size: 14px; line-height: 130%; color: black; position:relative; }

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times, "Times New Roman", serif; margin: 0; padding: 0;
}

h1{
	color: #c00;
	font-size: 34px;
	font-weight: bold;
 }

h2{
	color: black;
	font-weight: bold;
	font-size: 18px;
}




hr 							{ border: 0px; border-bottom: solid 1px silver; height: 1px; }

p 							{ margin-bottom: 14px; font-family: Georgia, Times, serif; font-size: 14px; line-height: 21px }

strong						{ font-weight: bold; }

a 							{ text-decoration: none; color: #c00; }
a:visited					{ color: #c00; }
a:hover						{ color: #c00; text-decoration: underline; }

#container					{ width: 960px; margin: 0px auto 30px auto; border-top: 0px; }
#sidebar + #content 		{ display: inline-block; width: 620px; padding: 20px 0px; padding-top: 0; margin-top: -5px }

#content 					{ float:left; }

.shadow-small				{ box-shadow: 1px 1px 4px rgba( 0, 0, 0, .4 ); -webkit-box-shadow: 1px 1px 4px rgba( 0, 0, 0, .4 ); -moz-box-shadow: 1px 1px 4px rgba( 0, 0, 0, .4 ); }
.shadow-small-hard			{ box-shadow: 2px 2px 0px #422701; -webkit-box-shadow: 2px 2px 0px #422701; -moz-box-shadow: 2px 2px 0px #422701; }
.shadow-large				{ box-shadow: 2px 2px 10px rgba( 0, 0, 0, .4 ); -webkit-box-shadow: 2px 2px 10px rgba( 0, 0, 0, .4 ); -moz-box-shadow: 2px 2px 10px rgba( 0, 0, 0, .4 ); }

.clear 						{ clear:both; }
.center 					{ text-align: center; }

/* ====================== New design ======================= */
input[type=text],
input[type=password],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}

.search-form {
	position: relative;
}

	.search-string {
		background-color: #EAEAE5;
		border-top: solid 1px #92928F;
		border-right: solid 1px #92928F;
		box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.2);
		margin-right: 32px;
		height: 27px;
	}

		.search-string input {
			border: 0 none;
			background-color: transparent;
			padding:0;
			margin: 0 2%;
			width: 96%;
			height: 27px;
			color: #666;
		}

		.search-string input:focus {
			outline: none;
		}

		.search-string input.error {
			color: #cc0000;
		}

	.search-button {
		position: absolute;
		top: 2px;
		right: 0;
		width: 30px;
		height: 24px;
		background: url('/images/search.gif') no-repeat top left #fff;
		overflow: hidden;
		cursor: pointer;
		outline: none;
	}

		.search-button input {
			width: 30px;
			cursor: pointer;
			border: 0 none;
			background-color: transparent;
			padding: 30px;
			position: absolute;
			top: 0;
			left: 0;
		}
		.search-button input:focus {
			outline: 0 none;
			border: 0 none;
		}

/**
 * Header Navigation
 */

#navigation{
	position: relative;
	/* top: 77px; */
}

#navigation ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	min-height: 28px;
	font-family: arial, sans-serif;
}

	#navigation li {
		position: relative;
		display: inline;
		float: left;
		list-style: none outside;
		margin: 0;
		padding: 0 9px 0 8px;
		line-height: 28px;
	}

#navigation ul.menu {
	background-color: #252525;
}

	#navigation ul.menu a {
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 12px;
	}

	#navigation ul li.current-post-ancestor a,
	#navigation ul li.current-menu-parent a,
	#navigation ul li.current-menu-ancestor a,
	#navigation ul li.current-menu-item a {
		color: #cc0000;
	}


#navigation ul.sub-menu {
	background-color: #F5F5F5;
}
	#navigation ul.sub-menu a {
		color: #000;
	}
	#navigation ul.sub-menu a:hover,
	#navigation ul.sub-menu a:focus	{
		color: #cc0000;
	}
	#navigation ul.sub-menu li.current-menu-parent a,
	#navigation ul.sub-menu li.current-menu-item a {
		color: #cc0000;
	}

#navigation .subscription {
	background-color: #c00;
	display: inline;
	float: right;
}

/* New top bar - copied directly from live spectator main site */
#top{
	background: #252525;
	margin: 0 -20px;
	position: relative;
	z-index: 9999;	
}

.col-full {
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
	zoom: 1;
	display: block;
}

.fix:before, .fix:after, .col-full:before, .col-full:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

.fix:after, .col-full:after {
	clear: both;
}

#top #top-nav { /* RIGHT */
	display: block;
	float: right;
}

#top #top-left-nav {
	display: block;
	float: left;
}

#top .nav {
	font-family: arial, sans-serif;
}

.nav {
	z-index: 99;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
	font-size: 14px;
}

#top .nav li {
	position: relative;
}

.nav li {
	float: left;
	width: auto;
}

.nav a {
	font-size: 12px;
	position: relative;
	color: #fff;
	display: block;
	z-index: 100;
	padding: 0 8px 0 8px;
	line-height: 28px;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: bold;
}

#top .nav a {
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.4;
	padding: 8px 10px;
	text-decoration: none;
	text-shadow: none;
}

#top .nav a:hover {
    color: #fff;
    background: #000;
    background: rgba(0, 0, 0, 0.3);
}
/* Footer */
/*#footer 					{ padding: 5px 0px; color: silver; font-family: georgia, Times, serif; }
#footer ul 					{ width: 130px; float: left; margin: 10px 30px 30px 0px; line-height: 90%; }
#footer ul li 				{ padding: 0px 3px; margin: 0px; }
#footer .heading 			{ color: black; font-weight: bold; font-size: 12px; font-style: italic; padding: 5px 3px; margin-bottom: 5px; border-bottom: solid 1px silver; }
#footer a 					{ color: #666666; text-decoration: none; font-size: 11px; }
#footer a:hover				{ text-decoration: underline; }
#footer #address 			{ text-align: center; clear: both; padding: 0px 20px; color: #666666; font-size: 11px; font-style: italic; }
#footer #copyright 			{ text-align: center; clear: both; padding: 0px 20px; margin-bottom: 20px; color: #666666; font-size: 11px; font-style: italic; }*/
/* Header */
#header 					{ background-repeat: no-repeat; width: 960px; /*height: 290px;*/ margin: 0px auto; position: relative; margin-bottom: 20px; }
/*#header #leaderboard		{ margin: 5px auto 0; position: relative; width: 728px; }*/
#header #leaderboard		{ margin: 5px auto 8px; position: relative; }
/*#header .logo 				{ position: absolute; left: 0; top: 190px; }*/
#header .logo 				{ left: 0; top: 190px; display: inline-block; width: 500px; display: inline-block; }
/*#header .search-form 		{ position: absolute; right: 0; top: 212px; width: 216px; }*/
#header .search-form 		{ width: 216px; display: inline-block; position: relative; bottom: 25px; left: 240px; }
/*#header .search input		{ position: absolute; top: 150px; right: 0; box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.2); border-top: solid 1px #92928F; border-right: solid 1px #92928F; line-height: 27px; padding: 0;}*/

#header #buttons			{ position: absolute; right: 40px; top: 120px; }

#header #issue-promo 		{ font-size: 12px; position: absolute; right: 25px; top: 20px; width: 130px; }
#header #issue-promo h2 	{ color: red; font-size: 13px; font-weight: bold; margin: 0px; padding: 0px; border: 0px; text-align: left; }
#header #account 			{ font-size: 12px; position: absolute; top: 170px; right:20px; }
#header #account a 			{ padding-right: 15px; }
#header #menu				{ position: absolute; left: 20px; top: 207px; width: 950px; padding-top: 4px; }
#header #menu a				{ padding: 0px 3px; border-right: solid 1px white; font-size: 14px; font-family: Tahoma, Arial, sans-serif; color: white; display: inline-block; }
#header #menu a:hover		{ color: #C80000; }
#header #menu a.right		{ float: right; border-right: 0px; }
#header #menu a.last		{ border-right: 0px; }

#header #archive-menu				{ position: absolute; left: 20px; top: 242px; width: 957px; font-family: Georgia, Times, serif;; }
#header #archive-menu a				{ padding: 2px 10px 1px 10px; font-size: 14px; color: black; color: black; display: inline-block; }
#header #archive-menu a:hover		{ text-decoration: underline; }
#header #breadcrumbs		{ position: absolute; width: 880px; font-size: 12px; font-weight: bold; color: white; left: 28px; top: 272px; }
#header #breadcrumbs a		{ color: white; }
#header #breadcrumbs #date	{ color: black; font-weight: normal; float: right; }

/*---------- TOO MANY VIEWS --------*/
#too-many-views-overlay { display: block; position:fixed; top: 0; left:0; right: 0; bottom: 0; z-index:2000; background: url('/images/trans-bg.png'); background: rgba( 0, 0, 0, 0.9); }
#too-many-views-overlay #register { width: 600px; height: 600px; top: 150px; margin: 0 auto; position: relative; background: white; border: 5px solid #c00; padding:10px; text-align: center;}
#too-many-views-overlay #register h3 	{ font-size: 24px; color: #c00; font-family: tahoma, arial, sans-serif; font-weight:bold; }
#too-many-views-overlay #register img 	{ box-shadow: 1px 1px 6px rgba( 0,0,0,0.7); margin-top: 30px;}

/*-------- LOGIN --------*/
#login-overlay{ display: none; position: fixed; top: 0; left: 0; right: 0px; bottom: 0px; z-index: 3000; background: url('/images/trans-bg.png'); background: rgba( 0,0,0,0.5 ); }

#login-dialog { background:white  url('/images/PP-tab-container-top.gif') no-repeat 10px 33px; position:absolute; z-index:2500; width: 300px; padding: 10px; border: 1px solid #888; margin: 0 auto; top: 150px; }
.ie8 #login-dialog, .ie7 #login-dialog  { position: relative; }

#login-dialog .tabs{ width:300px; height:38px;  padding-bottom: 1px; width: 135px; padding-left:10px; background: url("/images/PP-tab-slt-left.gif") 0 0 no-repeat; }
#login-dialog .tabs span { float:left; font-weight:bold; font-family: arial, sans-serif; color:white; font-size: 12px; letter-spacing: -1px; line-height: 32px; text-align:center; margin: 0 auto; }
#login-dialog .close { position: absolute; right: 10px; top: 13px; color: #666; font-family: Tahoma, Arial; }

#login-dialog .login-container { background: url('/images/PP-tab-container-btm.gif') no-repeat left bottom; padding: 10px 20px 20px 20px; }
#login-dialog .login-container h3 { color: #c00; font-size: 16px; text-align: center; margin-top: 10px; }

#login-dialog .login-container p.row { padding: 0; margin: 0 0 10px 0; }

#login-dialog .login-container form label{ display: block; font-family: tahoma, arial, sans-serif; float: left; width: 59px; line-height: 28px; color: #666; text-align: left; margin-right:10px; font-size: 13px; }
#login-dialog .login-container form input { height: 24px; line-height: 24px; width: 185px; font-family: Arial,Sans-Serif; font-size: 13px; color: black; padding: 1px 0px; padding: 1px; background: white; border: 2px inset;  cursor: auto; }
#login-dialog .login-container form input[type="submit"] { background: url('/images/login-submit.gif') no-repeat; width: 80px; height:30px; cursor: pointer; margin-right:20px; border:0; text-align:center; }
.submit-row { text-align: center; margin-bottom: 0 !important; }
.forgot-password { color: #c00; font-family: tahoma, sans-serif; font-size:13px; text-align: center; }
.invalid { color: red; display: block; padding: 10px 0 5px; font-size:13px; font-family: tahoma, arial, sans-serif; }

/* -------- HOME PAGE -------- */
#home-top-panel { margin: 0 10px 10px 0;width: 620px; float:left; }
#welcome 	{ position: relative; float:left; margin: 0 10px 10px 0;  }
#welcome h1	{ margin-bottom: 16px;}
#welcome h2 { margin-bottom: 20px; }

#welcome p { font-size: 16px; line-height: 170%; }

#search-box { position: relative; float:left; bottom:0; background: #EAEAEA; padding: 0px 5px 5px; margin: 10px 10px 10px 0;  text-align: left; width:610px; height:85px;  display: inline-block;}

#search-box input { position: absolute; right: 20px; top: 10px; padding: 5px; background: white; width: 570px; font-family: georgia, "times new roman", serif; border-top: solid 1px #bbb;
		border-right: solid 1px #bbb;
		box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.2); outline: 0; font-size: 18px; }

#search-box .date-select {	position: absolute; top: 57px; left: 20px;  font-family: georgia, 'times new roman', serif; }
#search-box .date-select > div  { display: inline-block; }
#search-box .date-select label  { display: inline-block; margin-right: 10px; font-family: arial, sans-serif;}
#search-box .date-select .to 	{ margin-left: 36px; }
#search-box .date-select select{ display: inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; outline:0; border: 1px solid #888; background-image: -webkit-linear-gradient(top, #d6d6d6, #fefefe); margin-right: 0; margin-left: 0; }

#search-box .date-select select:last-child{
	margin-left: -5px;
}

#search-box button{
	position: absolute;
	right: 20px;
	bottom: 7px;
	outline: 0;
	border: none;
	background: #4C4C4C;
	border-radius: 4px;
	padding: 4px 24px;
	color: white;
	font-size: 16px;
}

#intro-slug { width:270px; float:right; display:inline-block; top: 45px; border-right: 3px solid #909090; position: relative; padding:3px; background: #eee;}
#intro-slug p { font-style: italic; font-size: 16px; line-height: 140%; }

#mpu-block { margin: 0px 0px 20px 0px; float:right; border: 1px solid black;  }


#latest-issue { margin-right: 0 ; text-align:center; width:300px; float:left; }
#latest-issue h2 { color: #c00; border-bottom: 1px dotted black; margin: 0 0 15 0px; padding: 0 0 15px 0; font-size: 34px;  }
/* ====================== Old design ======================= */


/* Sidebar */
#sidebar 					{ float: right; width: 340px; margin-top: -5px; }
#sidebar img 				{ margin-left:15px; }

.mpu{
	float:right; margin-bottom: 10px;
}

.mpu iframe {  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }


#fifty-years-ago 			{ list-style: none; margin: 0px; padding: 0px; }
#fifty-years-ago li			{ margin: 0px 0px 10px 0px; }
#fifty-years-ago p 			{ margin: 0px; font-size: 13px; }
#fifty-years-ago p span		{ color: gray; white-space: nowrap; }

#snapshots-in-time			{ list-style: none; margin: 0px; padding: 0px; }
#snapshots-in-time a 		{ cursor: pointer; display: block; height: 100px; position: relative; margin-bottom: 10px; width: 298px; border: solid 1px gainsboro; background-position: center center; }
#snapshots-in-time a:hover	{ text-decoration: none; }
#snapshots-in-time a span 	{ display: block; text-align: right; padding: 5px; font-size: 18pt; background-color: rgba( 0, 0, 0, .7 ); background-size: 100%; color: white; position: absolute; bottom: 0px; width: 288px;  }
#snapshots-in-time a:hover span 	{ background-color: rgba( 167, 108, 19, .7 ); }

#the-big-story				{ padding-bottom: 20px; }
#the-big-story div			{ width: 115px; float: left; margin-right: 17px; }
#the-big-story div a div	{ margin: 10px 0px; height: 80px; background-position: center center; }
#the-big-story div p		{ font-size: 13px; }

#featured-article 			{ width: 300px; float: right; }
#featured-article p 		{ margin: 0px; font-size: 13px;}
#featured-article p span	{ color: gray; white-space: nowrap; }

.headline			{ font-weight: bold; font-size: 18px; line-height: 120%; }

/* Article */
#addthis					{ float: right; margin: 0px 0px 20px 20px; width: 250px; text-align: right; }

.region 					{ position: absolute; background-color: rgba( 167, 108, 19, .4 ); }
.region.inactive			{ background-color: rgba( 207, 207, 0, .1 ); cursor: pointer; }
.region.inactive.hover		{ background-color: rgba( 118, 157, 49, .4 ); cursor: pointer; }


#article h1					{ color: #c00; font-family: Georgia, "teims new roman", serif; font-size: 20px; font-weight: bold; line-height: 120%; margin-bottom: 15px;  }
#article .date				{ font-size: 18px; padding: 20px 0px 5px 0px; border-top: solid 1px #dbdbdb; font-weight: bold; margin-bottom: 5px; }
#article .type				{ color: #999999; font-weight: bold; margin-bottom: 20px; }
#article h3 	{ color: #767676; font-family: arial, sans-serif; font-size: 18px; font-weight: bold; padding-top: 20px; }

#article h4 { font-size: 16px;}
#article p.body { width: 520px; }



#article .spectator { font-size: 13px; font-weight: bold; margin: 3px 0; display: inline-block; }



/*Comment out this line,. as carousel being set by new scroller */
/*#carousel					{ white-space: nowrap; overflow: hidden; position: relative; height: 90px; width: 620px; border-top: dotted 1px black; }*/
#page-thumbnails			{ position: absolute; bottom: 0px; }
#page-thumbnails a			{ position: relative; display: inline-block; margin-right: 2px; font-size: 12px; }
#page-thumbnails a img		{ display: inline-block; vertical-align: bottom; width: 40px; margin: 2px; }
#page-thumbnails a img.active { border: solid 2px #EF3517; margin: 0px; }
#page-thumbnails a span 	{ display: block; text-align: center; }

#report-an-error			{ background-color: #eeeade; padding: 10px; margin-top: 20px; }


/* Issue */
#page-image					{ float: right; margin: 0px 0px 0px 20px; clear: right; }
.article a					{ line-height: 130%; }
.article span				{ color: gray; white-space: nowrap; }
.article p					{ font-size: 13px; margin-bottom: 15px; }
.article 					{ border-bottom: 1px dotted black; margin-top: 10px; }
.article:last-child			{ margin-bottom: 30px; border-bottom: none;}

/* Issues */
#issues h3					{ border-bottom: dotted 1px gainsboro; padding-bottom: 3px; margin-bottom: 0px; }
#issues a					{ width: 120px; display: inline-block; vertical-align: middle; text-align: center; zoom:1; *display: inline; }
#issues a img				{ margin-bottom: 5px; }

 #issue-browser                              { overflow: hidden; }

    #issue-browser .decades                     { }
    #issue-browser .decades > li                { float: left; width: 316px; margin: 5px; background-color: gray; background-repeat: no-repeat; background-position: top left; }
    #issue-browser .decades > li h2             { text-align: right; margin: 0px; padding: 5px; background: none; font-size: 30px; text-transform: none; color: white; }
    #issue-browser .decades > li ul             { background-color: rgba( 0, 0, 0, .7 ); padding-left: 8px; margin-top: 10px; }
    #issue-browser .decades > li ul li          { font-size: 13px; padding: 0px; text-align: center; display: inline-block; white-space: nowrap; width: 56px; }
    #issue-browser .decades > li ul li a        { color: white; font-weight: bold; }

    #issue-browser .issues                      { margin-top: 15px; }
    #issue-browser .issues .issue               { cursor: pointer; background-color: #e0e0e0; -webkit-perspective: 600; -moz-perspective: 600; perspective: 600; border: solid 2px white; box-shadow: 2px 2px 5px silver; display: inline-block; position: relative; width: 115px; height: 170px; margin: 0px 8px 55px 8px; }
    #issue-browser .issues .issue img           { width: 115px; height: 170px; display: block; -webkit-transform-origin: left; -webkit-transform: none; -webkit-transition: all 0.2s ease-in-out; -moz-transform-origin: left; -moz-transform: none; -moz-transition: all 0.2s ease-in-out;}
    #issue-browser .issues .issue img:hover     { -moz-transform: rotateY( -35deg ); -webkit-transform: rotateY( -35deg ); box-shadow: 4px 2px 5px 2px rgba( 0, 0, 0, 0.2 ); }

    #issue-browser .issues .issue h2            { position: relative; top: 10px; padding: 0px; background: none; color: #444; text-align: center; }

    #issue-browser > h2 { padding-top: 30px; }

#browse-issues h1			{ font-size: 23px; color: black; background: white; padding-right: 10px; display: inline-block; position: relative; top: 6px;}
#browse-issues #issue-browser-wrapper { padding-top: 30px; border-top: 2px solid black; }
#browse-issues #issue-browser-wrapper #issue-browser .decades > li h2 { font-family: arial, sans-serif; font-size: 25px; padding-left: 0; padding-bottom: 0;}
#browse-issues  #issue-browser .decades > li ul { margin-top: 6px; }
#browse-issues #issue-browser-wrapper #issue-browser .decades > li { margin-bottom: 15px; }
#browse-issues  #issue-browser .decades > li ul li a { font-size: 14px; }
#browse-issues #issue-browser .issues .issue img { border: 3px solid transparent; box-shadow: 1px 1px 4px rgba( 0,0,0,0.3); }
#browse-issues #issue-browser .issues .issue img:hover     { -moz-transform: rotateY( 0deg ); -webkit-transform: rotateY( 0deg ); border: 3px solid black; }
#browse-issues #issue-browser .decades > li ul li a:hover{ color: white; }
#browse-issues #issue-browser-wrapper #issue-browser .issues .issue h2 { font-family: arial, sans-serif; color: #c00; font-size: 15px; padding-top:5px; }
#browse-issues #issue-browser-wrapper #issue-browser .issues .issue { background: white; border: none; box-shadow: none; /*border-top: 1px dashed black;*/ margin: 0 0 45px; padding: 12px 19px 0; margin-left: -3px; }
#browse-issues #issue-browser-wrapper #issue-browser > h2 { font-family: arial, sans-serif; font-size: 24px; margin-bottom: 12px; }
#browse-issues #issue-browser .issues { margin-left: -10px; }
#browse-issues #issue-browser-wrapper #issue-browser .seperator { border-top: 1px dotted black; width: 96%; height: 1px;}

/* --------- SEARCH --------- */
#search 					{ margin-bottom: 20px; background-color: white; padding:0; float:left; width:960px; }
#search h2 					{ font-size:24px; padding-bottom:10px; border-bottom: none; text-align:left; margin-bottom:0; margin-bottom: 8px; margin-top: 0px; }
#search h2 span 			{ font-weight: normal; color: #c00;}
#search a.reset 			{ position: relative; border:1px solid black; border-bottom: 1px solid black; display: inline-block; padding: 0 5px; background: white; position: absolute; top: -25px; right: 0; font-size: 12px; }

#search .text-input			{ background-color: transparent; padding: 3px; width: 220px; background-color: #e7e7ce; vertical-align: bottom; }

#search #search-box { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }

#search #search-left-sidebar { width:290px; float:right; background: #eaeaea; padding:10px; margin-top: 10px; position: relative; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; }
#search #search-left-sidebar h2 { color: black; font-size: 18px; font-family: arial, sans-serif; margin-top: 0;}
#search #search-left-sidebar h3 { color: #c00; font-size: 14px; font-weight: bold; font-family: arial, sans-serif; margin-bottom:10px; }

#search #search-left-sidebar button{
	outline: 0;
	border: none;
	background: #4C4C4C;
	border-radius: 6px;
	padding: 4px 10px;
	color: white;
	font-size: 18px;
	margin: 20px 0 10px;
}

#search #view-type { height: 30px; border-bottom: 1px solid black; margin-bottom: 10px; line-height: 30px; padding: 0 5px; }
#search #view-type a { border:1px solid black; height: 29px; display: inline-block; padding: 0 5px; background: white; font-weight: bold; }
#search #view-type a.current { border:1px solid black; border-bottom: 1px solid black;  background: #c00; color: white; }

#search #keyword-filter                 { margin-left: 210px; padding:5px; padding-bottom:10px; background: #f7f7f7; position: relative; }

#search #keyword-filter span a        	{ color:black; }
#search #keyword-filter span.current a 	{ color: #c00; }
#search #keyword-filter span.current	{ color: #c00; }

#search #decade-filter li 	{ margin: 3px 0 ;padding: 5px; }
#search #decade-filter li.current  	{ border: none; color: black; font-weight:bold; background: white;}
#search #decade-filter li.current a 	{ color: black; }
#search #decade-filter a { color: black; font-family: georgia, Times, serif;; font-size: 14px;}
#search #decade-filter li span.bar { background: url('/images/red-shade-bg.png'); white-space: nowrap; overflow: hidden; color: #E0E0E0; font-weight: bold; font-size: 12px; display: inline-block; padding: 0px 2px; text-align: right; margin-left:5px; vertical-align:text-top; height:17px; }
#search #decade-filter li span.popout { position:relative; height:18px; width:10px; display:inline; left:-12px; opacity:0; color:black; }
.ie8 #search #decade-filter li span.popout, .ie7 #search #decade-filter li span.popout { display:none; }
#search #decade-filter span.inline-wrapper { display: inline; }


#search #decade-filter .accordian { display: none; }
#search #decade-filter li.target { background-color: rgba( 0,0,0,0.1 ); }
#search #decade-filter li.target:hover { cursor: pointer; background-color: rgba( 0,0,0,0.2 ); }

#search .filter                   { font-size: 14px; margin: 0px 0px; }
#search .filter li                { padding: 5px; position: relative; left: 1px; }
#search .filter li.current        { font-weight: bold; background: white; border: none}
#search .filter li.current a      { color:black; font-weight: normal; }
#search .filter a              { color: black; display: block; font-family: Georgia, Times, serif;; font-size:14px;}
#search .filter a:hover        { border: none; }
#search .filter li.current a span { color: black; }

#search .filter-seperator { border: 1px solid #4c4c4c;  width:100%; margin: 15px 0 15px; }

#search #map {  margin-top: 10px; }
#search #map p { color: gray; font-size: 14px; }
#search #map-canvas 	{ margin: 0px; width: 710px; height: 550px; }
#search #article-list { display: none; width: 250px; height: 530px; float: right; }

#search #sort 					{ float:left; width: 620px;}
#search #sort span.results 		{ color:black; font-size:12px; }
#search #sort span.sort-by	{ float: right; position: relative; top: -4px;  color:black; }
#search #sort span.sort-by select {background-color: white; font-size: 12px; font-weight: bold; color: #333; padding: 2px; border: 1px solid #d0d0d0; }


#search #tabs ul 	{ border-bottom: 1px solid black; width: 620px; margin-bottom: 12px; }
#search #tabs ul a {
	display: inline-block;
}
#search #tabs ul li {
	display: inline-block;
	border: 1px solid #666;
	border-bottom: 0;
	padding: 2px 8px;
	background-color: #eaeaea;

}

#search #tabs ul li:hover{
	cursor: pointer;
	text-decoration: underline;
}

#search #tabs ul li.selected {
								background-color: #4c4c4c;
								color: white;
							}

#search #results 			{ float:left; width:620px; }
#search #results > div 		{ width:620px; position: relative; margin-bottom: 10px; }
#search #results img 		{ position: absolute; top: 5px; right:5px; }
#search #results h3 		{  line-height: 22px; margin-bottom:0px; font-size:19px; font-weight: bold; font-family: Georgia, "times new roman", serif;  }
#search #results h3:hover   { text-decoration:underline; }
#search #results span.date 	{ color: #909090; margin-bottom:3px; font-size:11px;}
#search #results span.author 	{ color: #707070; margin-bottom:3px; font-size:11px; font-weight: bold;}
#search #results p 			{  color:black; font-size:13px; line-height:140%; }
#search #results p span 	{ color: #c00; }
#search #results .search-result { min-height:80px; border-bottom: 1px dotted black; }
#search #results .search-result:last-child { border-bottom: none; }

#search #ad-block 	{ width: 170px; float: right; margin-top: 30px; position: relative; left:0px; }

#search #pagination { float:left; width: 620px; text-align: center; font-family: Georgia, "times new roman", serif; font-weight: bold; margin-top: 15px; }
#search #pagination a { border:1px solid #c00; margin-right:6px; padding-left: 9px; padding-bottom: 6px; padding-right: 5px; padding-top: 4px; }
#search #pagination a:hover { text-decoration:none; }
#search #pagination .current { color: #707070; border:1px solid #707070; margin-right:3px; padding-left: 9px; padding-bottom: 6px; padding-right: 8px; padding-top: 4px;  }
#search #pagination a.arrow { border: none; }
#search #pagination .hellip { color: #707070; margin-right: 6px; margin-left: 2px;}

/* --------- ON THIS DAY -------- */
#on-this-day							{ padding: 0px; }

#on-this-day > div						{ position: relative; width: {$width}px; height: {$height}px; margin: 0px auto; box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.3 ); }

.ie8 #on-this-day > div, .ie7 #on-this-day div { height:170px; }

/* red top heading (issue title) */
#on-this-day > div h2 					{ text-transform: none; background: #ea3324; padding: 6px; color: #f9e2e1; font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 0px; }

/* tear off sheet */
#on-this-day > div > a 					{ width: {$width-4}px; height: {$height}px; opacity: 1; box-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.3 ); display: block; border-radius: 3px; overflow: hidden; position: absolute; left: 0px; top: 0px; background: white; }
.ie8 #on-this-day > div > a { height: 180px; border:1px solid #ddd;}
#on-this-day > div > a 					{ -webkit-transform-style: preserve-3d; }
#on-this-day > div > a:hover 			{ text-decoration: none; border: 0px; }

#on-this-day > div > a:nth-child( 1 )	{ left: 0px; top: 0px; z-index: 40; }
#on-this-day > div > a:nth-child( 2 )	{ left: 0px; top: 0px; z-index: 30; }
#on-this-day > div > a:nth-child( 3 )	{ left: 2px; top: 2px; z-index: 20; }
#on-this-day > div > a:nth-child( 4 )	{ left: 4px; top: 4px; z-index: 10; }
#on-this-day > div > a:nth-child( 5 )	{ left: 4px; top: 4px; z-index: 10; }

/* diagonal gradient white -> pale grey */
#on-this-day > div> a 					{ background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */background: linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

/* page thumbnail */
#on-this-day > div> a  img 				{ float: right; margin: 0px 0px 10px 10px; box-shadow: 1px 1px 4px gray; }

/* page thumbnail article text */
#on-this-day h3 						{ color: #444; font-weight: bold; font-size: 14px; }
#on-this-day p 							{ font-size: 11px; line-height: 14px; }



#on-this-day-wrapper { position: relative; width: 310px; height:193px; float:left;  background: whitesmoke; top: -13px; }
#on-this-day-wrapper h2{ padding: 10px; font-size: 22px; padding-bottom: 3px; }
#on-this-day h3 { color: #c00 !important; font-size: 16px !important; padding-bottom: 5px !important; }
#on-this-day p { color: black !important; font-size: 12px !important; }
#on-this-day > div { box-shadow: none !important; }
#on-this-day > div > a {  background: whitesmoke !important; box-shadow: none !important; }
#on-this-day-wrapper #on-this-day > div h2 { background: whitesmoke; color: #8f8f8f; font-family: arial, sans-serif; padding-left: 0; font-size: 18px !important;  padding-bottom:0; padding-left: 10px; text-align: left !important; }
#on-this-day > div > a img { width: 70px !important; }
#on-this-day-wrapper #title { background: #f9f4dd; border:1px solid #ccc; border-bottom: 1px dashed rgba(0,0,0,0.2); box-shadow: 0px 2px 3px rgba(0,0,0,0.2), inset 0 0 10px rgba(0,0,0,0.1); }
#on-this-day-wrapper #title:before { box-shadow:-1px 2px 6px rgba(0,0,0,0.8 ), 2px 2px 6px rgba(0,0,0,0.4 ); background: #f9f4dd; border:1px solid #ccc; }
#on-this-day-wrapper .paper-sheet	{ background: #f9f4dd; border:1px solid #bbb; border-top:0; box-shadow:1px 2px 3px rgba( 0,0,0,0.06 ), inset 0 0 10px rgba(0,0,0,0.1); }
#on-this-day-wrapper #page-wrap:before   { border:1px solid #ccc; }

/* --------- PAGE NAVIGATION ---------- */

#article #page-navigation-wrapper  							{ width: 600px; position: relative; margin-left:10px; }
#article #page-navigation-wrapper #page-navigation 			{ background: white; box-shadow:none; }
#article #page-navigation-wrapper #page-navigation > div		{ margin: 0 10px; }
#article #page-navigation-wrapper #page-navigation #carousel { padding: 10px 30px; }
#article #page-navigation-wrapper #page-navigation #carousel span { background:rgba( 204, 0, 0, 0.6 ) }
#article #page-navigation-wrapper #page-navigation #carousel a.selected span { background:rgba( 204, 0, 0, 0.8 ) }

/* -------- INTERACTIVE PAGE ---------- */
#interactive-page-wrapper { float: right; width: 300px; margin: 0px 0px 20px 10px; padding: 10px 0 10px; position: relative; background:white; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
#interactive-page-wrapper #interactive-page { border-radius: 0; background: black;  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;}
#interactive-page-wrapper #interactive-page .issue-title { color:white; text-shadow: none; }
#interactive-page-wrapper #interactive-page button.zoom-button { background-color: white; font-size: 12px; font-weight: bold; color: black; border: solid 1px black; padding: 5px; border-radius: 0; box-shadow:none; cursor: pointer;  }
#interactive-page-wrapper #interactive-page button.zoom-button:hover { color: #c00; text-decoration: underline;}
#sidebar #interactive-page-wrapper #interactive-page { background: #373335; }

#sidebar #interactive-page-wrapper #interactive-page button.zoom-button { border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; -moz-border-radius: 8px; background-color: #e3e3e3; padding: 6px 8px; color: #373335; font-size: 14px; font-weight: normal; position: absolute; top: 16px; left: 200px; }

#sidebar #interactive-page-wrapper #interactive-page .issue-title{ font-weight: bold; color: white; position: relative; top: 4px; font-size: 18px; }
#sidebar #interactive-page h6 { font-size: 18px;
								font-family: arial;
								font-weight: bold;
								position: relative;
								bottom: 10px;
							}

#sidebar #interactive-page .page-image-container{ margin-bottom: 30px;}




/*-------- DISPLAY-WIDGET --------*/
.display-widget {	position: relative; height: 270px; width: 100%; border-top: 2px solid black; margin-top: 20px}
.display-widget h2{ position: absolute; font-size: 23px; margin-top: -16px; background: white; display: inline-block; padding-right: 10px;}
.display-widget h3 { text-align: center; font-family: arial, sans-serif; margin-top: 8px; font-weight: bold;  }
.display-widget ul { margin-top: 25px; padding-left: 20px; }
.display-widget ul li { display: inline-block; }
.display-widget img { box-shadow: -2px 2px 6px rgba( 0,0,0,0.4) ;}


/*------- Memorable Events -------*/
#mem-events.display-widget { height: 200px; }
#mem-events.display-widget ul li { width: 220px; display: table-cell; padding-right: 20px;}
#mem-events.display-widget a { color: black; }
#mem-events.display-widget a:hover { text-decoration: none;}
#mem-events.display-widget a:hover h3 { text-decoration: underline; }
#mem-events.display-widget h3 { text-align: left; font-weight: bold; color: #c00; font-family: georgia, "times new roman", serif; font-size: 18px; }
#mem-events.display-widget .issue { color: #8f8f8f; font-family: arial, sans-serif; margin-top: 8px; font-weight: bold; }


#browse-by-cover.display-widget img { margin-right: 20px;}

/*--------- TREND ---------*/
#trend-wrapper { padding: 10px; padding-top:13px; padding-right:7px; width:610px; float:right; background: #f5f5f5; margin: -13px 0 0 10px; height: 170px; }
#trend-wrapper h2 { font-size: 23px; }
#trend-wrapper #trends-tooltip { box-shadow: 1px 1px 4px rgba( 0, 0, 0, .4 ); -webkit-box-shadow: 1px 1px 4px rgba( 0, 0, 0, .4 ); -moz-box-shadow: 1px 1px 4px rgba( 0, 0, 0, .4 ); }

#trend-wrapper #trend { margin-top: 30px; }
#trend-wrapper #trend .legend span { color: black; }
#trend-wrapper #trend .tooltip { border-radius: 0;}

/* -------- ISSUE BROWSER ---------- */
#issue-browser-wrapper { width: 940px; margin: 0 auto; }
#issue-browser-wrapper #issue-browser > h2 { color: #c00; }
#issue-browser-wrapper #issue-browser .decades > li { width:300px; background: white; }
#issue-browser-wrapper #issue-browser .decades > li ul { background: #909090;}
#issue-browser-wrapper #issue-browser .decades > li h2 { background: white; color:#c00; padding-bottom:10px; text-align: left; }
#issue-browser-wrapper #issue-browser .issues h2 { font-size: 18px; padding-bottom: 8px; }
#issue-browser-wrapper #issue-browser .issues .issue { margin: 0px 17px 50px; }
#issue-browser-wrapper #issue-browser .issues .issue a:hover { color: #c00;}
#issue-browser-wrapper #issue-browser .issues .issue a:hover h2 { color: #c00; }
#issue-browser-wrapper #issue-browser ul > li > ul > li { width: 53px; }
#issue-browser-wrapper #issue-browser ul > li > ul > li a:hover { color: #c00; text-decoration:underline; }

/*---------------------- shadow effects -----------------------*/
.drop-shadow { position:relative; float:left; background:#fff; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.box-drop-shadow { -webkit-box-shadow: 0px 0px 8px rgba( 0, 0, 0, .1 );	-moz-box-shadow: 0px 0px 8px rgba( 0, 0, 0, .1 ); box-shadow: 0px 0px 8px rgba( 0, 0, 0, .1 ); }
.box-drop-shadow:before, .box-drop-shadow:after, .drop-shadow:before, .drop-shadow:after { content:""; position:absolute; z-index:-2; }
.curved:before { top:10px; bottom:10px; left:0; right:50%; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.3); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-border-radius: 10px / 100px; -moz-border-radius:10px / 100px; border-radius:10px / 100px; }
.curved-hz-2:before { top:0; bottom:0; left:10px; right:10px; -webkit-border-radius: 100px / 10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; }


/*---------- SLIDER OVERRIDES --------- */
#slider{ position:relative; width:490px; }

#slider a:link, #slider a:visited{ border:1px solid gainsboro; outline: 0; width:16px; background: -webkit-gradient(top, #ed0000, #b10101); }
#slider a:link, #slider a:visited {
	background: -moz-linear-gradient(top, #ed0000 0%, #b10101 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed0000), color-stop(100%,#b10101)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ed0000 0%,#b10101 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ed0000 0%,#b10101 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ed0000 0%,#b10101 100%); /* IE10+ */
	background: linear-gradient(top, #ed0000 0%,#b10101 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0000', endColorstr='#b10101',GradientType=0 ); /* IE6-9 */}

#slider a:hover { text-decoration:none; border:1px solid #bababa; }
#slider a:active { outline:0; border: 1px solid #aa0a04; }
#slider{ position:relative; width:490px; }

#year-display { float:right; position: absolute; right: -14px; top: 15px; width: 80px; }
#year-display input { width:40px; border-radius: 2px; background-color: white; border: solid 1px gainsboro; box-shadow: inset 1px 1px 4px rgba( 0, 0, 0, .2 ); padding: 4px; width: 40px; text-align: center; }
#year-display input:focus { outline:0; border: 1px solid gainsboro; }
.year-hover{ box-sizing: border-box; position:absolute; width:40px; height:25px; border-radius:4px; background-color:#ffefb3; border:1px solid #e8cf97; top: -32px; left: -9px;color:#403c2d; font-weight:normal; font-size:10px; padding:3px 7px; }



/*------- FOOTER ------ */
/**
 * Footer
 */
#footer-banner {
	background-color: #eaeaea;
}

#footer-banner .widget {
	background-color: #fff;
	margin: 29px 111px 28px;
	height: 90px;
	width: 728px;
	overflow: hidden;
	position: relative;
}
/**
 * Footer logos
 */
#footer-ident {
	border-bottom: solid 1px #dadada;
	padding-bottom: 13px;
	height: 42px;
}

#footer-ident img {
	display: block;
	margin: 0 auto;

}

/*-------- FOOTER --------*/
#footer{
	margin-top: 14px;
}

#footer-banner{
	background-color: #EAEAEA;
	margin-bottom: 14px;
	width: 960px;
	display: inline;
	float: left;
}

#footer-banner .widget {
	background-color: white;
	margin: 29px 111px 28px;
	height: 90px;
	width: 728px;
	overflow: hidden;
	position: relative;
}

/**
 * Footer navigation
 */
#navigation-footer {
	margin-top: 14px;
}

#navigation-footer > li{
	display: inline;
	width: 141px;
	float:left;
	margin-left: 11px;
	margin-right: 11px;
}

.ie8 #navigation-footer > li{
	margin-right: 9px;
}

#navigation-footer > li:first-child{
	margin-left: 0;
}

#navigation-footer > li:last-child{
	margin-right: 0;
	width: 144px;
}

#navigation-footer li.depth-1 > a,
#navigation-footer li.depth-1 > span {
	display: block;
	color: #000;
	font-weight: bold;
	line-height: 14px;
	font-family: Georgia, "times new roman", sans-serif;
}

#navigation-footer .sub-menu {
	border-top: 1px solid #dadada;
	margin-top: 14px;
	padding-top: 6px;
}

#navigation-footer .sub-menu li {
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 7px;
}

#navigation-footer .sub-menu a {
	color: #333;
	font-family: Georgia, "times new roman", sans-serif;
}

/**
 * Footer copyright stuff.
 */
#copyright, #sub-copyright, #credit-details {
	text-align: center;
	color: #555;

	width: 960px;
	font-size: 12px;
	line-height: 21px;
	font-style: italic;
	display: inline;
	float:left;

}

#credit-details{
	margin-top: 14px;
}

/*------ problem-box ------*/
.problem-box{
	width: 270px;
	background: #eaeaea;
	padding:15px;
	margin-bottom: 5px;
	position: relative;
	float:right;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;
}

.problem-box h4{
	color: #c00;
	font-family: arial, sans-serif;

	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 15px;
	font-weight: bold;
}

.problem-box p{
	color: #333;
	line-height: 140%;
	font-size: 14px;
	font-family: arial, sans-serif;
}

.problem-box button{
	top: 5px;
	position: relative;
	margin: 0 auto;
	display: block;
	width: 150px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border: 1px solid #d5d5d5;
	color: #333;
	padding: 6px 0;
	font-size: 16px;
	background: white;
}

.problem-box button:hover{
	cursor: pointer;
}

#sidebar .problem-box .report{
	display: none;
	position: relative;
	margin-top: 40px;
	background: #ececec;
	padding: 20px 10px 10px;
	background: #fafafa;
	border: 1px solid #dadada;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px;

}

#sidebar .problem-box .report .close{
	font-size: 12px;
	top: 0px;
	right: 5px;
	position: absolute;
	color: #666;
}

#sidebar .problem-box .report .close:hover{
	cursor: pointer;
}

#sidebar .problem-box .report button{
	position: absolute;
	left: 200px;
	width: 60px;
	font-size: 14px;
	top: 80px;
}

#sidebar .problem-box .report select{
	background: white;
	border: 1px solid #CACACA;
	padding: 3px;
	margin-top: 10px;
}

#sidebar .problem-box .report .message{
	display:none;
	border: 1px solid #cacaca;
	margin-top: 10px;
	background: white;
	padding: 4px;
	font-size: 12px;
	color: #333;
}

#sidebar .problem-box .report textarea{
	display: none;
	margin-top:10px;
	background-color: white;
	outline: none;
	padding: 6px;
	font-size: 12px;
	width: 236px;
}

/*-------- article nest page navigation -------*/
.page-nav{
	width: 100%;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	padding: 15px 0;
	position: relative;
}

.page-nav a{
	color: #767676;
	font-weight:bold;
	font-family: georgia, "times new roman", serif;
}

.page-nav a:hover{
	text-decoration: underline
}

.page-nav img{
	vertical-align: middle;
}

.page-nav .previous{
	float:left;
}

.page-nav .previous img{
	vertical-align: bottom;
}

.page-nav .next{
	float:right;
}
/*-------- Social --------*/
.article-social{
	width: 60px;
	float: right;
	margin-left: 40px;
	margin-bottom: 20px;
}

.article-social a{
	margin-bottom: 21px;
	display: block;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	#article .article a h4, #article h1{
    	font-size: 24px;
    }

    .article p, #article p.body{
    	font-size: 20px;
    }
}


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	#article .article a h4, #article h1{
    	font-size: 22px;
    }

    .article p, #article p.body{
    	font-size: 18px;
    }
}