/* ############# */
/* Layout Styles */
html {
	padding: 0;
	margin: 0;
}
body {
	background: #fff;
	height:100%;
	padding:5px 0 0 0;
	font-family: Georgia, "times new roman", times, serif;
	line-height:19px;
	font-size:13px;
	margin:0px auto;
}
#container,
#topAds
{
	margin: 0 auto;
	width: 980px;
}
#adHeaderCirc {
    margin-bottom: 5px;
}
.middle {
	width: 980px;
	clear: both;
	position: relative;
	padding-top: 10px;
}
@media only screen and (max-device-width: 1012px) {
	body {
		width: 1000px;
	}
}
.contentColumn {
	float:left;
	width:630px;
	padding:0;
	vertical-align:top;
}

body .wide {
	width:100%;
}
.left {
	float:left;
}
.leftContent {
	width:390px;
	float:left;
}
.rightContent {
	float:right;
	width:210px;
	margin: 0 0px 10px 17px;
}
.promoColumn {
	float:right;
	width:336px;
}
.singleContent {
 	width:615px;
}





/* ############# */
/* Common styles */

.promoColumn, .rightContent, .rightContent h3 {
	font-size: 11px;
}
.rightContent h5 {
	font-size: 10px;
}

h2 {
	font-family: 'Arial black', arial, sans-serif;
	text-transform: uppercase;
	color: #bf0000;
	padding-bottom: 0;
}
h1 {
	font-size: 24px;
	margin: 0px 0px 0px 0px;
}
h2 {
	font-size: 15px;
	margin-bottom: 0;
}
h3, h5, h6 {
	margin:0;
	padding:0;
	
}
h4 {
	margin: 10px 0 3px;
}
h1.headline {
	font-size: 30px;
	line-height: 35px;
	text-transform: none;
	color: #242B30;
}
a,
a:link,
a:active,
a:visited {
	color: #00598c;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border:none;
}
blockquote {
	background-color:#ecf0f3;
	color:#333333;
	padding:15px;
	margin:5px 0px 10px 0px;
}
hr {
	border: none;
	border-top: solid 1px #d8d8d8;
}

figure {
    position: relative;
    margin: 0;
}

input[type="text"] {
	border:1px solid #d8d8d8;
	padding:4px;
	font-size:10px;
}
input[type="text"]:hover {
	border:1px solid #5c5c5c;
}

#comments {
	float: left;
	width: 615px;
	padding-top: 9px;
	border-top: 1px solid #d8d8d8;
	margin-top: 15px;
}

#comments h2 {
	color: #3F9DFF;
	font-family: "Roboto", helvetica, arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0;
}


#disqus_thread button {
	color: #000;
}
.articleContent {
	clear:both;
}
.articleContent a img,
.photo img {
	border: 1px solid #C2CCD2;
	padding: 1px;
}

.articleContent .caption, 
.articleContent .credit,
.postContent .caption,
.postContent .credit
{
	font-family: arial, sans-serif;
	color: #242b30;
	margin: 0 !important;
	padding: 0;
	background-color: #fff;
	width:auto;
}
.articleContent .caption, .postContent .caption {
	font-size: 11px;
	line-height: 13px;
}
.articleContent .credit, .postContent .credit {
	text-align:right;
	font-size: 9px;
}
.article-magazine .caption, 
.article-magazine .credit,
.postContent .caption,
.postContent .credit
{
	font-family: arial, sans-serif;
	color: #242b30;
	margin: 0 !important;
	padding: 0;
	background-color: #fff;
	width:auto;
}
.article-magazine .caption, .postContent .caption {
	font-size: 11px;
	line-height: 13px;
}
.article-magazine .credit, .postContent .credit {
	text-align:right;
	font-size: 9px;
}
fieldset {
	border: none;
}
.title {
	margin: 10px 0 20px;
	height: 3px;
	background-color: #bf0000;
}
.promoColumn .title, .rightContent .title {
	margin: 0;
	height: auto;
	background-color: transparent;
}
.title h1 {
	display: inline-block;
	padding: 2px 5px 2px 0;
	position: relative;
	top:-11px;
	z-index: 3;
}
.title h1,
h1.title {
	font-family: 'Arial black', arial, sans-serif;
	text-transform:uppercase;
}
.title h1,
h1.title, 
.title h1 a,
h1.title a {
	color:#bf0000;
}
h1.title {
	background-color: transparent;
	height:auto;
}


.title h1, .title h2 {
	background: #fff;
}
.channel, .channel:visited {
	color: #bf0000 !important;
	text-transform: uppercase;
}

.commentDisclaimer {
    font-size:14px;
    color: #2e2e2e;
    margin-top:7px;
}

.commentDisclaimer a {
    color:black;
    text-decoration:underline;
}

.authors {
	font-size:11px;
	font-weight:normal;
	margin:0px;
	font-family: 'arial', sans-serif;
}
.author {
	text-transform: uppercase;
}

.date {
	font-family: 'arial', sans-serif;
	white-space:nowrap;
}

.date, .post .author {
	text-transform: uppercase;
}
.date,
.authors,
a.author,
a.comments {
	color: #5c5c5c;
}
.post {
	font-size: 13px;
	line-height:19px;
	padding: 10px 0;
	clear: left;
	position:relative;
    overflow:hidden;
}


.post .photo {
	float: left;
	margin-right: 10px;
}
.photo {
	position:relative;
}
.photo:hover {
	text-decoration:none !important;
}

.post .thumbnail-play-button{
	display: block;
	position: absolute;
	z-index: 100;
	top:73px;
	left: 5px;
}


.post .headline {
	font-size: 15px;
	line-height:120%;
	margin: 0;
	padding: 0;
}
.post .dek {
	margin: 0;
	padding: 0;
}

.postContent {
	padding:5px 0px 0px 0px;
}

.artsans, .credit,
.image-attrib {
	color: gray;
	font-size: 8px;
	text-align: left;
	clear: both;
	display: block;
	line-height: 12px;
	margin-top: -5px;
}
.credit {
	width:110px;
}
#topMagPhoto .credit {
	width: 619px;
}
.credit a {
	color: gray;
}
.credit a:hover {
	text-decoration: underline;
}

.photo .credit {
	margin-top:2px;
}
.rightContent .credit {
	width:inherit;
}
.photo .embeddedCredit {
	background: gray;
	color: white;
	opacity:0.7;
	display: inline;
	padding: 0 4px;
	line-height: 140%;
	position:absolute;
	right: 3px;
	bottom: 3px;
	width:auto;
}
.photo {
	display:block;
}
.metadata {
	overflow:hidden;
}
.post .metadata {
	font-family: arial, sans-serif;
	color: #5c5c5c;
	font-size: 11px;
	margin: 3px 0 0 0;
}
.metadata * {
 	border-right: 1px solid #727272;
	margin-right: 5px;
	padding-right: 5px;
	float:left;
	line-height:13px;
	display:block;
}

.metadata span a {
	display:inline;
	float:none;
}
.metadata .last-child, 
.metadata .authors .author
{
	border: none !important;
	margin-right: 0;
	padding-right: 0;
}
/* different line for IE */
.metadata *:last-child {
	border-right: none !important;
	margin-right: 0;
	padding-right: 0;	
}
.plus-one {
	border:none;
	display:block;
	float:right;
	width:60px;
	margin-right:10px;
}

#facebookLike {
	height: 25px;
	margin-right: 12px;
	float: right; 
	width:130px; 
	margin-right: 0; 
	padding-right: 0;
}

/* For strict XHTML mode, if that should ever happen */
*[id=facebookLike] {
	height: 25px;
	border: none;
	margin-right: 12px;
}

.linked-in {
	float: right;
	margin-right: 3px;
}

.tweet-button {
	float: right;
	max-width: 90px;
	overflow: hidden;
	margin-right: 5px;
}


.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#7f95a2;
	font-size:10px;
	margin: 0 0 2px 0;
	font-weight:normal;
}
.post.publisherPost{ 
	border-bottom: 2px solid #019084;
	padding-bottom:5px;
}
.subhead.publisher{ 
	background-color: #019084;
	color:#ffffff;
	padding:3px;
	text-align:center;
	line-height: 12px;
	margin:0 0 5px 0;
}
.sponsorPost { 
	border-bottom: 1px solid #000;
	margin-bottom:20px;
	padding: 0 0 15px 0;
}
.sponsorPost .title {
	background:transparent;
	margin:0 0 20px 0;
	border-top: 1px solid #000;
	text-align:center;
	height:1px;
	background:black;
	border:none;
	
}
.subhead.sponsor{ 
	text-align:left;
	line-height: 12px;
	margin:0;
	color:#5b5b5b;
	padding: 5px 0 5px 0;
}
.sponsorPost h3.headline a {
	color:#333333;
	font-family:arial, sans-serif;
	font-size:15px;
}
.sponsored-comments { border:none;}

