html,
body
{
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	background-color: #fff;
}
/*
iframe
{
	display: none !important;
}
*/
h1
{
	font-family: 'Roboto Condensed', arial, helvetica, sans-serif;
	font-size: 2.3em;
}

menu
{
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    margin: 0;
    padding: 0;
}

h2,
h2.expandableButton
{
	font-family: 'Roboto Condensed', arial, helvetica, sans-serif;
	margin: 2em 0 1.5em 0;
}

h2.expandableButton a
{
	color: #000;
}

h2.expandableButton a:hover
{
	text-decoration: none;
	cursor: default;
}

a
{
	color: #1b47cb;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

img
{
	border: 0;
}

aside
{
	color: #5CA7DC;
	width: 350px;
	font-size: 2em;
	float: right;
	padding: 1em 0 1em 1em;
	font-style: italic;
	/*color: #932FB1;*/
	text-transform: uppercase;
	font-family: 'Roboto Condensed', arial, helvetica, sans-serif;

	/* background: transparent url(/img/ico-twitter.png) no-repeat 95% 100%; */
	margin-bottom: 1em;
	padding-bottom: .3em;
}
/*
aside a.pullQuote
{
	color: #5CA7DC;
	text-decoration: none;
	padding-bottom: 1em;
	display: block;
	border-bottom: solid 1px #5CA7DC;
}

aside a.pullQuote:hover
{
	text-decoration: none;
	color: #5CA7DC;
}
*/
#topBarWrap
{
	background-color: #fff;
	padding: 5px 0;
	border-bottom: solid 5px #000;
	margin-bottom: 5px;
}

#topBar
{
	max-width: 1200px;
	margin: 0 auto;
	text-align: right;
}

#banner
{
	position: relative;
	width: 100%;
}

#banner:before
{
	content: "";
	display: block;
	padding-top: 20%;
}

#banner a
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: cover;
	text-align: right;
	padding: 0 2em;
	text-decoration: none;
}

#siteName
{
	display: block;
	font-family: 'Open Sans', Arial Black, arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 2.6em;
	font-weight: bolder;
	text-transform: lowercase;
	letter-spacing: -4px;
	color: #999;
	max-width: 1200px;
	margin: 0 auto;
	height: 50%;
}

#siteName span
{
	float: right;
	margin-right: 1em;
}

#siteName b
{
	float: left;
}

#siteName strong
{
	float: left;
	color: #fff;
}

#bannerCopy
{
	font-style: normal;
	display: block;
	color: #999;
	max-width: 1200px;
	margin: 0 auto;
	height: 50%;
	position: relative;
}

#bannerCopy span
{
	position: absolute;
	bottom: .5em;
	right: 3em;
	font-size: .8em;
	font-weight: 100;
}

#contentWrap
{
	max-width: 1200px;
	margin: 0 auto;
}

#content
{
	padding: 0 2em 50px 2em;
}

#mainMenu
{
	display: inline-block;
	white-space: nowrap;
	margin: 0;
	list-style-type: none;
	float: left;
	padding: 0 0 0 2em;
}

#mainMenu li
{
	display: inline-block;
}

#mainMenu a
{
	display: inline-block;
	text-decoration: none;
	margin: .6em 1.2em .2em 0;
	color: #000;
	padding-bottom: .2em;
	border-bottom: solid 2px transparent;
}

#mainMenu a:hover
{
	border-bottom: solid 2px #666;
}

#mobileMenuWrap
{
	display: none;
}

#search
{
	display: inline-block;
	margin: 2px 2em 0 0;
}

#articles
{
	padding-bottom: 2em;
	border-bottom: solid 1px #ccc;
}

article
{
	border-top: solid 1px #ccc;
}

.searchResultQty
{
	color: #666;
	margin-top: -1em;
}

a.searchResult
{
	display: block;
	color: #000;
	text-decoration: none;
}

a.searchResult:hover
{
	text-decoration: none;
}

a.searchResult h2
{
	margin-bottom: 0;
	color: #1b47cb;
}

a.searchResult:hover h2
{
	color: #000;
}

