/* News Module Styles */
.newsFilterMonthWrpr, .newsFilterYearWrpr { display:inline-block; margin-right:12px;margin-bottom:5px;}
.newsFilterMonth {width: 85px;}
.newsFilterYear {width: 85px;}
.newsFilterCatWrpr { display:inline-block; }
.newsFilterCat {width: 185px;}
.newsFilterSearchBtn {float:right;margin-left:15px;}
.newsFilterSearchType {padding-top:3px;float:right;}

.newsItemsWrpr {padding:0px 0px 20px 0px;}
.newsItemWrpr {padding:0px 0px 25px 0px;}
.newsItemWrpr .newsItemPhoto {float:left; display:inline; margin:0 0 12px 0;}

.newsItemWrpr .newsItemImg {float: left;padding-left: 12px;margin-top: 00px;margin-right:20px;}
.newsItemWrpr .newsItemImg img{width:70px;height:60px;}
.newsItemWrpr .newsItemDescr {}
.newsItemWrpr .newsItemDescr p {padding:0 0px;}
.newsItemWrpr .newsItemDescr h2 {font-size:13px;font-family:arial;margin:0px;padding:0px;}
.newsItemWrpr .newsItemDescr h2 a{font-size: 13px;color: #7AAFDF;font-weight: bold;text-decoration: none;}
.newsItemWrpr .moreLink {text-align:right;color: #7AAFDF;text-decoration: none;font: bold 11px Arial;}

.newsSummaryWrpr {}
.newsSummaryWrpr .mod {background:none;}
.newsSummaryWrpr h2 { color: #394A43; letter-spacing: 2px; margin: 0px 0px 10px; padding: 0px 0px 6px; font: bold 11px Georgia; text-transform: uppercase; border-bottom: 1px solid #D6CEAD; }
.newsSummaryBackgroundWrpr {}
.newsSummaryImage {float:left;}
.newsSummaryDesc { border-bottom: 1px dotted #BAC9C2; margin: 0px 0px 10px; padding: 0px 0px 10px; font-size:12px;}
.newsSummaryViewAll {text-align:right;}


/* =================================================================
                           MAGAZINE
===================================================================*/

/* ========  MAGAZINE ISSUE  ==========*/

.magazineHead {
	margin:.7em 0 .9em; margin-left:-2%;
	width:104%;
	overflow:hidden;
	-webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
	     -o-transition: all .2s linear;
            transition: all .2s linear;	
}
.magazineHead h1 {
	font-size:1.8em; 
	line-height:1.2; 
	font-weight:bold; 
	-webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
	     -o-transition: all .2s linear;
            transition: all .2s linear;	
}
.magazineHead h1 span { margin-left:.2em; color:#ca2222; }

.article .title { margin-top:8px; margin-bottom:.2em; font-size:1.7em; line-height:1.3; font-weight:normal;  }
.article .title a { color:#000; }
.article .title a:hover, .article .title a:focus { color:#ca0000; }
 
.article .description, .article .author, .article .more { margin-left:3px; }
.article .description, .article .more { font-size:.8em; }
.article .description { margin-top:.85em; margin-bottom:.1em; line-height:1.7; }
.article .more { text-transform:uppercase; }

.article .aside { display:block; position:relative; min-height:25px; text-align:center; background:#000; }
.article .aside img { opacity:1; filter:alpha(opacity=100); }
.article .aside:hover img, .article .aside:focus img { opacity:.75; filter:alpha(opacity=75); }
.article .aside .category { position:absolute; z-index:10; top:0; left:0; padding:.4em 1em .35em; font-size:.75em; font-weight:bold; text-transform:uppercase; color:#fff; background:#000; }

.articleMain { margin:0 0 1.5em; width:104%; margin-left:-2%; }
.articleMain .aside { text-align:center; }
.articleMain .content { padding:0 18px; }
.articleMain .title { margin-top:13px; margin-bottom:2px; font-size:2.3em; line-height:1.1; }

.articleRow { margin:0 0 2em; padding:0; list-style:none; }
.articleRow li { margin-bottom:1.5em; }
.articleRow li.last .aside .category,
.articleRow li:first-child .aside .category { background:#ca0000; }

.articleRow .article .aside { border-bottom:3px solid #000; }
.articleRow .article .content { padding:0 .5em; }
.articleRow .article .title { position:relative; padding-bottom:.5em; }
.articleRow .article .title:after { content:" "; position:absolute; bottom:0; left:-3%; width:106%; height:1px; background:#e3e3e3;  }

/* ========  MAGAZINE LISTING   ==========*/

.article.currMag { position:relative; width:auto; border-bottom:2px solid #000; margin:1em 0 .2em; padding:0; background:#000; }
.article.currMag:before { 
	content:"latest issue"; 
	position: absolute; z-index:5; 
	top: 0; left: 0; 
	padding: .4em 1em .35em;
	min-width:110px;
	font-size:.9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff; 
	background:#ca0000; 
}
.article.currMag .title a { color:#fff; }
.article.currMag .title a:hover, .article.currMag .title a:focus { color:#ca0000; }
.article.currMag .aside { text-align:left; }
.article.currMag .content { padding:.5em 5%; margin-bottom:1em; }

.articleDetails { padding:.5em 1em 1em .5em; }
.article.articleDetails .title { font-size:2.4em; }
.articleDetails .articleHead { border-bottom:1px solid #c8c8c8; padding-bottom:.6em; }


.relatedRail { padding:1em 5% 2em 10%; color:#fff; background:#070707; }
.relatedRail a { display:block; color:#fff; }
.relatedRail a > span { display:block; font-weight:bold; font-size:1.5em; }
.relatedRail a span span { display:block; font-weight:bold; color:#ca0000; }

.relatedRail .back { position:relative; margin-bottom:1.5em; padding-bottom:2em; font-size:.6em; line-height:1.1; }
.relatedRail .back:after { content:" "; position:absolute; bottom:0; left:0; margin-left:-10%; width:115%; height:1px; background:#333; }
.relatedRail .back:before { 
	display:inline-block;
	margin-right:1px; padding-bottom:2px;
	vertical-align:middle;
	font-size:1.35em;
	-webkit-transition: all .2s ease-out;
       -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
	     -o-transition: all .2s ease-out;
            transition: all .2s ease-out;
}
.lt-ie9 .relatedRail .back:before { font-size:1em; }

.relatedRail .back .issue { 
	display:block;
	margin-top:-4px; 
	font-size:3em; 
	-webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
	     -o-transition: all .3s ease-out;
            transition: all .3s ease-out;	
}
.relatedRail .back:hover, .relatedRail .back:focus { opacity:.8; }
.lt-ie9 .relatedRail .back:hover, .lt-ie9 .relatedRail .back:focus { filter:alpha(opacity=80); }
.cssanimations .relatedRail .back:hover, .cssanimations .relatedRail .back:focus { opacity:1; }
.cssanimations .relatedRail .back:hover .issue, .cssanimations .relatedRail .back:focus .issue { padding-left:10%; }
.cssanimations .relatedRail .back:hover:before, .cssanimations .relatedRail .back:focus:before { padding-left:5%; }

.relatedRail .back .issueDate { margin-top:-4px; font-size:.7em; }
.relatedRail .railNav a:hover, .relatedRail .railNav a:focus { color:#000; background:#fff; }
.relatedRail .railNav a:before { background:#fff; }


.relatedRail .title { 
	color:#fff; 
	text-transform:lowercase; 
	-webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
	     -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
}
.relatedRail .title span { color:#b6b6b6; }

.cssanimations .relatedNav:hover .title { margin-left:-5%; }
.relatedNav:hover .title { opacity:.5; }
.lt-ie9 .relatedNav:hover .title { filter:alpha(opacity=50); }

.newsNav { margin-bottom:1em; }
.newsNav .prevNews, .newsNav .nextNews { 
	display:block; 
	border:1px solid #e5e5e5;
	padding:5% 10%;
	height:110px;
	overflow:hidden;
	vertical-align:middle;
	font-size:.75em;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: all .3s ease-in;
       -moz-transition: all .3s ease-in;
        -ms-transition: all .3s ease-in;
	     -o-transition: all .3s ease-in;
            transition: all .3s ease-in;
}
.newsNav .nextNews { border-left:0; color:#fff; background:#070707; }
.newsNav .prevNews { text-align:right; color:#000; }
.newsNav .prevNews:hover, .newsNav .prevNews:focus { background:#f0f0f0; }
.newsNav .nextNews:hover, .newsNav .nextNews:focus { background:#181818; }
.csstransitions .newsNav .prevNews:hover, .csstransitions .newsNav .prevNews:focus { padding-right:15%; }
.csstransitions .newsNav .nextNews:hover, .csstransitions .newsNav .nextNews:focus { padding-left:15%; }


.newsNav .title  { display:block; position:relative; font-size:1.65em; font-weight:bold; }
.lt-ie9 .newsNav span:first-child { display:block; width:80%; }
.lt-ie9 .newsNav .title { width:80%; }
.newsNav .title:before { 
	position:absolute; 
	top:-.35em; 
	width:.7em; 
	overflow:hidden; 
	font-size:2.5em; 
	-webkit-transition: all .3s ease-in;
       -moz-transition: all .3s ease-in;
        -ms-transition: all .3s ease-in;
	     -o-transition: all .3s ease-in;
            transition: all .3s ease-in;	
}

.newsNav .prevNews .title { color:#939393; }
.newsNav .prevNews .title:before { left:-14%; color:#e5e5e5; }
.newsNav .nextNews .title:before { right:-14%; text-indent:-.32em; }
.csstransitions .newsNav .prevNews:hover .title:before, .csstransitions .newsNav .prevNews:focus .title:before { left:-30%; }
.csstransitions .newsNav .nextNews:hover .title:before, .csstransitions .newsNav .nextNews:focus .title:before { right:-30%; }

/* ========  MAGAZINE MEDIA QUERIES   ==========*/

@media only screen and (min-width:30em) {
	.magazineHead, .articleMain  { width:100%; margin-left:0; }
	.magazineHead h1 {font-size:2.6em; }
	
	.article .aside { background:none; }
	
	.articleMain .content { padding-left:8px; }
	.articleRow li { 
		float:left;
		padding:0 7px;
		width:33.33%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;	
	}
	.articleRow li:first-child { padding:0 14px 0 0; }
	.articleRow li.last { padding:0 0 0 14px; }
	
	.magazines .articleRow { margin-left:2%; margin-right:2%; }
	
	.newsNav .prevNews .title:before { left:-10%; }
	.newsNav .nextNews .title:before { right:-10%; }
}
@media only screen and (min-width:40em) {
	.article.currMag .aside { float:left; width:46%; }
	.article.currMag .content { float:right; padding:.5em 2%; width:44%; }
	
	.newsNav { display:table; width:100%; }
	.newsNav .prevNews, .newsNav .nextNews { display:table-cell; width:50%; }
	
	.newsNav .prevNews { padding:0 50px 0 20px; }
	.newsNav .nextNews { padding:0 20px 0 50px; }
	.lt-ie9 .newsNav .prevNews, .lt-ie9 .newsNav .nextNews { width:41%; }
	.newsNav .prevNews .title { padding-left:40px; }
	.newsNav .prevNews .title:before { left:0; }
	.newsNav .nextNews .title { padding-right:40px; }
	.newsNav .nextNews .title:before { right:0; }
	.csstransitions .newsNav .prevNews:hover, .csstransitions .newsNav .prevNews:focus { padding-right:70px; }
	.csstransitions .newsNav .nextNews:hover, .csstransitions .newsNav .nextNews:focus { padding-left:70px; }
}