#recentStories .photo {
	width: 114px;
}



/* Dropdown Menu Style */
.expandingMenu {
	z-index:1;
	height:20px;
	float: left;
	margin-right: 15px;
	position: relative;
}
.menuSpacer {
	height:20px;
}
.expandingMenu .expandingTitle {
	display:block;
	height:16px;
	background-color:#f2f2f2;
	border:1px solid #a3a3a3;
	padding:6px 3px 0px 6px;
	font: normal 9px Arial, Helvetica, Geneva, sans-serif;
	text-transform:uppercase;
	color:#242b30;
	width:152px;
}
.expandingMenu .expandingArrow {
	padding-right: 25px;
	display: block;
	z-index: 3;
	position: absolute;
}
.expandingMenu .expandingArrow:hover .expandingTitle {
	background: #f2f2f2;
}
.expandingMenu .expandingArrowUp {
	background:url(/static/front/images/btn-arrow-up.png) no-repeat right;
}
.expandingMenu .expandingArrowUp:hover {
	background:url(/static/front/images/btn-arrow-up-highlighted.png) no-repeat right;
}
.expandingMenu .expandingArrowUp.open {
	background:url(/static/front/images/btn-arrow-down.png) no-repeat right;
}
.expandingMenu .expandingArrowUp.open:hover {
	background:url(/static/front/images/btn-arrow-down-highlighted.png) no-repeat right;
}
.expandingMenu .expandingArrowDown {
	background:url(/static/front/images/btn-arrow-down.png) no-repeat right;
}
.expandingMenu .expandingArrowDown:hover {
	background:url(/static/front/images/btn-arrow-down-highlighted.png) no-repeat right;
}
.expandingMenu .expandingArrowDown.open {
	background:url(/static/front/images/btn-arrow-up.png) no-repeat right;
}
.expandingMenu .expandingArrowDown.open:hover {
	background:url(/static/front/images/btn-arrow-up-highlighted.png) no-repeat right;
}
.expandingContent {
	border: 1px solid #a3a3a3;
	background-color:#f2f2f2;
	position:absolute;
	z-index:2;
	padding: 2px 0 23px 0;
	font-size: 11px;
}
.expandingContent td {
	padding-bottom:10px;
}
.expandingContent ul.two,
.expandingContent ul.three {
	border-left: 1px solid #a3a3a3;
}
.expandingContent .menuItem {
	font-style: italic;
	display: block;
	padding: 3px 0 2px 10px;
}
.expandingContent .menuItem:hover {
	background: #EAEFF2;
}
.expandingContent li {
	list-style: none;
	display:block;
}
.expandingContent .shortBlurb {
	display:block;
}
.expandingContent .author {
	font-size: 10px;
}
.noResults {
	clear:both;
}
.filterArchive {
	clear:both;
	float:left;
	width: 630px;
	margin: 15px 0;
	border-top: solid 1px #d8d8d8;
}
.singleContent .filterArchive {
	width:615px;
}
.filterArchive a:hover {
	text-decoration:none;
}
.filterArchive h2 {
	font-size: 13px;
	margin-bottom: 10px;
}

.filterArchive .expandingMenu {
	width:165px;
	float: left;
	display: block;
	margin-right: 30px;
}
.filterArchive .expandingTitle {
	width: 140px;
}
.filterArchive .expandingContent {
	width: 174px;
}
.filterArchive .expandingMenu .expandingContent {
	position: absolute;
	bottom: 0;
	display: none;
}
.filterType {
	font-weight:normal;
	font-size:11px;
	border: solid 1px #d8d8d8;
	padding: 2px 5px;
	background: #F2F2F2;
}


/* ############# */
/* MAGAZINE */
.magazineSection {
	padding: 10px 0;
}
.magazineSection .post.hasThumbnail .photo {
    margin-bottom: 6px;
}
.magazineSection .subcontent {
	border-left: solid 2px #d8d8d8;
	padding: 0 0 0 5px;
	margin: 3px 0 0 0;

}
/* No margin if has thumbnail */
.magazineSection .post.hasThumbnail .subcontent {
    border-left: 0;
    padding-left: 0;
    padding-top: 5px;
    margin-top: 0;
	clear: left;
}

.magazineSection .subcontent a {
	font-weight: bold;
	text-transform: uppercase;
}
#magazinePage hr:last-child {
	display:none;
}
#magazinePage hr.last-child { /* Second line for IE8 */
	display:none;
}
#tocMiddle .post {
	padding-top: 5px;
}

/* Don't float the individual authors left */
#magazinePage .authors a {
	float: none;
	display: inline;
}

.author-profile .author-name {
	font-weight: bold;
    color: black;
    font-family: "Arial Black", arial, sans-serif;
    text-transform: uppercase;
}
.author-profile .toggleBio {
	text-transform: uppercase;
}


/* Author Profile 
* #Pofile was old ID,
* now use .author-profile
*/
#profile .photo,
.author-profile .photo {
	float: left;
	margin:2px 10px 5px 0;
	filter: url("/static/front/css/site_filters.svg#grayscale"); /* Firefox */
	filter: gray; /* IE */
	-webkit-filter: grayscale(1); /* Webkit*/
}

#profile .extendedBio,
.author-profile .extendedBio {
    margin-top: 10px;
	display:none;
	clear:both;
}
#profile ul.bioTools,
.author-profile ul.bioTools {
	margin: 3px 0px 0px 0px;
	padding:0px;
	height:13px;
	line-height:13px;
	text-transform: uppercase;
	font-size: 11px;
	list-style-type:none;
}
#profile .bioTools .feedSubscribeLink,
.author-profile .bioTools .feedSubscribeLink {
	padding-left:16px;
	background: url(/static/front/images/btn-rss-tiny.png) no-repeat 0% 50%;
}
#profile .bioTools .authorEmail,
.author-profile .bioTools .authorEmail {
	padding-left: 16px;
	background: url(/static/front/images/icons/12x12/email.png) no-repeat 0% 50%;
}
#profile .bioTools .authorTwitter,
.author-profile .bioTools .authorTwitter {
	padding-left: 16px;
	background: url(/static/front/images/icons/12x12/twitter.png) no-repeat 0% 50%;
}

#profile .bioTools li,
.author-profile .bioTools li  {
	float:left;
	padding:0px 5px 0px 0px;
	margin:0px 5px 0px 0px;
	border-right: 1px solid #666666;
}
#profile .bioTools li:last-child, #profile .bioTools li.last-child,
.author-profile .bioTools li:last-child, #profile .bioTools li.last-child{
	border:none;
}

#profile .bioTools li.twitter-follow,
.author-profile .bioTools li.twitter-follow {
	width:100px;
	margin-top:-3px;
}


#profile .bio, .author-profile .bio {
	margin: 0;
}
#profile h1.author, .author-profile h1.author{
	font-size: 16px;
	line-height:16px;
}

#authorsPage #profile,
#authorPage .author-profile {
	border-bottom:1px solid #d8d8d8;
}

#profile, .author-profile {
	overflow:hidden;
}

#profile .extendedBio, 
.author-profile .extendedBio {
	padding:0px 0px 15px;
}


/* Author River */
#authorRiver .post .headline  {
	font-size:18px;

}
#authorRiver .post {
	border-bottom:1px solid #d8d8d8;
	margin-bottom:10px;
}
#authorRiver .post:last-child {
	border-bottom:none;
}
#authorRiver .last-child {
	border-bottom:none;
}


/* Article Pages */
#article .metadata {
	margin: 5px 0 21px;
}
.post object,
.post embed {
	clear:both;
	display: block;
	margin:10px auto;
}

object.youtubeEmbed {
	display:block;
	margin:0px 0px 20px 0px;
	text-align:center;
}

.bannerBug {
	margin: 15px 0 15px 0;
}

/* Movable Type Styles */
.image-attrib {
	margin: 0 !important;
	padding:0px 0px 10px 0px !important;
	text-align: right;
	clear: both;
	display: block;
}
.image_holder_center,
.image_holder_left,
.image_holder_right {
	position:relative;
	clear: both;
	text-align:center;
}
.image_holder_center {
	margin:10px auto;
}
.image_holder_left {
	float: left;
	margin: 0 20px 20px 0;
}
.image_holder_center .mt-image-center,
.image_holder_right .mt-image-right,
.image_holder_left .mt-image-left {
	margin: 0 !important;
}
.mt-enclosure mt-enclosure-image {
	margin:0px;
	padding:0px;
}
.mt-image-center {
	margin:0px !important;
}