a.searchResult p
{
	margin-top: 0;
}

a.searchResult .searchUrl
{
	color: #a7a7a7;
}

a.searchResult:hover .searchUrl
{
	color: #a7a7a7;
	text-decoration: underline;
}

.expanderHead
{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.answerTitle strong
{
	display: block;
	font-family: 'Roboto Condensed', arial, helvetica, sans-serif;
	font-size: 1.7em;
	margin: 0.67em 0 0 0;
	font-weight: bold;
}

.answerAuthor
{
	margin: 0 0 2.5em 0;
}

.alternates
{
	text-align: center;
}

.alternates a
{
	display: inline-block;
	font-size: .8em;
	margin: 10px 15px;
}

.alternates a.active
{
	color: #999;
}

.alternates a.active:hover
{
	text-decoration: none;
	cursor: default;
}

.stackWrapper
{
	padding-top: 2em;
}

.stackWrapper article
{
	border-top: solid 1px #ccc;
	border-radius: 10px 10px 0 0;
	height: 44px;
	overflow: hidden;
	padding: 0 2em;
	cursor: pointer;
	transition: height 0.5s ease;
	
	-webkit-box-shadow: 0 -5px 3px -2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 -5px 3px -2px rgba(0,0,0,0.05);
	box-shadow: 0 -5px 3px -2px rgba(0,0,0,0.05);
}

.stackWrapper article.noHeight
{
	height: 0;
}

.stackWrapper .articleBody
{
	opacity: 0.3;
}

.stackWrapper article h2
{
	display: none;
}

.stackWrapper article.stackSelected
{
	height: auto;
	overflow: auto;
	cursor: auto;
}

.stackWrapper article.noHeight .articleBody
{
	opacity: 0;
}

.stackWrapper article.stackSelected .articleBody
{
	opacity: 1;
	transition: opacity 0.5s ease;
}
/*
.pullQuote
{
	float: right;
	display: inline-block;
	width: 33%;
	font-size: 1.4em;
	padding: 0 0 30px 30px;
	font-style: italic;
	color: #E86405;
	margin: 0;
}
*/
.booklist
{
	text-align: center;
	border-bottom: solid 1px #ccc;
	margin: 0 0 40px 0;
	padding: 0 0 30px 0;
}

.booklist a,
.booklist a:hover
{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	width: 11%;
	vertical-align: text-top;
}

.booklist-6 a,
.booklist-6 a:hover
{
	width: 15%;
}

.booklist img
{
	clear: both;
	border: solid 1px #000;
}

.booklist a:hover img
{
	border: solid 1px #217bb9;
}

.bookCategory,
.bookTitle,
.bookAuthor
{
	display: block;
	clear: both;
	padding: 5px;
}

.bookCategory
{
	color: #666;
	font-size: .75em;
}

.bookAuthor
{
	color: #999;
	font-size: .75em;
}

.bookTitle
{
	color: #333;
	font-size: .9em;
}

.aQList
{
	counter-reset: li;
	border-bottom: solid 1px #ccc;
}

.aQList li
{
	margin: 30px 0;
	position: relative;
	padding: 4px 8px;
	list-style: none;
}

.aQList li:before
{
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -2.2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 2em;
	margin-right: 8px;
	padding: 4px;
	border-top: 2px solid #666;
	color: #fff;
	background: #666;
	font-weight: bold;
	font-family: Arial, sans-serif;
	text-align: center;
}

.questionsContent .aQList li:before
{
	content: '?';
}

.Pagination
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.pageNumber
{
	float: left;
}

.pageNumber a
{
	background-color: #666;
	color: #fff;
	display: inline-block;
	padding: .25em .5em;
	margin: 0 .25em 0 0;
}

.pageNumber a:hover
{
	background-color: #333;
}

.pageNumber.selected a,
.pageNumber.selected a:hover
{
	background-color: #999;
}

.pageNumber a:hover
{
	text-decoration: none;
}

a.aQRow
{
	color: #333;
}

a.aQRow:hover
{
	text-decoration: none;
}

.comment
{
	padding: 0 0 50px 80px;
	background: transparent url('/img/quotes.png') 0 0 no-repeat;
}

.commenter
{
	font-style: italic;
	color: #999;
	padding: 20px;
}

.commentPara
{
	text-align: right;
}

input
{
	font-size: 1em;
	border-radius: .5em;
	padding: .45em;
	box-sizing: border-box;
}

input.SearchBox
{
	font-size: 1em !important;
	padding: .45em 0 !important;
	border-radius: .5em !important;
	text-indent: .5em !important;
}

textarea
{
	font-size: 1em;
	border-radius: .5em;
	padding: .45em;
	box-sizing: border-box;
	min-height: 150px;
}

.btn,
input.btn
{
	text-indent: 0;
	color: #fff;
	background-color: #6373C5;
	padding: .5em 1em;
	border-radius: .5em;
	text-decoration: none;
	border: none;
	cursor: pointer;
	font-size: 1em;
}

.btn:hover
{
	background-color: #3C53C7;
	text-decoration: none;
}

#commentForm
{
	border: solid 1px #efefef;
	padding: 2em;
	display: none;
}

#comment_name,
#comment_content
{
	width: 400px;
}

.closeComment
{
	display: none;
}

.subj
{
	display: none;
}

.questionGridRow,
.altQuestionGridRow
{
	display: block;
}

#askText
{
	width: 100%;
}

.biosColumnist
{
	padding: 0 0 2em 0;
	border-bottom: solid 1px #ccc;
}

.biosColumnist a,
.biosColumnist a:hover
{
	color: #000;
	text-decoration: none;
}

.biosColumnist h2 a
{
	color: #666;
}

.biosColumnist h2 a:hover
{
	color: #000;
	text-decoration: underline;
}

.biosSubview
{
	display: block;
	margin: -2.1em 0 2em 0;
}

.biosBrief,
.biosMore
{
	display: block;
}

.biosContact
{
	margin: -1.5em 0 1em 0;
}

.bioIntro
{
	margin: -1em 0 .75em 0;
}

#foot
{
	background-color: #000;
	color: #fff;
	padding: 30px 20px 40px 20px;
	margin: 0;
	font-size: .9em;
}

.footMenu
{
	display: inline-block;
	max-width: 1200px;
	margin: 0 auto;
	white-space: nowrap;
	float: left;
	margin-right: 3em;
}

.footMenu ul
{
	padding-left: 1.2em;
}

.footMenu li a
{
	color: #ccc;
}

.footMenu li li
{
	font-weight: normal;
}

.footMenu li li a
{
	color: #999;
}

#footMiddle
{
	max-width: 1200px;
	margin: 0 auto;
}

#footInner
{
	display: inline-block;
}

.followIcons
{
	display: block;
	margin: .7em 0 1.5em 0;
}

.ico
{
	display: inline-block;
	width: 48px;
	height: 48px;
	text-indent: -1000px;
	overflow: hidden;
	border-radius: 5px;
}

.ico:hover
{
	background-color: #fff;
}

.ico.followEmail
{
	margin-right: .5em;
	background: #e6e6e6 url(/img/ico-email.png) no-repeat 50% 50%;
}

.ico.followTwitter
{
	margin-right: .5em;
	background: #e6e6e6 url(/img/ico-twitter.png) no-repeat 50% 50%;
}

.ico.followFacebook
{
	margin-right: .5em;
	background: #e6e6e6 url(/img/ico-facebook.png) no-repeat 50% 50%;
}

.ico.followRss
{
	background: #e6e6e6 url(/img/ico-rss.png) no-repeat 50% 50%;
}

.ico.rss
{
	background: #F5F5F5 url(/img/ico-rss.png) no-repeat 50% 50%;
}

.ico.email
{
	background: #F5F5F5 url(/img/ico-email.png) no-repeat 50% 50%;
}

.ico.facebook
{
	background: #F5F5F5 url(/img/ico-facebook.png) no-repeat 50% 50%;
}

.ico.googlePlus
{
	background: #F5F5F5 url(/img/ico-gplus.png) no-repeat 50% 50%;
}

.ico.askQuestion
{
	background: #F5F5F5 url(/img/ico-question.png) no-repeat 50% 50%;
}

.ico.twitter
{
	background: #F5F5F5 url(/img/ico-twitter.png) no-repeat 50% 50%;
}

.ico.homePage
{
	background: #F5F5F5 url(/img/ico-home.png) no-repeat 50% 50%;
}

.biosContact .ico,
.bioDetailContact .ico
{
	width: 30px;
	height: 30px;
	border-radius: 5px;
	background-size: auto 50%;
}

#copyright
{
	text-align: right;
	color: #999;
}

/*
	The overlay is used to request donations
	from frequent visitors
*/
.overlayWrp
{
	position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    text-align: center;
	z-index: 100;
	box-shadow: rgba(0,0,0,0.3) 0 -5px 33px;
}

.overlayMid
{
	border-top: solid 2px #fff;
    width: 100%;
    margin-top: 1px;
    padding-top: 1em;
    box-sizing: border-box;
	background-color: #fff;
	background-image: url(/img/bnr/17.jpg);
	background-size: cover;
}

.overlayIn
{
	background-color: #fff;
    padding: .5em 1em;
}

.overlayContent h2
{
	margin: .5em 0;
}

.overlayContent .noDonation
{
	display: inline-block;
    padding: 5px 1em;
}

.js .js-hide
{
	display: none;
}

@media screen and (max-width:1240px)
{
	.booklist a.bookOdd
	{
		width: 22%;
	}
	.booklist a.bookEven
	{
		display: none;
	}
}

@media screen and (max-width:775px)
{
	aside
	{
		display: none;
	}
}

@media screen and (min-width:701px)
{
	#banner a.banner-00
	{
		background-image: url('/img/bnr/00.jpg');
	}

	#banner a.banner-01
	{
		background-image: url('/img/bnr/01.jpg');
	}

	#banner a.banner-01 #bannerCopy,
	#banner a.banner-01 #siteName
	{
		color: #000;
	}

	#banner a.banner-02
	{
		background-image: url('/img/bnr/02.jpg');
	}

	#banner a.banner-02 #bannerCopy,
	#banner a.banner-02 #siteName
	{
		color: #c5c5c5;
	}

	#banner a.banner-03
	{
		background-image: url('/img/bnr/03.jpg');
	}

	#banner a.banner-04
	{
		background-image: url('/img/bnr/04.jpg');
	}

	#banner a.banner-04 #bannerCopy,
	#banner a.banner-04 #siteName
	{
		color: #000;
	}

	#banner a.banner-05
	{
		background-image: url('/img/bnr/05.jpg');
	}

	#banner a.banner-05 #bannerCopy,
	#banner a.banner-05 #siteName
	{
		color: #000;
	}

	#banner a.banner-06
	{
		background-image: url('/img/bnr/06.jpg');
	}

	#banner a.banner-06 #bannerCopy,
	#banner a.banner-06 #siteName
	{
		color: #000;
	}

	#banner a.banner-07
	{
		background-image: url('/img/bnr/07.jpg');
	}

	#banner a.banner-08
	{
		background-image: url('/img/bnr/08.jpg');
	}

	#banner a.banner-08 #bannerCopy,
	#banner a.banner-08 #siteName
	{
		color: #333;
	}

	#banner a.banner-09
	{
		background-image: url('/img/bnr/09.jpg');
	}

	#banner a.banner-09 #bannerCopy,
	#banner a.banner-09 #siteName
	{
		color: #000;
	}

	#banner a.banner-10
	{
		background-image: url('/img/bnr/10.jpg');
	}

	#banner a.banner-10 #bannerCopy,
	#banner a.banner-10 #siteName
	{
		color: #000;
	}

	#banner a.banner-11
	{
		background-image: url('/img/bnr/11.jpg');
	}

	#banner a.banner-12
	{
		background-image: url('/img/bnr/12.jpg');
	}

	#banner a.banner-12 #bannerCopy,
	#banner a.banner-12 #siteName
	{
		color: #ddd;
	}

	#banner a.banner-13
	{
		background-image: url('/img/bnr/13.jpg');
	}

	#banner a.banner-13 #bannerCopy,
	#banner a.banner-13 #siteName
	{
		color: #000;
	}

	#banner a.banner-14
	{
		background-image: url('/img/bnr/14.jpg');
	}

	#banner a.banner-14 #bannerCopy,
	#banner a.banner-14 #siteName
	{
		color: #4f4f4f;
	}

	#banner a.banner-15
	{
		background-image: url('/img/bnr/15.jpg');
	}

	#banner a.banner-16
	{
		background-image: url('/img/bnr/16.jpg');
	}

	#banner a.banner-17
	{
		background-image: url('/img/bnr/17.jpg');
	}

	#banner a.banner-17 #bannerCopy,
	#banner a.banner-17 #siteName
	{
		color: #c8c8c8;
	}

	#banner a.banner-18
	{
		background-image: url('/img/bnr/18.jpg');
	}

	#banner a.banner-18 #bannerCopy,
	#banner a.banner-18 #siteName
	{
		color: #000;
	}

	#banner a.banner-19
	{
		background-image: url('/img/bnr/19.jpg');
	}

	#banner a.banner-19 #bannerCopy,
	#banner a.banner-19 #siteName
	{
		color: #e0e0e0;
	}
	
	.hideLg
	{
		display: none;
	}
}

@media screen and (max-width:700px)
{
	body.js
	{
		position: relative;
	}
	
	.js #mainMenu
	{
		display: none;
	}
	
	.js #mobileMenuWrap
	{
		display: block;
		padding: 3.5em 2em 0 2em;
	}
	
	.js .mobileMenu
	{
		margin: 0 2em;
	}
	
	.js #mobileMenu,
	.js .mobileMenu select
	{
		width: 100%;
		border-radius: 7px;
		border: solid 1px #999;
		font-size: 1em;
		padding: 7px 15px;
	}
	
	.js #banner
	{
		position: absolute;
		top: 0;
		padding-top: .5em;
		z-index: 2;
		height: 3.5em;
	}
	
	.js #banner a
	{
		background-image: none;
		bottom: auto;
	}

	#banner:before
	{
		content: none;
	}
	
	.js #siteName span
	{
		margin-right: 0;
	}
	
	.js #topBar
	{
		background-color: #000;
	}
	
	.js #topBarWrap
	{
		position: relative;
		background-color: transparent;
		padding: 0;
	}
	
	.js #search
	{
		display: block;
		float: none;
		padding: .5em 2em;
		clear: both;
		background-color: #000;
		margin: 0;
	}
	
	.js #search table
	{
		width: 100%;
		border-spacing: 0;
	}
	
	.js #search table td
	{
		width: 25%
	}
	
	.js #search table #tdSearchBox
	{
		width: 75%
	}
	
	.js #search input,
	.js #search button
	{
		border-radius: 7px;
		border: solid 1px #999;
		font-size: 1em;
	}
	
	.js #search input[type="text"]
	{
		width: 97%;
		display: inline-block;
		border: none !important;
		padding: 7px 0 !important;
		margin: 0 30px 0 0;
		width: 100%;
		text-indent: 15px;
	}
	
	.js #search button
	{
		width: 97%;
		margin-left: 10px;
		padding: 7px 15px;
	}
	
	.js #topBarWrap
	{
		border-bottom: none;
		margin-bottom: 0;
	}

	#comment_name,
	#comment_content
	{
		width: 100%;
	}
	
	#content
	{
		padding: 0 0 50px 0;
	}
	
	h1
	{
		font-size: 1.9em;
		padding: 0 1.1em;
	}
	
	.js .answerTitle
	{
		display: none;
	}
	
	#content main
	{
		margin-bottom: 2em;
	}
	
	#articles.stackWrapper
	{
		padding-top: 0;
		border-bottom: none;
		padding-bottom: 1em;
	}
	
	a.searchResult,
	.searchResultQty
	{
		margin: 0 2em;
	}
	
	.stackWrapper article a.expanderLink
	{
		display: block;
		margin: 0;
		padding: 0;
		color: #fff;
	}
	
	.stackWrapper article a.expanderLink:hover
	{
		text-decoration: none;
	}
	
	.expanderClosed a.expanderLink h2
	{
		display: block;
		margin: .2em 0;
		padding: .5em 1.5em;
		background-color: #ccc;
		color: #000;
		background: #ccc url('/img/expand.png') 95% 14px no-repeat;
	}
	
	.expanderClosed a.expanderLink:hover h2
	{
		background-color: #E4E4E4;
		background: #E4E4E4 url('/img/expand-over.png') 95% 14px no-repeat;
	}
	
	.expanderOpen a.expanderLink h2
	{
		display: block;
		margin: .2em 0;
		padding: .5em 1.5em;
		background-color: #ccc;
		color: #000;
		background: #ccc url('/img/contract.png') 95% 14px no-repeat;
	}
	
	.expanderOpen a.expanderLink:hover h2
	{
		background-color: #E4E4E4;
		background: #E4E4E4 url('/img/contract-over.png') 95% 14px no-repeat;
	}
	
	h2.expandableButton
	{
		margin: .4em 0;
	}
	
	h2.expandableButton a.expanderLink
	{
		margin: 0;
		padding: .5em 1.5em;
		background-color: #666;
		display: block;
		cursor: pointer;
		color: #fff;
	}
	
	.expanderClosed h2.expandableButton a.expanderLink
	{
		background: #666 url('/img/expand.png') 95% 14px no-repeat;
	}
	
	.expanderClosed h2.expandableButton a.expanderLink:hover
	{
		background: #666 url('/img/expand-over.png') 95% 14px no-repeat;
	}
	
	.expanderOpen h2.expandableButton a.expanderLink
	{
		background: #666 url('/img/contract.png') 95% 14px no-repeat;
	}
	
	.expanderOpen h2.expandableButton a.expanderLink:hover
	{
		background: #666 url('/img/contract-over.png') 95% 14px no-repeat;
	}
	
	.stackWrapper article
	{
		border-top: none;
		border-radius: 0;
		height: auto;
		overflow: auto;
		padding: 0;
		cursor: auto;
		transition: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	.stackWrapper .articleBody
	{
		opacity: 1;
	}
	
	.expanderContent
	{
		padding: 1em;
	}
	
	.expanderClosed .expanderContent
	{
		display: none;
	}
	
	.booklist,
	.aQList
	{
		border-bottom: none;
	}
	
	.questionsContent,
	.onlineForm,
	.plainBodyWrap
	{
		margin: 1em 2em 0 2em;
	}
	
	.bioIntro,
	.biosColumnists
	{
		margin-left: 2em;
		margin-right: 2em;
	}
	
	.bioDetailContact
	{
		margin: 0 2em 2em 2em;
	}
	/*
	.pullQuote
	{
		display: none;
	}
	*/
	.hideSm
	{
		display: none;
	}
	
	.alternates
	{
		display: none;
	}

@media screen and (max-width:600px)
{
	.booklist
	{
		display: inline-block;
	}
	
	.booklist a.bookOdd
	{
		width: 48%;
	}
	
	.booklist a.book-01,
	.booklist a.book-05
	{
		float: left;
		clear: left;
	}
	
	.booklist a.book-03,
	.booklist a.book-07
	{
		float: right;
		clear: right;
	}
}

@media screen and (max-width:460px)
{
	#siteName
	{
		font-size: 2.2em;
	}
	
	.comment
	{
		background-image: none;
		padding: 1em 0 4em 0;
		border-top: solid 1px #ccc;
	}
	
	h2.expanderHead
	{
		font-size: 1.2em;
	}
}

@media screen and (max-width:390px)
{
	#siteName
	{
		font-size: 1.9em;
	}
}

@media screen and (max-width:330px)
{
	.booklist
	{
		display: inline-block;
	}
	
	.booklist a.bookOdd
	{
		width: 100%;
	}
	
	.booklist a.book-01,
	.booklist a.book-05,
	.booklist a.book-03,
	.booklist a.book-07
	{
		float: none;
		clear: both;
	}
}