/*
==========================================
Main cascading style sheet for Karwansaray
==========================================
*/

@media screen 
{
	html { background: #f9df79; z-index: 0; }
	/* Note: Chrome doesn't like us defining a font-size using REM at this juncture... */
	body { background: #e9ecee; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 14px; /* font-size: 1.6rem; */ z-index: 1; }

	strong, b { font-weight: 700; } 
	i, em, cite { font-style: italic; }
	p, #backers { line-height: 1.8; margin: 10px 0; margin: 1rem 0; }
	#backers { text-align: center; }

	table { line-height: 1.8; border: 1px solid #ccc; }
	td { padding: 5px; padding: 0.5rem; }
	thead>td { font-weight: 700 !important; border-bottom: 1px solid #ccc; }

	/*
	=================================
	Taskbar at top and other elements
	=================================
	*/

	#masthead { overflow: hidden; }
	#taskbar { position: fixed; top: 0; left: 0; width: 100%; background: transparent url("images/bar.png") repeat-x; z-index: 5000; box-sizing: border-box; }
	#logo { margin-left: 10px; float: left; }

	/* Define basic header for mobile version */
	#header { height: 180px; /*height: 18rem;*/ margin-bottom: 0; padding: 0 20px; }
	#header h1 {visibility:hidden;}

	/* Change colours depending on section */
	.section-main>header, .section-books>header { background: url("images/home_header.jpg") repeat-x 0px 30px #4a87c8; }
	.section-ancient-history>header { background: #FFFFFF url("images/ah_background.jpg") no-repeat center; }
	.section-ancient-warfare>header { background: #FFFFFF url("images/aw_background.jpg") no-repeat center; }
	.section-medieval-warfare>header {background: #FFFFFF url("images/mw_background.jpg") no-repeat center;}
	.section-wargames>header { background: #FFFFFF url("images/wss_background.jpg") no-repeat center; }

	.section-main #header_logo, .section-books #header_logo { display:block; float:left; margin-top:72px; height:89px; width:286px; background: url("images/kp_logo_big.png") no-repeat;}

	/*
	========================
	Rules for featured items
	======================== 
	*/

	#featured  { width: 100%; }
	#featured .featured {position: relative; width: 100%; height: auto; margin-bottom: 10px; margin-bottom: 1rem; padding: 0 !important; }
	#featured .featured { background: #1a1a1a; border: 0 !important; }
	#featured .featured img { display: block; position: abolute; top: 0; left: 0; width: 100%; height: auto; }
	#featured .featured .description 
	{ 
		position: absolute; bottom: 0; left: 0; padding: 10px; padding: 1rem; background-color:rgba(0, 0, 0, 0.5); 
		color: #fff; z-index: 500; width: 100%; box-sizing: border-box; 
	}
	#featured .description h3 { font-weight: 700; margin-top: 0 !important; margin-bottom: 0 !important; color: #fff !important; text-transform: uppercase; }
	aside .about { height: auto; }
	#featured p { margin-top: 5px; padding: 0; }
	#featured p:last-child { margin-bottom: 0; }

	/* Magazine blocks on home page */
	.template-home .magazines .magazine { display: block; width: 100%; margin-right: 0; margin: 10px 0; }
	.template-home .magazines .last { width: 100%; margin-right: 0; }
	.template-home .magazines img { display: block; width: 100%; height: auto; border-bottom: 1px solid #ccc; }
	.template-home .magazines { font-size: 12px; /* font-size: 1.2rem; */ }
	.template-home .magazines .description 
	{ 
		padding: 10px; padding: 1rem; 
		background: #FCFCFC url("images/module_background.gif") top repeat-x; border: 1px solid #ccc; border-top: 0; 
	}
	.template-home .magazines a { text-decoration: none; color: #1a1a1a; }
	.template-home .magazines h3 { color: #e45601; margin: 3px 0 22px; font-weight: 700; }
	.template-home .magazines p { margin: 0; padding: 0; }

	/*
	====================
	Main content section
	====================
	*/

	.content_wrapper {background:#fff; padding:10px; overflow:hidden; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}

	#main { width: 100%; }
	#main>article { background: #fff; margin-bottom: 0px; }
	#main>article.list-item { border-bottom: 1px dotted #ccc; position: relative; padding: 20px 0; }
	#main>article.list-item:first-child { padding: 10px 0 20px; }
	#main>article.bodycopy { padding-bottom: 20px; } 
	body.template-posts article.bodycopy, body.template-tag article.bodycopy, body.template-podcasts article.bodycopy, body.template-authors article.bodycopy, 
	body.template-issues article.bodycopy, body.template-reviews article.bodycopy, body.template-books article.bodycopy { border-bottom: 1px dotted #ccc; }
	#main>article a { color: #4a88c9; text-decoration: none; }
	#main>article a:hover, #main>article a:active { color: maroon; }
	#main>article>header { margin-bottom: 30px; margin-bottom: 3rem; }
	#main>article h2 { color: #4a88c9; font-size: 26px; /*font-size: 2.6rem;*/ }
	#main>article h3, .post-body h3, aside h3 
	{ 
		display: block; color: #e45601; font-size: 15px; /*font-size: 1.5rem;*/ margin: 26px 0 16px; margin: 2.6rem 0 1.6rem; font-weight: 700; line-height: 1.8; 
	}
	#main>article h2, #main>article h3 {line-height: 1.3; font-weight: 700; }
	#main>article h3 {padding-top:1px;}
	#main>article p { text-align: justify; }
	#main>article p:last-child { margin-bottom: 0; }
	#main>article blockquote { margin: 20px 20px; margin: 2rem 2rem; font-size: 14px; /*font-size: 1.4rem;*/ line-height: 1.4; }
	#main>article li { margin: 8px 0; margin: .8rem 0; margin-left: 30px; margin-left: 3rem; line-height: 1.5; text-align: justify; font-size: 14px; /*font-size: 1.4rem;*/ }
	#main>article ul>li { list-style: square; }
	#main>article ol>li { list-style: decimal; }
	#main>article img.align_center, #main>article figure.align_center { display: block; margin: 20px auto; margin: 2rem auto; max-width: 100%; height: auto; }

	#main>article:last-child {border-bottom:none !important;}

	/* Spacing for listed elements */
	.list-item { clear: both; margin-bottom: 20px; }
	.list-item:last-child { margin-bottom: 0; }
	.list-item .photo, .bodycopy .photo { float: left; margin: 0 10px 1px 0; border: 1px solid #ccc; position: relative; }
	.list-item .photo_team { float: left; margin: 0 10px 40px 0; border: 1px solid #ccc; }
	.list-item img.featured { display: block; width: 100%; height: auto; margin: 20px 0; margin: 2rem 0; }
	.list-item h3 { display: inline !important; margin-top: 0 !important; padding-top: 0 !important; }
	.list-item h3>a { text-decoration: none; color: #e45601; }
	.list-item h3>a:hover { color: #000; }
	.list-item .blogs_written {margin-left:162px;display:block;}

	/* Meta information */
	article>header>.meta { font-size: 12px; /*font-size: 1.2rem;*/ color: #848484; font-style:italic; margin-top: 12px; margin-top: 1.2rem; }
	.tags { color: #848484; line-height: 1.6; margin-left: 25px; }
	.tags:before {
		content: '\f302';
		display: inline-block;
		-webkit-font-smoothing: antialiased;
		font: normal 22px/1 'Genericons';
		vertical-align: text-top;
		margin-right: 3px; margin-right: .3rem; 
		margin-left: -25px; 
	}
	.post-byline { color: #808080; font-size: 12px; /*font-size: 1.2rem;*/ margin-top: 4px !important; margin-bottom: 30px; margin-bottom: 3rem; }
	.list-item .post-byline { margin-bottom: 10px; margin-bottom: 1rem; }

	/*
	=======
	Sidebar
	=======
	*/

	aside { clear: both; width: 100%; line-height: 1.8; }
	aside h3 { margin: 0; line-height: 1.2; padding:10px; display:block; background: url("images/module_header_bg.gif") top repeat-x; }
	aside a { color: #4a88c9; text-decoration: none; }
	aside a:hover, aside a:active { color: maroon; }
	aside>div { background: #FCFCFC url("images/module_background.gif") top repeat-x; padding: 0px 0px 5px 0px; padding: 0rem 0rem .5rem 0rem; margin-bottom: 10px; margin-bottom: 1rem; border: 1px solid #ccc; }
	aside>div.cover, aside>div.purchase { position: relative; padding: 0; border: 0; }
	aside>div.purchase { margin-bottom: 10px; } 
	aside>div.cover img { display: block; width: 100%; height: auto; box-sizing: border-box; }
	aside>div.purchase>a, a.affiliate, p.wss-download>a { display: block; color: #fff !important; background: #f85d00 url("images/orange_button.png") repeat-x; text-shadow: 2px 2px #d95100; padding: 10px; padding: 1rem; }
	a.affiliate { margin-top: 20px !important; }
	aside>div.purchase>a, a.affiliate { text-align: center; font-weight: 700; text-decoration: none; }
	aside>div.purchase>a:hover, a.affiliate:hover { color: #fff; background: #d95100 url("images/orange_button_hover.png") repeat-x; }
	aside>div:last-child { margin-bottom: 0; }
	aside p, aside ul, aside form {margin:10px; margin:1rem;}
	aside img { border:1px solid #ccc; }
	aside .infobox h3 { background: none; margin-bottom: 0 !important; padding: 0 !important; }
	
	#social_media {background:none; border:none;text-align:right;height:90px;}
	#social_media img {border:none}
	.facebook_icon {margin-left:11px;display:block; float:right; background:#3B5998; width:80px; height:80px;padding-top:12px;padding-right:12px;}
	a.facebook_icon:hover { -moz-box-shadow: inset 0 0 12px #263860; -webkit-box-shadow: inset 0 0 12px #263860; box-shadow: inset 0 0 12px #263860;}
	
	.twitter_icon {margin-left:11px;display:block; float:right; background:#00ACED; width:80px; height:80px; padding-top:12px;padding-right:12px;}
	a.twitter_icon:hover { -moz-box-shadow: inset 0 0 12px #067daa; -webkit-box-shadow: inset 0 0 12px #067daa; box-shadow: inset 0 0 12px #067daa;}

	.youtube_icon {display:block; float:right; background:#CD332D; width:80px; height:83px; padding-top:9px;padding-right:14px;}
	a.youtube_icon:hover { -moz-box-shadow: inset 0 0 12px #822421; -webkit-box-shadow: inset 0 0 12px #822421; box-shadow: inset 0 0 12px #822421;}

	/* WS&S Online download link */
	p.wss-download { margin-top: 30px; margin-top: 3rem; }
	p.wss-download:last-child { padding-bottom: 20px; }
	p.wss-download>a, .call-to-action div.button { display: inline; font-weight: 700; }

	/* Latest issue or book */
	aside>div.cover { min-height: 140px; }
	aside>div.cover .latest-book, aside>div.cover .latest-issue 
	{ 
		position: absolute; right: 0; top: 0; width: 140px; height: 140px; background: transparent url("images/latest_issue2.png") no-repeat; 
	}
	aside>div.cover .latest-book { background: transparent url("images/latest_book2.png") no-repeat; }

	/*
	=====================================
	Information boxes and calls-to-action
	=====================================
	*/

	.infobox, a.call-to-action { clear: both; position: relative; background: #dbe5ef; border: 1px solid #a9bfdb; padding: 10px; margin-top: 8px; text-align: left; }
	.infobox h3, a.call-to-action h3 { font-weight: 700; line-height: 1.3; margin-bottom: 15px; margin-bottom: 1.5rem; color: #e45601; }
	.infobox li, a.call-to-action li { list-style: square; margin-left: 15px; margin-left: 1.5rem; }
	a.call-to-action { position: relative; display: block; margin: 0; text-decoration: none; }
	a.call-to-action h3 { display: inline; font-size: 20px; margin-bottom: 4px !important; }
	a.call-to-action p { margin: 0; color: #1a1a1a; }
	a.call-to-action:hover { -moz-box-shadow: inset 0 0 20px #b4c3d3; -webkit-box-shadow: inset 0 0 20px #b4c3d3; box-shadow: inset 0 0 20px #b4c3d3; }
	a.call-to-action { margin-bottom: 0; }

	/* Call-to-action button */
	div.c2a-button 
	{ 
		float: right; font-weight: 700;
		color: #fff !important; background: #f85d00 url("images/orange_button.png") repeat-x; text-shadow: 2px 2px #d95100; 
		padding: 10px; padding: 1rem; 
	}
	div.c2a-button:hover { color: #fff; background: #d95100 url("images/orange_button_hover.png") repeat-x; }

	/*
	=======================================
	Favicons used for blog posts in sidebar
	=======================================
	*/

	#recent-posts { position: relative; overflow: hidden; }
	#recent-posts li { padding-left: 25px; text-indent: -25px; line-height: 1.4; margin-bottom: 5px; margin-bottom: .5rem; }
	#recent-posts li:last-child { margin-bottom: 0; }
	#recent-posts>.clear>h3 { display: inline; float: left; }
	#recent-posts>.clear>.rss 
	{ 
		float: right; display: block; width: 20px; height: 20px; border: 0; 
		color: transparent; background: none; margin: 9px 10px 0 0; 
	}
	#recent-posts img { border: 0; }
	
	/* Continue... */
	#recent-posts a.ancient-warfare { background: transparent url("images/aw.png") no-repeat left 2px; }
	#recent-posts a.ancient-history { background: transparent url("images/ah.png") no-repeat left 2px; }
	#recent-posts a.medieval-warfare { background: transparent url("images/mw.png") no-repeat left 2px; }
	#recent-posts a.wargames { background: transparent url("images/wss.png") no-repeat left 2px; }
	#recent-posts a.main, #recent-posts a.books { background: transparent url("images/favicon.png") no-repeat left 2px; }
	#recent-posts a.main, 
	#recent-posts a.books, 
	#recent-posts a.ancient-warfare, 
	#recent-posts a.ancient-history, 
	#recent-posts a.medieval-warfare, 
	#recent-posts a.wargames { padding-left: 25px; }
	.template-home #recent-posts { /* height: 234px; */ height: 511px; }
	#recent-posts .fadeout 
	{ 
		position: absolute; bottom: 0; left: 0; padding: 0; margin: 0; height: 50px; width: 100%;
		background: -webkit-linear-gradient(
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 100%
		); 
		background-image: -moz-linear-gradient(
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 100%
		);
		background-image: -o-linear-gradient(
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 100%
		);
		background-image: linear-gradient(
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 100%
		);
		background-image: -ms-linear-gradient(
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 100%
		);
		border-bottom: 5px solid #fff;
	}

	/*
	=========================
	Rules for page navigation
	=========================
	*/

	.MarkupPagerNav { clear: both; margin: 0 0 20px; margin: 0 0 2rem; padding: 20px 0 30px; padding: 2rem 0 3rem; }
	.template-section .MarkupPagerNav { margin: 0; }
	.MarkupPagerNav li { display: inline; list-style: none; margin: 0; }
	.MarkupPagerNav li a, .MarkupPagerNav li.MarkupPagerNavSeparator 
	{ 
		display: block; float: left; padding: .5rem 1rem .6rem; color: #4a87c8; background: #f3f3f3; 
		margin-right: 3px; font-weight: bold; text-transform: uppercase; text-decoration: none;
	}
	.MarkupPagerNav li.MarkupPagerNavOn a, .MarkupPagerNav li a:hover { color: #fff; background: #4a87c8; text-decoration: none; }
	.MarkupPagerNav li.MarkupPagerNavSeparator { display: inline; color: #777; background: #fff; padding-left: 3px; padding-right: 3px; }

	/*
	==============
	Footer element
	==============
	*/

	body>footer { background: #f9df79 url("images/footer-background.gif") repeat-x top left; margin-top: 32px; margin-top: 3.2rem; line-height: 1.5; }
	body>footer { font-size: 12px; /*font-size: 1.2rem;*/ padding: 30px 20px 20px; padding: 3rem 2rem 2rem; }
	body>footer a { color: #254362; text-decoration: none; }
	body>footer a:hover, footer a:active { text-decoration: underline; }
	body>footer nav>ul { margin-bottom: 10px; margin-bottom: 1rem; }
	body>footer nav>ul>li { list-style: none; display: inline; margin-right: 10px; margin-right: 1rem; }

	/*
	=========================
	Rules for post navigation
	=========================
	*/

	.next-prev-posts { clear: both; padding: 0; margin: 0 !important; }
	.next-prev-posts a { text-decoration: none; color: #4a88c9; }
	.next-prev-posts a:active, .next-prev-posts a:hover { color: maroon; }
	.prev-post { float: left; }
	.next-post { float: right; }

	/*
	========================
	Rules for advertisements 
	========================
	*/

	#masthead .banner { float: right; margin: 80px 0 0; }
	#bottom .banner { clear: both; margin: 30px auto 0; }
	.banner { width: 468px; height: 60px; background: #fff; color: #ccc; }
	aside .banner { width: 300px; height: 250px; background: #fff; padding: 0; }
	.banner img { display: block; }
	aside .banner img { border: 0; }
	aside .banner { border: 0; }

	/*
	============
	Contact form
	============
	*/

	#contact label, #survey label { font-family: "Open Sans", sans-serif; font-weight: 400; text-align: left; color: #808080; font-style: italic; }
	#contact input, 
	#contact textarea, 
	#survey input,
	#survey textarea,
	#newsletter input.email,
	#search input { width: 100%; box-sizing: border-box; padding: 10px; font-family: "Open Sans", sans-serif; font-size: 14px; /*font-size: 1.4rem;*/ }
	#contact_form_submit, #mc-embedded-subscribe, #survey_submit { font-family: "Open Sans", sans-serif; font-weight: 700; color: #fff; background: #4a87c8; padding: 10px; border: 0; text-transform: uppercase; }

	#contact_form_submit[type="submit"]:hover, #mc-embedded-subscribe[type="submit"]:hover { -moz-box-shadow: inset 0 0 20px #39689a; -webkit-box-shadow: inset 0 0 20px #39689a; box-shadow: inset 0 0 20px #39689a;}

	/* Newsletter widget */
	#newsletter input.email { margin: 10px 0 0; margin: 1rem 0 0; }
	.mc-field-group.input-group { margin: 15px 0; margin: 1.5rem 0;}

	/*
	============== 
	Search results
	==============
	*/

	#results { line-height: 1.5; }
	#main>article #results ul, #main>article #results li { list-style-type: none; padding: 0; }
	#main>article #results li { margin: 20px 0; }
	#main>article #results li:last-child { margin: 20px 0 0; }
	#results h2 { padding: 0; font-weight: 400; }
	#results h2 a { font-size: 18px; /*font-size: 1.8rem;*/ }
	#results p { margin: 0; padding: 0; }
	#results p.url { color: #00802a; }

	/*
	=================
	Facebook comments
	================= 
	*/

	#comments { margin-top: 10px; margin-top: 1rem; margin-bottom: 20px; margin-bottom: 2rem; }

	/*
	=============
	Image gallery
	=============
	*/

	#main>article ul.gallery { clear: both; padding: 0; margin: 0; margin: 0; list-style-type: none; }
	#main>article ul.gallery li { float: left; list-style-type: none; padding: 0; margin: 20px 20px 0 0; margin: 2rem 2rem 0 0; }
	#main>article ul.gallery img { display: block; padding: 0; margin: 0; border: 0; }

	/*
	========================
	Author bio on blog posts
	========================
	*/
	
	#main>article .author-box { border: 1px solid #ccc; background: #f8f8f8; padding: 10px; margin: 20px 0 0; margin: 2rem 0 0; }
	#main>article .author-box img { float: left; margin: 0 10px 5px 0; margin: 0 1rem .5rem 0; width: 100px; height: auto; }
	#main>article .author-box h3 { display: inline-block; padding: 0 !important; margin: 0; line-height: 1.5; }
	#main>article .author-box h3, #main>article .author-box { font-size: 12px; /*font-size: 1.2rem;*/ }
	#main>article .author-box p { margin: 8px 0; margin: .8rem 0; line-height: 1.7; }
	#main>article .author-box p:last-child { margin-bottom: 0; }

	/*
	===========
	Mobile menu
	===========
	*/

	#mobileMenu { float: right; margin: 7px 7px 0 0; }
	#mobileMenu select, #mobileMenu option { font-family: "Open Sans", sans-serif; padding: 1px; }

	/*
	======================
	Miscellaneous elements
	====================== 
	*/

	.container { width: 100%; margin: 0 auto; position: relative; }
	.align_left, .left { float: left; }
	.align_right, .right { float: right; }
	img.align_left, figure.align_left { margin: 0 15px 5px 0; margin: 0 1.5rem .5rem 0; }
	img.align_right, figure.align_right { margin: 0 0 5px 15px; margin: 0 0 .5rem 1.5rem; }
	figure.align_center { margin: 0 auto; text-align: center; }
	figure img { margin: 0 auto; max-width: 100%; }
	figure { display: table; max-width: 100%; }
	figcaption { 
		display: table-caption; caption-side: bottom; color: #8d8d8d; font-style: italic; 
		font-size: 12px; /*font-size: 1.2rem;*/ line-height: 1.6; text-align: center; max-width: 100%; 
	}
	figure.align_center figcaption { display: block; margin: 0 auto; text-align: center; max-width: 100%; }
	#main>article table { margin: 20px 0; border:none}
	#main>article tr td {background:#dbe5ef}
	#main>article tr:nth-child(even) td {background:#a9bfdb}
	#main>article tr:last-child td {border-bottom:1px solid #467dcf}
	#main>article thead td {background:#467dcf !important; color:white;}
	#main>article thead td {font-weight:bold;}
	.post-body>h3 { margin-top: 26px !important; margin-top: 2.6rem !important; }
	.nomobile { display: none; }
	h3.related { border-top: 1px dotted #ccc; padding-top: 20px !important; padding-top: 2rem !important; margin-top: 20px !important; margin-top: 2rem !important;}
	
	/*
	==================
	Review details box
	==================
	*/
	
	.review-box { clear: both; position: relative; background: #dbe5ef; border: 1px solid #a9bfdb; padding: 10px; margin-top: 8px; text-align: left; }
	.review-box figure { margin-bottom: 10px; margin-bottom: 1rem; width: 100%; }
	.review-box img { width: 100%; max-width: 100%; } 
	.review-box p { font-size: 12px; /*font-size: 1.2rem;*/ margin: 0; }	
	
	/*
	=======================
	Embedded Youtube videos
	=======================
	*/

	video { width: 100% !important; height: auto !important; }
	.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 20px auto; }
	.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
	/* 
	=================================================================
	Section indicators for blog posts in main section, e.g. /pw/blog/
	=================================================================
	*/
	
	div.blog-icon { display: none; position: absolute; width: 32px; height: 32px; }
	/*
	.section-main.template-posts div.blog-icon.ancient-history { display: block !important; background: transparent url("images/ah.png") no-repeat 3px 4px; }
	.section-main.template-posts div.blog-icon.ancient-warfare { display: block !important; background: transparent url("images/aw.png") no-repeat 3px 4px; }
	.section-main.template-posts div.blog-icon.medieval-warfare { display: block !important; background: transparent url("images/mw.png") no-repeat 3px 4px; }
	.section-main.template-posts div.blog-icon.wargames { display: block !important; background: transparent url("images/wss.png") no-repeat 3px 4px; }
	*/
	
	.section-main.template-posts article.list-item.books { background: transparent url("images/favicon.png") no-repeat right 20px !important; }
	.section-main.template-posts article.list-item.ancient-history { background: transparent url("images/ah.png") no-repeat right 20px !important; }
	.section-main.template-posts article.ancient-warfare { background: transparent url("images/aw.png") no-repeat right 20px !important; }
	.section-main.template-posts article.list-item.medieval-warfare { background: transparent url("images/mw.png") no-repeat right 20px !important; }
	.section-main.template-posts article.list-item.wargames { background: transparent url("images/wss.png") no-repeat right 20px !important; }
	
	/*
	====================================
	Webshop link on Previous Issues page
	====================================
	*/
	
	.shop-link { display: none; }

	/*
	=======================
	Filter for author pages
	=======================
	*/
	
	.template-authors .filter { position: relative; margin: 20px 0; padding: 0 10px; background: #efefef; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
	.template-authors .filter p { float: left; }
	.template-authors .filter select { float: right; margin-top: 7px; font-size: 14px; /*font-size: 1.4rem;*/ padding: 5px; font-family: "Open Sans", sans-serif; }

}

/*
=================
CSS media queries
=================
*/

@media screen and (min-width: 320px)
{
	.section-ancient-warfare>header, .section-ancient-history>header, 
	.section-medieval-warfare>header, .section-wargames>header {background-position: left; height:140px; margin-top:35px; margin-top:3.5rem;}
	.review-box { float: none; clear: both; max-width: 100%; margin: 0 0 10px 0; margin: 0 0 1rem 0; }
}

@media screen and (min-width: 400px) 
{
	.review-box { float: left; max-width: 200px; margin: 0 10px 10px 0; }
}

@media screen and (min-width: 960px) 
{
	.section-ancient-warfare>header, .section-ancient-history>header, 
	.section-medieval-warfare>header, .section-wargames>header { background-position: center; margin-top: 0px; height: 220px;}

	/* Links to main sections in taskbar along top edge of screen */
	#options { float: left; margin-left: 10px; /*margin-left: 1rem;*/ }
	#taskbar nav ul>li { float: left; }
	#taskbar nav a { font-size: 12px; /*font-size: 1.2rem;*/ display: block; padding: 12px; /*padding: 1.2rem;*/ text-decoration: none; }
	#taskbar nav a { font-weight: 400; color: #848484; }
	#taskbar nav a.active, #taskbar nav a:hover { color: #fff; background: #4e8ecc; }

	/* Links to additional information: search, contact, shop */
	#additional { float: right; }
	#taskbar nav a.shop { color: #fff; background: #f85d00 url("images/orange_button.png") repeat-x center; text-shadow: 2px 2px #d95100; font-weight: 700; }
	#taskbar nav a.shop:hover { color: #fff; background: #d95100 url("images/orange_button_hover.png") repeat-x center; }

	/* Change colours for the magazines */
	#taskbar nav a.active.ancient-warfare, #taskbar nav a.ancient-warfare:hover { background: #d80f08; }
	#taskbar nav a.active.ancient-history, #taskbar nav a.ancient-history:hover { background: #c90473; }
	#taskbar nav a.active.medieval-warfare, #taskbar nav a.medieval-warfare:hover { background: #01499b; }
	#taskbar nav a.active.wargames, #taskbar nav a.wargames:hover { background: #ffb910;}

	/* Columns for backers */
	#backers {   
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3; 
	}

	/* Logo */
	#logo { margin-left: 0; }

	/* Main header section */
	#header { position: relative; padding: 0 0; }
	#header h1 { display: inline; float: left; padding: 0; margin-top: 90px; color: #fff; font-weight: 300; font-size: 40px; /*font-size: 4.0rem;*/ }

	/* Main navigation menu */
	#menu { margin: 0; font-size: 14px; /*font-size: 1.4rem;*/ background: url("images/menu_bg.png") repeat-x; background-color:#254362; } 

	/* Change colours in menu for the magazines */
	.section-ancient-warfare #menu { background-color: #d80f08; }
	.section-ancient-history #menu { background-color: #c90473; }
	.section-medieval-warfare #menu { background-color: #01499b; }
	.section-wargames #menu { background-color: #ffb910; }

	/* Default rules */
	#menu ul { margin: 0; padding: 0; }
	#menu li { float: left; }
	#menu a { display: block; padding: 16px; /*padding: 1.6rem;*/ color: #FFF; font-weight: 400; text-decoration: none; }
	#menu a.active, #menu a:hover { background:#FFF url("images/menu_bg.png") repeat-x; color:#000 }
	#menu ul> li:first-child a.active, #menu ul> li:first-child a:hover {border-left:1px solid #ccc;}
	
	.section-main #menu ul> li:first-child a.active,.section-main #menu ul> li:first-child a:hover {border-left:1px solid #192d42;}
	.section-books #menu ul> li:first-child a.active, .section-books #menu ul> li:first-child a:hover {border-left:1px solid #192d42;}
	
	.section-main #menu ul> li:first-child a {border-left: 1px solid #254362;}
	.section-books #menu ul> li:first-child a {border-left: 1px solid #254362;}
	.section-ancient-warfare #menu ul> li:first-child a {border-left: 1px solid #d80f08;}
	.section-ancient-history #menu ul> li:first-child a {border-left: 1px solid #c90473;}
	.section-medieval-warfare #menu ul> li:first-child a {border-left: 1px solid #01499b;}
	.section-wargames #menu ul> li:first-child a {border-left: 1px solid #ffb910;}

	/* Other rules for this screen width */
	#featured .featured { float: left; width: 648px; height: auto; }
	.template-home .magazines { width: 648px; overflow: hidden; }
	.template-home .magazines .magazine img { width: 100%; height: 152px; }
	.template-home .magazines .magazine { float: left; width: 319px; margin: 0; }
	.template-home .magazines .magazine.spacer { margin-bottom: 10px; /*margin-bottom: 1rem;*/ }
	.template-home .magazines .magazine.odd { margin-right: 10px; /*margin-right: 1rem;*/ }
	#main {float:left; width: 628px; padding-right: 20px; }
	aside { clear: none; float: right; width: 300px; }
	aside .about { height: 238px; }
	.banner { width: 468px; height: 60px; }
	aside .banner { width: 300px; height: 250px; }
	body>footer { padding: 30px 0 20px; padding: 3rem 0 2rem; }
	.container { width: 980px; margin: 0 auto; }
	.nomobile { display: block; }
	.mobile { display: none; }
	
	/* Show the shop link on Previous Issues page */
	.shop-link { display: block; position: absolute; top: 20px; right: 0; }
	.shop-link a 
	{ 
		display: block; padding: 5px; font-size: 10px; color: #fff !important; font-weight: 700; text-transform: uppercase;
		background: #f85d00 url("images/orange_button.png") repeat-x center; text-shadow: 2px 2px #d95100;  
	}
	.shop-link a:hover { color: #fff; background: #d95100 url("images/orange_button_hover.png") repeat-x center; }
}

/*
======================
Print-specific styling
======================
*/

@media print 
{
	#masthead { display: none; }
	aside, .call-to-action, p.tags { display: none; }
	body>footer nav { display: none; }
	#comments { display: none; }
	.next-prev-posts { display: none; }
	body { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 14px; /*font-size: 1.4rem;*/ line-height: 1.8; width: 80%; margin: 0 auto; }
	
	/* Basic styling */
	h1, h2, h3 { font-weight: 700; }
	h1 { font-size: 30px; /*font-size: 3rem;*/ }
	h2 { font-size: 20px; /*font-size: 2rem;*/ }
	h3 { font-size: 16px; /*font-size: 1.6rem;*/ margin: 20px 0 10px; margin: 2rem 0 1rem; }
	p { margin: 20px 0; text-align: justify; }
	strong, b { font-weight: 700; } 
	i, em, cite { font-style: italic; }
	blockquote { margin: 20px 20px; margin: 2rem 2rem; text-align: justify; }
	p.post-byline, body>footer { font-size: 10px; /*font-size: 1rem;*/ margin: 0; }

	/* List styles */
	#main>article li { margin: 8px 0; margin: .8rem 0; margin-left: 30px; margin-left: 3rem; line-height: 1.5; }
	#main>article ul>li { list-style: square; text-align: justify; }
	#main>article ol>li { list-style: decimal; text-align: justify; }

	/* Image gallery */
	#main>article ul.gallery { clear: both; padding: 0; margin: 0 !important; margin: 0; list-style-type: none; }
	#main>article ul.gallery li { float: left; list-style-type: none; padding: 0; margin: 0 20px 20px 0; margin: 0 2rem 2rem 0; }
	#main>article ul.gallery img { display: block; padding: 0; margin: 0; border: 0; }

	/* Other rules */
	.container { width: 100%; margin: 0 auto; position: relative; }
	.align_left, .left { float: left; }
	.align_right, .right { float: right; }
	img.align_left { margin: 0 15px 5px 0; margin: 0 1.5rem .5rem 0; }
	img.align_right { margin: 0 0 5px 15px; margin: 0 0 .5rem 1.5rem; }
}

/*
=================================
End of this cascading style sheet
=================================
*/