/* Related Content */
#container .relatedContent {
	width:113px;
	text-align: left;
	clear:none;
	float:left;
	margin-right:10px;
}
.relatedContent img {
	display:inline;
}
.relatedContent:first-child {
	margin-right:0;
}
.relatedContent .headline {
	margin-top:5px;
	display:block;
	font-size:11px;
}

.article-promo-img {
	display: block;
}

.article-promo-img.left {
	float: left;
	margin: 10px 10px 10px 0;
}

.article-promo-img.right {
	float: right;
	margin: 10px 0 10px 10px;
}


#container .relatedContentVideo h2 {
	font-size:11px;
	padding-bottom:5px;
}
#container .relatedContentVideo .slideshowContainer {
	width:510px;
	float:left;
	overflow:hidden;
	position:relative;
}
#container .relatedContentVideo ul.relatedSlideshow{
	list-style-type:none;
	padding:0;
	margin:0;
	overflow:hidden;
	position:relative;
	left:0px;
	width:10000px;
}

#container .relatedContentVideo li {
	display:block;
	float:left;
	width:130px;
	font-family:arial,sans-serif;
	font-size:11px;
}
#container .relatedContentVideo li img {
	width:110px;
	height:90px;
}

#container .relatedContentVideo p {
	padding:10px 0 0 0;
	clear:both;
	margin:0;
	text-align: center;
}
#container .relatedContentVideo span {
	display:block;
	line-height:13px;
}

#container .relatedContentVideo .relatedArrow {
	float:left;
	width:24px;
	margin:30px 10px 0 10px;
	cursor:pointer;
}


/*  Social Networking Tools, email/print/comment links */
.articleTools {
	margin-top: 10px;
	border-top: solid 1px rgb(139, 171, 186);
	border-bottom: solid 1px rgb(139, 171, 186);
	padding: 3px 0;
	width:100%;
	position: relative;
	height: 19px;
}
.articleTools {
	font-size: 9px;
	text-transform:uppercase;
	color:#00598c;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height:19px;
	vertical-align:middle !important;
}
.articleTools td {
	vertical-align:middle !important;
}
.articleTools .share {
	text-align:left;
}
.articleTools .share a {
	float: left;
	margin: 0 3px;
}
.articleTools img {
	display: inline !important;
}
#toolsTop {
	margin-bottom: 15px;
}
#toolsTop .share {
	width: 25%;
}
#toolsTop .nextPreviousLink {
	text-align:center;
	font-style:italic;
	font-size:11px;
	text-transform:none;
}
.articleTools .emailPrintLink {
	text-align: right;
	width: 25%;
}

#toolsBottom {
	margin: 30px 0;
}

/* Magazine Article */
.rubricPoetry p {
	font-size: 15px;
	line-height: 25px;
}


/* Pagination */
.more {
	font-size:11px;
	clear: left;
	font-weight:bold;
	font-style:italic;
	margin:0;
	
}
.more .previous {
	float: left;
}
.more .next {
	float: right;
}
.pagination {
	text-align:center;
}
.paginationInner {
	display:inline-block;
	padding: 2px 25px;
	border: solid 1px #d8d8d8;
}
.currentPage,
.pagination a {
	display: inline-block;
	padding: 1px 5px;
}
.currentPage {
	color: #fff;
	background:#bf0000;
	padding: 1px 5px;
}
.pagination .previousLink,
.pagination .nextLink,
.pagination .singlePage {
	font-weight: bold;
}
.pagination .previousLink {
	padding-right: 20px;
}
.pagination .singlePage {
	padding-left: 20px;
}

/*
* INDIVIDUAL PAGES
*/
/* Voices Listing Page */
#voicesPage table {
	width:100%;
	text-align:center;
}
#voicesPage  h2 {
	text-align: center;
	margin: 20px 0 15px
}
#voicesPage .author {
	margin: 0 0 15px;
	line-height: 12px;
	display:block;
}

#fAQPage h4 {
	padding: 10px 0 0 0;
}
#fAQPage h4 a {
	color: #000;
}
#fAQPage .contentColumn ul {
	margin-top: 0;
}

#followTheAtlanticPage .contentColumn ul li {
	list-style-type: none;
}
#followTheAtlanticPage .contentColumn ul {
	padding: 15px 0;
}
#followTheAtlanticPage .contentColumn ul ul {
	border-bottom: solid 1px #d8d8d8;
	padding: 0 15px;
}
#followTheAtlanticPage .contentColumn ul ul li {
	margin-bottom: 10px;
}

#mastheadPage .title {
	margin-bottom: 25px;
}
#mastheadPage td p {
	margin: 0px;
}


#pressPage .contentColumn ul {
	padding: 0;
}
#pressPage .contentColumn ul li {
	list-style-type: none;
	padding: 5px 0;
}


.podcastType {
	height:10px;
	vertical-align:middle;
	padding:3px 4px 0px 1px;
}

/* Recipe Library */
#recipeLibrary h2 {
	margin: 0 0 5px;
}
#recipeLibrary .credit {
	text-align:right;
	width:100%;
}
#recipeLibrary td {
	width: 275px;
	height: 320px;
	vertical-align:top;
}
#recipeLibrary .one {
	padding-right:35px;
}


.articleContent {
	font-size:13px;
	line-height:19px;
}


.article-magazine .metadata {
	text-transform:uppercase;
}

.article-magazine .magArticleTools {
	margin:5px 0 10px 0;
	padding:0;
}

.article-magazine .magArticleTools .blurb {
	margin:0 0 10px 0;
	font-style: italic;
	line-height:18px;
}
/* Since .blurb is italic, set <em> and <i> tags to font-style normal */
.article-magazine .magArticleTools .blurb em, .article-magazine .magArticleTools .blurb i {
    font-style: normal;
}

.article-magazine .post {
	margin:5px 0 10px 0;
	padding:0;
}


.article-magazine .callout {
	border-bottom:2px solid #003F64;
	border-top:2px solid #003F64;
	float:left;
	background-color:#ffffff;
	font-size:11px;
	margin:0 20px 20px 0;
	padding: 5px 10px;
	width:200px;
}
.article-magazine .callout .artsans {
	font-size:11px;
	padding: 5px 0px 5px 0px;
}

.article-magazine .artsans {
	color:#000000;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	text-decoration:none;
}

.article-magazine .post h3 {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	text-decoration: none;
	margin-top: 20px;
	margin-bottom: 8px;
}

.article-magazine span.smallcaps {
	font-variant: small-caps;
	letter-spacing: 1pt;
}

.article-magazine .callout a {
	font-weight:bold;
	padding: 10px 0 5px 0;
	margin-top: 5px;
}

.article-magazine p.letter-intro {
	font-weight: bold;
	font-style: italic;
}

.article-magazine p.letter-response {
	font-weight: bold;
	font-style: italic;
}

.article-magazine p.letter-reply {
	font-style: italic;
}

.article-magazine p.letter-intro i,
.article-magazine p.letter-response i,
.article-magazine p.letter-reply i,
.article-magazine p.letter-intro cite,
.article-magazine p.letter-response cite,
.article-magazine p.letter-reply cite,
.article-magazine p.letter-intro em,
.article-magazine p.letter-response em,
.article-magazine p.letter-reply em {
	font-style: normal;
}


.article-magazine p.letter-intro {
	margin-bottom: 1.5em;
}

.article-magazine p.letter-info {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}

/* ############# */
/* Ad styles */

/* Leaderboard ads */
.trackingPixel, .trackingpixel {
	position: absolute;
	top:0;
	right:0;
}
.adPush {
	overflow:hidden;
    margin: 0;
	line-height:0px;
}
#topAds {
	width: 980px;
	margin: auto;
	clear: both;
	padding:0;
	text-align: left;
}
#topAds .ad {
	padding: 0;
}

.ad {
    text-align:center;
    width:auto;
    font-size:0;
    line-height:0;
}
.ad .sponsorText {
	font-size: 9px;
	line-height: 19px;
}

.ad div, .ad span, .ad iframe, .ad object, .ad embed, .ad table {
	margin: 0px auto; 
	text-align:center;
}
#topAds .adTopleader {
	float:left;
	text-align:left;
}

.promoColumn .ad {
	margin-bottom:20px;
	display:block;
	text-align:center;
	width:334px;
	clear:both;
}
#adHeaderSmallCirc {
	width:242px;
	height:88px;
	overflow:hidden;
	border: solid 1px #d0d0d0;
	text-align:left;
}
#adHeaderSmallCirc #circCover {
	float:left;
	padding: 5px 0 0 80px;
	background: transparent url(../images/ads/smallCircAd.png) no-repeat 5px 10px;
}
#adHeaderSmallCirc ul {
	padding: 0;
	margin: 10px 0 0 5px;
	float:left;
}
#adHeaderSmallCirc li {
	line-height: 16px;
}
#adHeaderSmallCirc li,
#adHeaderWideCirc li {
	list-style: none;
	color:#E32540;
}
#adHeaderSmallCirc li a {
	font-size: 10px;
	margin-left:3px;
}
#adHeaderSmallCirc li a,
#adHeaderWideCirc li a {
	text-transform: uppercase;
	font-family: arial;
	color:#8B8B8B;
}
#adHeaderSmallCirc li a:hover,
#adHeaderWideCirc li a:hover {
	text-decoration:none;
	color:#BF0000;
}
#adHeaderWideCirc li a {
	margin-left:8px;
	margin-right:3px;
}
#adHeaderSmallCirc, 
#adHeaderWideCirc {
	background:#f7f7f7;
}
#adHeaderWideCirc {
	width:978px;
	height:33px;
	border:solid 1px #2F393F;
	overflow:hidden;
	clear:both;
}
#adHeaderWideCirc #circCover {
	background: transparent url(../images/ads/wideCircAd.png) no-repeat 5px 5px;
	float:left;
	padding-left: 525px;
}
#adHeaderWideCirc ul {
	margin-top:7px;
}
#adHeaderWideCirc li {
	display: inline;
	margin-left: 5px;
	line-height:0px;
}
#adHeaderWideCirc li a {
	font-size:12px;
}
.adHolder {
	width:100%;
	vertical-align:middle;
}
.adTopboxright,
.adBottomboxleft {
	border: solid 1px #d8d8d8;
}
#authorRiver .adLeftrail {
	padding:0px 0px 20px 0px;
}
.adLeftrail {
	text-align:center;
	margin:0px auto;
	padding:0px 0px 20px 0px;
	border-bottom: 1px solid #d9e2e7;
	overflow:hidden;
}
#recentStories .adLeftrail {
	border-top: 1px solid #d9e2e7;
	padding-top:20px;
}

#homePage .adLeftrail {
	border-top: 1px solid #d9e2e7;
	padding-top:20px;
	width:381px;
}

.adLeftrail .sponsorText {
	font-size:10px;
	display:block;
	text-transform:uppercase;
	padding:0px 0px 5px 0px;
}
.adBillboard {
	margin-top: 5px;
}

.adMagarticle, .adIn-article {
	float: left;
	padding: 0 15px 15px 0;
	margin-top: 3px; /* To align with difference between font-size and line-height */
}

.adIn-article {
	float: right;
	padding: 0;
	margin: 3px 0 2px 15px;
	border: 0;
}

/* In debug-instream mode, always show box where in-article ad would go */
body.debug-instream .adIn-article[style="display: none;"] {
	display: block !important;
	width: 298px !important;
	height: 183px !important;
	border: 1px solid #C2CCD2;
}

div + div.adIn-article,
br + div.adIn-article {
	margin-top: 16px;
}

.adIn-article a img {
	border: 0;
	padding: 0;
}

#bottomleader {
	margin-top: 20px;
	margin-bottom: 10px;
}


/*  RSS dropdown menu */
#followNav {
	text-transform:uppercase;
	margin:0px 0px 0px 20px;
	padding:8px 0px 4px 6px;
	height:30px;

}
#followLink {
	padding:7px 0px 0px 0px;
	display:block;
	float:left;
	color:#ffffff;
	text-align: right;
	margin-right: 10px;
}

#followIcons {
	display:block;
	float:left;
	text-align:right;
	width:120px;
	margin:0px 5px 0px 0px;
}
#followIcons a {
	line-height:0px;
	margin:0px 5px 0px 0px;
}


#menu {
	margin: 20px 0 0 0;
	position: absolute;
	right: 0;
	top: 43px;
	width: 725px;
	height: 32px;
}
#menu li {
	display:block;
	float: left;
	background: url(/static/front/images/mainNav.png?v=6) no-repeat;
}
#menu  .navLink {
	height: 32px;
	display: block;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

#menu #navPolitics,
#menu #navPolitics .navLink {
	width: 68px;
	background-position: 0 0;	
}
#menu #navPolitics:hover{background-position: 0px -39px;}
#menu #navPolitics.selected {background-position: 0px -77px;}
#menu #navPolitics.selected:hover {background-position: 0px -39px;}

#menu #navBusiness,
#menu #navBusiness .navLink {
	width: 75px;
	background-position: -68px 0;
}
#menu #navBusiness:hover,
#menu #navBusiness.selected {
	width: 76px;
	margin-left:-1px;
}
#menu #navBusiness:hover{background-position: -68px -39px;}
#menu #navBusiness.selected {background-position: -68px -77px;}
#menu #navBusiness.selected:hover{background-position: -68px -39px;}

#menu #navEntertainment,
#menu #navEntertainment .navLink {
	width: 115px;
	background-position: -143px 0;
}
#menu #navEntertainment:hover,
#menu #navEntertainment.selected {
	width: 116px;
	margin-left: -1px;
}
#menu #navEntertainment:hover {background-position: -143px -39px;}
#menu #navEntertainment.selected {background-position: -143px -77px;}
#menu #navEntertainment.selected:hover {background-position: -143px -39px;}

#menu #navInternational,
#menu #navInternational .navLink {
	width: 110px;
	background-position: -258px 0;
}
#menu #navInternational:hover,
#menu #navInternational.selected {
	margin-left: -1px;
	width: 111px;
}
#menu #navInternational:hover {background-position: -258px -39px;}
#menu #navInternational.selected {background-position: -258px -77px;}
#menu #navInternational.selected:hover {background-position: -258px -39px;}

#menu #navTechnology,
#menu #navTechnology .navLink {
	width: 95px;
	background-position: -368px 0;
}
#menu #navTechnology:hover,
#menu #navTechnology.selected {
	margin-left: -1px;
	width: 96px;
}
#menu #navTechnology:hover {background-position: -368px -39px;}
#menu #navTechnology.selected {background-position: -368px -77px;}
#menu #navTechnology.selected:hover {background-position: -368px -39px;}

#menu #navNational,
#menu #navNational .navLink {
	width: 73px;
	background-position: -463px 0;
}
#menu #navNational:hover,
#menu #navNational.selected {
	margin-left: -1px;
	width: 74px;
}
#menu #navNational:hover {background-position: -463px -39px;}
#menu #navNational.selected {background-position: -463px -77px;}
#menu #navNational.selected:hover {background-position: -463px -39px;}

#menu #navHealth,
#menu #navHealth .navLink {
	width: 60px;
	background-position: -536px 0;
}
#menu #navHealth:hover,
#menu #navHealth.selected {
	margin-left: -1px;
	width: 61px;
}
#menu #navHealth:hover {background-position: -536px -39px;}
#menu #navHealth.selected {background-position: -536px -77px;}
#menu #navHealth.selected:hover {background-position: -536px -39px;}

#menu #navMagazine,
#menu #navMagazine .navLink {
	width: 78px;
	background-position: -596px 0;
}
#menu #navMagazine:hover,
#menu #navMagazine.selected {
	margin-left: -1px;
	width: 79px;
}
#menu #navMagazine:hover {background-position: -596px -39px;}
#menu #navMagazine.selected {background-position: -596px -77px;}
#menu #navMagazine.selected:hover {background-position: -596px -39px;}

#menu #navVideo,
#menu #navVideo .navLink {
	width: 50px;
	background-position: -674px 0;
}
#menu #navVideo:hover,
#menu #navVideo.selected {
	margin-left: -1px;
	width: 51px;
}
#menu #navVideo:hover {background-position: -674px -39px;}
#menu #navVideo.selected {background-position: -674px -77px;}
#menu #navVideo.selected:hover {background-position: -674px -39px;}

/* Carousel Styles */

#channelCarousel .carousel {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

.carousel h3 {
	clear:both;
}

#carousel {
	height:365px;
	border-bottom: 1px solid #d8d8d8;
}

#carousel .metadata {
	margin-top: 10px;
}

#carousel .metadata .first {
	margin: 0;
	padding: 0;
	border: none;
}
.topStoryImage {
	width:390px;
	height:255px;
	display:block;
	overflow:hidden;
	position: relative;
}
.topStoryPlayer {
	width:390px;
	position: absolute;
}
.topStoryControls {
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 14px;
	font-family: sans-serif;
	font-weight: bold;
	z-index:10;
}
.topStoryControls .control {
	float: left;
	margin-right: 3px;
	display: block;
	padding: 1px;
	border: solid 1px white;
	background: #012943;
}
.topStoryControls .control a {
	font-family:"Arial black", arial, sans-serif;
	text-align:center;
	display: block;
	font-size:14px;
	background: #e5ecf0;
	padding: 5px;
	margin: 0;
	line-height:12px;
	height:14px;
	width:14px;
	color: #012943;
	cursor:pointer;
}
.topStoryControls .control a:hover {
	text-decoration: none;
}

.topStoryControls .control .paused {
	background-image:url(/static/front/images/play-button.gif);
	background-repeat:no-repeat;
	background-color: #e5ecf0;
	background-position:center center;
}

.topStoryControls .control .playing {
	background-image:url(/static/front/images/pause-button.gif);
	background-repeat:no-repeat;
	background-color: #e5ecf0;
	background-position:center center;
}

.topStoryControls .control .selected {
	color: white;
	background: transparent;
}


.topStoryPlayer h3 {
	font-size: 30px;
	line-height:36px;
	margin:0px;
}
.topStoryPlayer h4 {
	margin:0px
}

.topStoryPlayer .post {
	padding:0px;
}
.topStoryPlayer .post p {
	margin:0px;
}

.topStoryPlayerAd {
	border: 1px solid #D8D8D8;
	padding-bottom: 10px;
}

.topStoryPlayer .carouselAdWrap {
	position: relative;
	width: inherit;
	margin-left: auto;
	margin-right: auto;
	margin-top:40px;
	text-align: center;
}

.topStoryPlayer .carouselAdHeader {
	color: #5C5C5C;
	text-transform: uppercase;
	height: 20px;
	font-size: 11px;
}

.topStoryPlayer .carouselAd {
	margin: 0 auto;
	text-align: center;
	width: inherit;
}

/* Homepage Module Styles */
#dontMiss {
	background-color:#eaebeb;
	float:right;
	width:180px;
	clear:none;
	padding:10px;
	margin:0px 0px 0px 10px;
}

#dontMiss h2 {
	margin-top:0;
	padding:10px;
	text-align: center;
}
#dontMiss .post .photo {
	width:71px;
	height:71px;
}

#dontMiss .post .metadata {
	margin: 3px 0 0 0px;
	line-height:115%;
}
#dontMiss .headline,  #dontMiss .metadata  {
	width:95px;
	float:left;
}
#dontMiss .headline {
	float:left;
	font-size:11px;
	margin:0;
	padding:0;
}

/* Channel Carousel */
.carousel {
	position:relative;
}

.carousel .dek {
	margin:0px;
}

#channelCarousel {
	float:left;
	width:390px;
	padding-bottom:15px;
}
#channelCarousel .photo {
	margin-right: 0;
}

#carousel1 h3 {
	font-size:26px;
}
#secondaryCarousel {
	overflow:hidden;
	border-bottom:1px solid #d8d8d8;
}
#secondaryCarousel .post {
	float:left;
	width:178px;
	clear:none;
	overflow:hidden;
}

#secondaryCarousel h3 {
	font-size:16px;
}

#secondaryCarousel #carousel3 {
	border-left: solid 1px #d8d8d8;
	padding-left:15px;
	margin-left:15px;
}

#followTwitter {
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	margin-top:5px;
	padding:5px 0 0 35px;
	height:25px;
	background: url(/static/front/images/twitter-medium.png) no-repeat;
	display:block;
}

#followFacebook {
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	margin-top:5px;
	padding:5px 0 0 35px;
	height:25px;
	display:block;
}

#emailContact {
    font-family:arial, helvetica, sans-serif;
    line-height:25px;
}

#emailContact img {
    vertical-align:middle;
    padding:3px;
}
/* Landing Page Module Styles */
#btf {
	clear:both;
	overflow:hidden;
	border-top:1px solid #eaebeb;
	margin:30px 0 0 0;
	padding:20px 0 5px 0;
	
}

#btf .adBottomboxleft {
	float:right;
	border:1px solid #a0a0a0;
	padding:0;
	text-align:center;
	margin:0 auto;
	max-height:280px;
}

#moreAt {
	background-color:#eaebeb;
	float:left;
	width:230px;
	height:265px;
	clear:none;
	padding:10px;
	margin:0px 0px 0px 0px;
}

#moreAt h2 {
	margin-top:0;
	padding:5px 10px 10px 0;
	text-align: center;
}
#moreAt .post .photo, #moreAt .post .photo img {
	width:59px;
}
#moreAt .post {
	padding:0 0 10px 0;
}

#moreAt .headline {
	float:left;
	width:160px;
	font-size:13px;
	margin:0;
	padding:0;
}



/* ############### */
/* Modules */

.promoModule {
    margin-bottom: 10px;
}



.module h2 {
	display:inline;
	text-align:center;
	font-size: 15px;
}
.module h2 a {
	color: #bf0000;
}
.module h4.rubric {
	text-align:center;
	color: #5c5c5c;
	font-family:"arial black", arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0px 0px 5px 0px;
	padding:0;
	line-height:110%;
}
.promoModule {
	border: 1px solid #242B30;
	margin-bottom: 20px;
}

.promoModuleHeader {
	background: #242B30;
	color: white;
	font-family: 'Arial black', Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

.promoModuleContent {
	padding: 10px;
	overflow:hidden;
	border-collapse:collapse;
}

.promoModuleContent td {
	padding:10px 0 10px 10px;
	line-height:15px;
	font-size:12px;
}

.promoModuleContent .credit {
	width:auto;
}

.promoModuleHeadline {
	font-weight: bold;
	font-size: 13px;
	line-height:16px;
}
.promoModuleContent .promoModuleText {
	padding-right:10px;
}

.promoModuleDek {
	clear:none;
	font-size: 11px;
	line-height:16px;
}
Column .module .rubric {
	margin:-8px 0 10px 0;
}
.promoColumn .module h2 {
	font-size: 13px;
}
#specialReportPromo {
	margin-bottom: 10px;
}
.module .title {
	text-align:center;
}
.promoColumn .module a .photo {
	border: 1px solid #C2CCD2;
	padding: 1px;
}
.promoColumn .module .title a img {
	border: none;
}
.rightContent .container {
	border: solid 1px #d8d8d8;
}
.rightContent .module {
	padding: 0px 10px 10px 10px;
}
.rightContent .module h2 {
	padding: 15px 0px 5px 0px;
	border-top: solid 4px #242B30;
	display:block;
}
.rightContent .module:first-child h2,
.rightContent .first-child h2{
	border-top: none;
	padding-top: 0;
	margin-top: 15px;
}
.promo {
	display:block;
	margin-bottom: 20px;
}
.module ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.module .post {
	font-size: 11px;
	line-height: 16px;
}
.module .post .headline {
	font-size: 13px;
	margin-bottom: 5px;
}

.promoColumn .module {
	overflow:visible;
	margin: 0 0 25px 0;
	padding: 0 15px 15px 15px;
	border: solid 1px #d8d8d8;
}

#special-promo-modules .promoModuleHeader {
	background-color: #BF0000;
}
#special-promo-modules .promoModule {
	display: none;
}
#special-promo-modules .special-promo-0 {
	display: block;
}

/*.promoColumn .module object, .promoColumn .module embed {
	margin-left:-15px;
}*/

.promoColumn #videosMostWatched {
	padding-bottom:0px;
}

.promoColumn #videosMostWatched ul{
	list-style-type:none;
	overflow:hidden;	
}
.promoColumn #videosMostWatched ul li.one {
	float:left;
	clear:both;
}
.promoColumn #videosMostWatched li.two {
	float:right;
}

.promoColumn #videosMostWatched li.post {
	padding-top:0px;
	width:132px;
	clear:none;
}

.promoColumn #videosMostWatched li.post p {
	margin-top:0px;
}

.promoColumn .module .title {
	margin:-20px 0px 10px 0px;

/*
	position:relative;
	top:-10px;
*/

}

.promoColumn .module h2 {
	padding:0 10px;
	width:auto;
	display:inline-block;
}
.promoColumn #videoFeature {
	line-height:15px;
	font-weight:bold;
}
.promoColumn #videoFeature .player {
	margin-bottom:15px;
}
.promoColumn #videoFeature .related img {
	display:block;
}
.promoColumn #videoFeature .related .video:first-child {
	margin-left:0
}
.promoColumn #videoFeature .related .video {
	float:left;
	margin-left: 20px;
	width: 88px;
}
.promoColumn #videoFeature .moreVideo {
	display:block;
	color:#0DC5C3;
	text-align:center;
	margin-top: 15px;
	font-size: 15px;
}
.promoColumn #videoFeature .sponsored {
	position: absolute;
	width: 88px;
    margin: 48px 0 0;
    padding: 0;
    background: transparent url(/static/front/images/video/opacity.png) repeat 0 0;
    text-align:center;
    text-transform: uppercase;
    font-size:10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
    color:black;
}
.module p.input {
	margin: 3px 0;
}

/** Individual Modules **/


/* Circ Form, used in #newsstands and #subscribe */
.price {
	text-transform:uppercase;
	font-family: arial, sans-serif;
	font-size:10px;
	color: #000000;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	margin:0;
}
input.label {
	color: #999;
}
#circForm {
	position:relative;
}

#circForm .submit {
	text-align:center;
	margin:0px auto;
	padding:0;
	float:none;
}

#circForm button {
	text-align:center;
	margin:0px auto;
}

#circForm fieldset {
	padding: 0;
}

#circForm select {
	width:55px;
	float:left;
	display:block;
}
#circForm input.zip {
	width:55px;
	float:left;
	display:block;
}

/* On Newstands Now */
.promoColumn #newsstands {
	padding-bottom:5px;
	clear:both;
}
#newsstands .subscribe {
	padding-top: 15px;
	border-top: 1px solid #C2ccd2;
}

#newsstands select {
	width:67px;
	float:left;
	margin-right:10px;
}

#newsstands .currentIssue {
	float:left;
	width:140px;
	text-align:left;
	font-size:11px;
	line-height:16px;
}
#newsstands .currentIssue p {
	clear:both;
	width:100%;
	margin:0px 0px 0px 0px;
}
#newsstands .subscriptionForm {
	float:left;
	width:163px;
}
#newsstands #circForm {
	float:left;
	width:162px;
}
#newsstands .clearfix {
	margin-bottom: 5px;
	clear:both;
}
#newsstands input {
	width:134px;
}
#newsstands p {
	clear:both;
	overflow:hidden;
	margin:0px 0px 5px 0px;
	padding:0;
	float:left;
}

/* Other Works of G */
#otherWorksOfGenius {
	font-family: arial, sans-serif;
	line-height: 16px;
	font-size: 12px;
}
strong.label {
	display:inline-block;
	margin: 0 5px 0 0;
	padding:0;
	text-transform: uppercase;
	color: #242B30;
	font-family: "Arial Black", arial, sans-serif;
}
#otherWorksOfGenius li {
	padding:5px 0;
}
#otherWorksOfGenius img {
	float:right;
}
#otherWorksOfGenius a {
	color: #5c5c5c;
}

/* Subscribe module, circ form without mag cover */

#subscribe #circForm{
	overflow:hidden;
	margin:0px;
}
#subscribe p {
	float:left;
	clear:none;
	margin:0px 5px 0px 0px;
	padding:0px 0px 5px 0px;
	width:144px !important;
	height:25px;
}
#subscribe input {
	width:130px;
}
#subscribe input#zip {
	width:55px;
}
#subscribe select {
	width:67px;
	margin-right:5px;
	padding:3px 0;
}
#subscribe .city, #subscribe .zip, #subscribe .email {
	margin-right:0px;
}
#subscribe .submit {
	display:block;
	clear:both;
}

/* Newsletter form */
#newsletters p {
	margin-top:0;
	font-size: 12px;
}
#newsletters .input input,
#newsletters .partners input
{
	margin-left:0;
}
#newsletters .partners {
	margin:10px 0;
}



/* Zeitgeist */
#zeitgeistAd {
	width:89px;
	float:right;
	display:block;
	font-family:arial, helvetica, sans-serif;
	font-size:7px;
	line-height:8px;
	color:#006699;
}
#zeitgeist tr td {
	padding: 5px;
	border-bottom: solid 1px #d8d8d8;
	font-family:arial, sans-serif;
}
#zeitgeist .data {
	font-weight:bold;
	text-align:center;
	color:#242B30;
	font-size: 14px;
	font-family:"arial black", arial, sans-serif;
}
#zeitgeist .label {
	text-align:left;
	font-size: 11px;
	line-height: 14px;
}

#zeitgeist h5 {
	text-align:center;
	margin:0px auto;
}

/* Cities Module */
#citiesOpinions .post {
	text-align: center;
}
#citiesOpinions .photo {
	margin: 0 auto;
	float: none;
	width: 175px;
}
#citiesOpinions h4{
	font-size: 13px;
}

/* Entertainment features */
.entertainmentFeature .post img {
	float: right;
}


/* Filter by Cateogry */

#categoryFilter .categoryContainer {
	overflow:hidden;
}

#categoryFilter ul li {
	text-transform:uppercase;
	text-align:center;
	font-size:9px;
	line-height:9px;
}

#categoryFilter ul li a{
	display:block;
	clear:both;
}

.rightContent #categoryFilter ul {
	margin:5px 0px 0px 0px;
	float:left;
	width:76px;
	
}

.rightContent #categoryFilter ul li {
	margin:0px 0px 10px 0px;
}

.rightContent #categoryFilter ul li img {
	display:block;
	margin:0px 0px 4px 0px;
}

.rightContent #categoryFilter ul.one {
	border-right:1px solid #d9e2e7;
	padding:0px 15px 0px 0px;
}
.rightContent #categoryFilter ul.two {
	padding:0px 0px 0px 15px;
}

.rightContent #storiesFromMagazine h4.rubric{
	border-top:solid 1px #D8D8D8;
	padding:15px 0px 0px 0px
}



.promoColumn #categoryFilter ul {
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	clear:both;
	height:70px;
	overflow:hidden;
}


.promoColumn #categoryFilter ul li {
	display:block;
	float:left;
	width: 76px;
	height:63px;
/*	padding:0px 6px 0px 6px;*/
}

.promoColumn #categoryFilter ul li:first-child {
	padding-left:0px;
}
.promoColumn #categoryFilter ul li:last-child {
	padding-right:0px;
}

.promoColumn #categoryFilter ul li img {
	width:63px;
	margin:auto;
	padding:0px 0px 3px 0px;
}

.promoColumn #categoryFilter ul.two {
	padding-bottom:0px;
}

.promoColumn #categoryFilter #categorySustainability div a {
	letter-spacing:-1px;
}


/* Video Module */
#video {
	padding:0px;
}
#video h3 {
	margin:0px;
	font-size:13px;
}
#video .videoImage {
	text-align:center;
	margin:10px 0px 0px 0px;
}
#video .player {
	text-align:center;
}
#video .content {
	padding: 0px 15px 15px 15px;
}
#video p {
	margin:0px;
	padding:0px;
}
#video h4 .more {
	margin:0px;
	padding:0px;
}
#video .date {
	padding:0px;
	margin:0px 0px 5px 0px;
	font-size:10px;
	font-weight:normal;
	border-bottom:1px solid #d8d8d8;
}
.rightContent #video .title {
	margin: 0 10px;
}


/* Correspondents Module */
.promoColumn #correspondentsMenu {
	overflow:visible;
}
#correspondentsMenu ul {
	text-align:left;
	min-height:80px;
	margin:10px 0px 10px 0px;
}
#correspondentsMenu ul li {
	padding:0px 0px 10px 0px;
	line-height:120%;
}
#correspondentsMenu ul li h3 {
	font-size:11px;
	line-height:120%;
	padding:3px 0px 0px 0px;
	margin:0px;
}
#correspondentsMenu #correspondentDropdown .expandingTitle{
	width:152px;
}
#correspondentsMenu #correspondentContent {
	width:595px;
	padding:25px 20px 0px 20px;
	margin-left: -449px;
	line-height:14px
}
#correspondentsMenu #correspondentContent  table {
	width:100%;
	padding:0;
	margin:0;
}


/* Latest Post */
.promoColumn #ourLatestPost {
	border-top: solid 10px #bf0000;
	padding: 0;
	width:100%;
	background:#ffffff;
}
.promoColumn #ourLatestPost .title  {
	line-height:11px;
	margin-top:-21px;
}
#ourLatestPost .post {
	width:280px;
	overflow:hidden;
	float:left;
	clear: none;
	height:70px;
	margin-top:0;
	padding-top:0;
}
#ourLatestPost .post .photo{
	position:static;
}

#ourLatestPost .authorLine {
	overflow:hidden;
}
#ourLatestPost .headline {
	display:inline;
   
}

#ourLatestPost .date {
	margin-left: 5px;
	border-left: solid 1px gray;
	padding-left: 5px;
}

#ourLatestPost .toggleArrows:hover {
	text-decoration:none;
}
#ourLatestPost .toggleArrows {
	width:10px;
	font-size:30px;
	color:#cccccc;
	font-family:arial, helvetica, sans-serif;
	height:20px;
}
#ourLatestPost .previousEntryLink {
	background:url('/static/front/images/recentPostArrowLeft.gif') center center no-repeat;
	float:left;
	margin:20px 10px 0 7px;
}
#ourLatestPost .nextEntryLink {
	background:url('/static/front/images/recentPostArrowRight.gif') center center no-repeat;
	float:right;
	width:20px;
	margin:20px 5px 0 0;
}
#olpScroll {
	width:100000px;
}

#ourLatestPost .olpLoading {
	background: url('/static/front/images/loadingSmall.gif') no-repeat left !important;
}


#olpEntry1 .previousEntryLink {
	opacity:0.3;
	filter:alpha(opacity=30);
}
.olpEntry {
	float:left;
	width:335px;
}
#ourLatestPost .wrapper {
	overflow:hidden;
	width: 335px;
}

/* Health Channel */

#vitalSigns {
	font-family:arial, helvetica, sans-serif;
}

#vitalSigns .dek {
	font-size:11px;
}

a.vital-signs-value {
	display:block;
	background:url(/static/front/images/health/vital-signs.gif) no-repeat;
	width:184px;
	height:80px;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	font-size:60px;
	line-height:80px;
	margin:10px 0 0 0;
}

a.vital-signs-value:hover {
	text-decoration:none;
}



/* Cities */
.promoColumn  #cities {
	border:2px solid #0CC0C9;
	margin-top: 30px;
}
.promoColumn  #cities .title h2 a img{
	margin-top: -10px;
}

.promoColumn .partnerContent .date {
	text-align: center;
	color:#242b30;
	font-weight:bold;
	font-size:10px;
}

.promoColumn .partnerContent .photo {
	display:block;
	float: left;
	height: 35px;
	width: 35px;
	margin: 0 5px 5px 0;
}
.promoColumn .partnerContent .headline {
	display:block;
	font-family: "arial", sans-serif;
	font-weight:bold;
	font-size: 12px;
	line-height: 14px;
	margin-left: 48px;
}
.promoColumn  #quartz {
	border:2px solid #000000;
	position:relative;
	font-size: 11px;
	margin-top:35px;
	padding-bottom: 5px;
}
.promoColumn .partnerContent ul.quartz_feed .headline {
	margin-left: 0px;
}
.promoColumn .partnerContent ul {
	margin:0;
}

.promoColumn .partnerContent li {
	padding: 0;
	display: block;
	height: 43px;
}
.promoColumn .partnerContent li:first-child {
	padding:0;
}
.promoColumn .partnerContent .more {
	text-align:right;
	display:block;
}
/* Channel Voice */
.rightContent #channelVoice {
	overflow:hidden;
	padding-bottom:0px;
}

#channelVoice .bloggerProfilePic {
	float:left;
	width:59px;
	margin:0px 5px 0px 0px;	
}

#channelVoice p {
	float:left;
	width:125px;
	margin:0px;
}

/* Back Issues */
#backIssues p {
	line-height:14px;
	margin:0px 0px 10px 0px;
}
.module .backIssue {
	display: block;
	float: left;
	width: 93px;
	height: 150px;
	text-align: center;
	font-size: 12px;
	font-family: arial, sans-serif;
	margin:0px 10px 0px 0px;
}
#backIssue3, #backIssue6, #backIssue9 {
	margin:0 !important;
}
.module .backIssue .cover {
	display: block;
	width: 85px;
	margin: 2px auto 0;
}
#backIssues .more {
	clear: both;
	display: block;
	padding: 0 10px 10px 10px;
	text-align: right;
	font-size: 10px;
	font-style:normal;
}

/* Premium archive form */
#premiumArchive {
	font-size:11px;
}

#archiveTable {
	width: 295px;
}
#premiumArchive .label {
	width: 50px;
	text-align: right;
	padding: 5px 5px 5px 0;
	vertical-align: middle;
	font-weight: bold;
}
#premiumArchive label {
	display: block;
}
#premiumArchive label label {
	display: inline;
}
#premiumArchive input {
	padding: 3px;
}
#premiumArchive #dateLabel {
	padding-bottom:30px;
}
#premiumArchive p {
	margin: 3px 0;
	padding-bottom: 0;
}
#premiumArchive .miniNav {
	padding-bottom: 10px;
}
#archiveDateRange {
	float: right;
	text-align: right;
	padding-bottom: 10px;
}
#fromyear, #toyear {
	width:30px;
}
#premiumArchive button {
	margin-left: 61px;
}


/* Most Popular */
#mostPopular dl{
	overflow:hidden;
}
#mostPopular dt{
	font-family:"arial black", arial, sans-serif;
	padding:0;
	clear:both;
	margin:0px 10px 0px 0px;
	float:left;
	width:10px;
}
#mostPopular dd{
	padding:0px 0px 5px 0px;
	margin:0;
	float:left;
	width:250px;
	font-size:11px;
}


/* Books Module */
#books .book {
	overflow:hidden;
	clear:both;
	margin-bottom:10px;
}
#books .bookCover {
	display:block;
	width:100px;
	float:left;
	margin:0 10px 0 0;
}
#books .bookCover img {
	width:100px;
}
#books h5 {
	font-size: 12px;
}

#book140Header {  
	font: 11pt arial,helvetica,sans-serif;
	color: #242b30;
	padding-bottom: 15px;
}
#book140Header a { 
	color: #242b30;
}
#book140Callout img { 
	padding-left: 5px;
}


/* Tool Kit */
#toolkit {
	background: transparent url("/static/front/images/techToolkitModule.png") no-repeat top center;
	padding-top: 45px;
}
#toolkit h2{
	margin-top:0px;
}
#toolkit a {
	font-size:12px;
	color:#5c5c5c;
	font-family:arial, helvetica, sans-serif;
	font-weight:normal;
}

#canon {
	padding-bottom:0px;
}
#canon dl {
	overflow:hidden;
	margin:10px 0px 0px 0px;
}
#canon dl dt {
	clear:both;
	color:#ffffff;
	font-size:10px;
	line-height:6px;
	font-family: "arial black", arial, sans-serif;
	background-color:#e10409;
	text-align:center;
	padding:8px 0px 4px 0px;
	width:20px;
	height:10px;
	display:block;
	float:left;
	margin:3px 10px 10px 0;
}
#canon hr {
	clear:both;
}

#canon dl dd {
	float:left;
	width:150px;
	font-size:10px;
	margin:0px 0px 10px 0;
}

/* Blog Roll Styles */
.blogRoll ul {
	float:left;
	width: 140px
}
.blogRoll .twocol {
	margin-right: 15px;
}

/*Todays Specials */
.twitterDate, #twitterModule .metadata a {
	color: #7A7A7A;
	display: block;
	font-size: 90%;
}
#twitterModule .metadata {
	display:block;
}
#twitterModule .post {
	font-size: 110%;
	line-height:15px;
	padding: 6px 0;
}
#twitterModule .more {
	text-align:right;
	display:block;
	margin-right: 10px;
	font-size:90%;
}
.twtr-widget .twtr-ft {
	display:none;
}

/* inFocus styles */

#infocusSide {
    font-size: 11px;
}
#infocusSide .title {
    margin-bottom: 0px;
}
#infocusSide .header {
    text-align: center;
}
#infocusSide .image {
    width: 300px; margin: 11px auto 5px;
}
#infocusSide .date {
    font-weight: normal; 
    margin-left: 5px;
    border-left: solid 1px gray; 
    padding-left: 5px;
}



/* ############ */
/* Page Styles */

#lettersOptions {
	display:none;
}

#contactForm input{
	color:#666666;
	font-size:10px;

}

#contactForm label {
	color:#333333;
	font-family:arial, helvitca, sans-serif;
	font-size:11px;
	width:200px;
	float:left;
	padding:0px 10px 10px 10px;
	font-weight:bold;
}
.longTextBox {
	width:250px;
}
.error {
	background-color:#fde8e8;
}

#errorMessage {
	display:none;
	font-size:11px;
	font-family:arial, helvitca, sans-serif;
	text-align:center;
	background-color:#fde8e8;
	padding:4px;
	color:#f52b21;

}

#siteMap li {
	padding:5px 0 5px 0;
}

/* ############# */
/* Gloabl Sponsored Styles */

#sponsorStripe {
	color:white;
	background: #bf0000;
	padding: 1px 3px;
	font-family:arial, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	font-weight:bold;
}
	
/* ############# */
/* Footer Styles */
#footer-wrapper {
    z-index:9999;
    position:relative;
    background: #fff;
    float:left;
}

.curtain {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:500%;
	z-index:1000000;
	background-color:#000000;
	filter:alpha(opacity=90);
 	opacity:0.9;
}

.offScreen {
	text-indent: -5000px !important;
	display: block !important;
	height: 0px !important;
	width: 0px !important;
	line-height: 0px !important;
	overflow: hidden !important;
}

/* for moreOn blurbs that are too long */
.moreOn {
    line-height: 16px;
    margin: 1.5px 0px;
}

#specialReportToolbar {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	padding: 5px 0 0 0;
	margin-bottom: 20px;
}

#specialReportToolbar .addthis_button_email img {
	position: relative;
	top: 1px;
}

#dailyDishPage #recentStories{
	border-top: 1px solid #D8D8D8;
}

/* Social Gallery */
#socialGalleryPage .content {
	padding:0 0 0 0;
	margin:0 0 30px 0;
}

.socialGalleryTitle {
	font-size:23px;
	font-weight:bold;
	color: #2c393f;
	margin-bottom:5px;
}



/* Language-specific font styles */
.chinese {
	font-family: "Hiragino Mincho Pro", "Apple LiSung", "DejaVu Sans", SimSun, MingLiu, 'Lucida Grande', 'Arial Unicode MS', Arial, Helvetica, sans-serif;
}

/* Warning message, currently used only for IE6 upgrades */
.warning {
	background:#FDF2AB;
	margin:-5px 0 5px 0;
	border-bottom: solid 1px #A29330;
	color:black;
}
.warning .container {
	width: 945px;
	margin: 0 auto;
	padding: 5px 5px 5px 25px;
	line-height:15px;
	background: transparent url(/static/front/images/warningIcon.png) no-repeat 0 3px;
	color:black;
}
.warning a {
	color:#BF0000;
	text-decoration:underline;
}



/* ############ */
/* Inline embed code styles */

/* "More On NJ" box. */
.moreOnNJBox {
	margin: 10px;
	padding: 10px;
	width: 215px;
	float: right;
	text-align: center;
}

.moreOnNJBoxHeader {
	font-family: Arial, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
}

.moreOnNJBoxLogo {
	margin-top: 5px;
	height: 55px;
	width: 55px;
}

.moreOnNJBoxList {
	text-align: left;
	line-height: 12pt;
	margin-left: -20px;
}

.moreOnNJBoxList li {
	margin-bottom: 7px;
}

/* "More On" box with images. */
.moreOnBoxWithImages {
	margin: 10px;
	padding: 10px;
	padding-bottom: 20px;
	width: 273px;
	float: right;
	background: #efefef;
}

.moreOnBoxWithImagesTitle {
	text-align: center;
	margin-bottom: 15px;
	font-size: 10.5pt;
}

.moreOnBoxWithImagesItem {
	clear: both;
	margin: 15px;
}

.moreOnBoxWithImagesThumbnail {
	float: left;
	margin-bottom: 15px;
}

.imageInMoreOnBoxWithImages {
	width: 86px;
	height: 70px;
	border: none;
	margin: 0;
	margin-right: 10px;
}

.moreOnBoxWithImagesHeadline {
	float: left;
	margin: 0;
	margin-bottom: 15px;
	font-weight: bold;
	width: 140px;
}

/* "More On" one story */
.moreOnOneStory {
	margin: 10px;
	padding: 0;
	padding-top: 3px;
	padding-bottom: 10px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	width: 242px;
	float: right;
}

.moreOnOneStoryTitle {
	font-size: 7.5pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.moreOnOneStoryImage {
	margin: 0;
	padding: 0;
	border: 0;
	width: 242px;
	height: 157px;
}

.moreOnOneStoryHeadline {
	margin-top: 5px;
	font-weight: bold;
	font-size: 10.5pt;
}


/* Light Box */
#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute; top:0; left:0; z-index:9999; 
}
#cboxOverlay {
	position:fixed; width:100%; height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}
#cboxContent {
	position:relative;
}
#cboxLoadedContent {
	overflow:auto;
	border: solid 8px #04B5C5;
	border-radius: 8px;
}

#cboxTitle {
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%;
	height:100%;
}
#colorbox.sponsored #cboxMiddleLeft,
#colorbox.sponsored #cboxBottomLeft,
#colorbox.sponsored .cboxPhoto {
	display: none;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor:pointer;
}
.cboxPhoto {
	float:left;
	margin:auto;
	border:0;
	display:block;
}
.cboxIframe {
	width: 100%;
	height: 100%;
}
#colorbox.sponsored .cboxIframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display:block;
	border:0;
	z-index: 9998;
}
#cboxOverlay {
	background:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;opacity:0.7;
}
#colorbox{}
#cboxContent {
	margin-top:32px;
	overflow:visible;
}
#colorbox.sponsored #cboxContent {
	margin-top: 10px;
}
.cboxIframe {
	background:#fff;
}
#cboxError {
	padding:50px;
	border:1px solid #ccc;
}
#colorbox.sponsored #cboxError {
	border: 0;
}
#cboxLoadedContent {
	background:#000;
	padding:1px;
}
#colorbox.sponsored #cboxLoadedContent {
	border-width: 0px;
	overflow: visible;
	padding: 0;
}
#cboxLoadingOverlay {
	background:#000;
}
#cboxTitle {
	position:absolute;
	top:-22px;
	left:0;
	color:#000;
}
#colorbox.sponsored #cboxTitle {
	display: none;
	top: 0;
}
#cboxCurrent {
	position:absolute;
	top:-22px;
	right:205px; text-indent:-9999px;
}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
	text-indent:-9999px; 
	width:20px;
	height:20px;
	position:absolute;
	top:-20px;
	background:url(http://cdn.theatlantic.com/static/front/images/april2012-infographic/images/controls.png) no-repeat 0 0;
}
#colorbox.sponsored #cboxSlideshow,
#colorbox.sponsored #cboxPrevious,
#colorbox.sponsored #cboxNext {
	height: 0;
	width: 0;
	display: none;
}
#cboxPrevious {
	background-position:0px 0px;
	right:44px;
}
#cboxPrevious:hover {
	background-position:0px -25px;
}
#cboxNext {
	background-position:-25px 0px;
	right:22px;
}
#cboxNext:hover {
	background-position:-25px -25px;
}
#cboxClose {
	right: -15px;
	top: -15px;
	width:37px;
	height:37px;
	background: transparent url(/static/front/images/lightbox/close.png) no-repeat 0 0;
}

#colorbox.sponsored #cboxClose {
	width: 44px;
	height: 43px;
	right: 30px;
	top: -12px;
	background:url(/static/front/images/lightbox/sponsored-close.png) no-repeat 0 0;
	z-index: 9999;
}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
	right:66px;
}
.cboxSlideshow_on #cboxSlideshow {
	background-position:-75px -25px;
	right:44px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
	background-position:-100px -25px;
}
.cboxSlideshow_off #cboxSlideshow {
	background-position:-100px 0px;
	right:44px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
	background-position:-75px -25px;
}
div.sponsored-stripe {
    width: 100%;
    background-color: #f11700;
    color: white;
    line-height: 18px;
	text-transform: uppercase;
    font-size: 10px;
	font-family: Arial, sans-serif;
    top: -14px;
    position:relative;
    padding-left: 10px;
    padding-top: 3px;
    height: 20px;
}

/**
 * "More On" box
 */

.more-on {
    margin: 10px;
    padding: 10px;
    padding-bottom: 20px;
    width: 273px;
    float: right;
    background: #efefef;
}

.more-on h2 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 10.5pt;
    text-transform: uppercase;
}

.more-on .more-on-article {
    clear: both;
    margin: 0 15px;
}

.more-on .more-on-img {
    float: left;
    margin-bottom: 15px;
}

.more-on .more-on-img img {
    width: 86px;
    height: 70px;
    border: none;
    margin: 0;
    margin-right: 10px;
}

.more-on .more-on-text {
    float: left;
    margin: 0;
    margin-bottom: 15px;
    font-weight: bold;
    width: 140px;
}

/**
 * Native Promotions
 */
#container .rotating-promo,
#container .rotating-promo .native-tracking-pixel {
	display: none;
}
#container .rotating-promo-num-0 {
	display: block;
}
#container .rotating-promo .native-tracking-pixel {
	height: 1px;
	width: 1px;
}
#container .sponsored-img {
	background-size: 100% 100%;
}

/**
 * Styles for stuck elements.
 **/
#module-sticky.stuck, .ad.stuck {
    position: fixed;
    top:0;
    z-index:9999;
}
.fixedPageBottom { position:absolute; bottom:0; margin-bottom:0;
    width: 336px;
}

/**
 * Change the colors of headers on pages that have the updated right rail
 */
.updated-right-rail .title {
    background:#cc0018;
}

.updated-right-rail .title h1,
.updated-right-rail h1.title,
.updated-right-rail .title h1 a,
.updated-right-rail h1.title a,
.updated-right-rail h2,
.updated-right-rail .channel,
.updated-right-rail .channel:visited {
    color:#cc0018;
}

#centerRail a.more {
    margin-top:-5px;
    display:block;
    width:100%;
    text-align:center;
}

#centerRail li.post {
    width: 170px;
    margin: auto;
}

/* Janrain Login specific CSS */
#janrainModal h2 {
    color: #666;
    font-family: "Helvetica", "Arial",  "Lucida Grande", "Verdana", sans-serif;
    text-transform: none;
}

/* Hide janrain utils until after we've confirmed we can reach the server */
.janrain-utils {
    display: none;
}