html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


body { width: 100%; max-width: 1500px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333; line-height: 20px }
img { max-width: 100% }
a { color: #247bbd; text-decoration: none }
	a:hover { text-decoration: underline }
strong { font-weight: bold }
em { font-style: italic }
::-webkit-input-placeholder { color: #888; font-style: italic }
	:-moz-placeholder { /* Firefox 18- */ color: #888; font-style: italic }
	::-moz-placeholder {  /* Firefox 19+ */ color: #888; font-style: italic }
	:-ms-input-placeholder { color: #888; font-style: italic }
input:focus { outline: none; border: 1px solid #e77a00 !important }
hr { border: 0; height: 1px; background: #d1d1d1 }

input[type=submit]{
	cursor:pointer;
}

.clear { clear: left; }
.clear-both { clear: both; }

.clear-all:after { 

	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 1px;
}

.clear-right { clear: right; }


/* Fonts								*/
.open-sans { font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif !important }
.color-secondary { color: #888 }





/* Header									*/
#header { border-bottom: 2px solid #ccc; padding: 10px 10px 0; margin: 0 -10px 15px }
	#logo { display: block; width: 80%; }
		#logo img { vertical-align: bottom }
	#desktop-nav { display: none }

#hamburger { position: fixed; top: 0; right: 0; padding: 12px 15px; vertical-align: bottom; margin-bottom: 10px; background: #fff }
	#hamburger.nav-open { position: fixed; z-index: 19 }
	#hamburger div { height: 4px; width: 30px; margin-top: 3px; float: right; clear: right; vertical-align: bottom }
		#hamburger div:first-child { margin-top: 0 }
		#hamburger .one { background: #e77a00 }
		#hamburger .two { background: #008bb2 }
		#hamburger .three { background: #c953ae }


	#category-nav { 
    	width: initial;
padding: 8px;
display: inline-block;
margin: 10px 0 14px 0;
color: white;
font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
font-size: 35px;
font-weight: 100;
line-height: 35px;
/* background:#e77a00; */
background: #a1a1a1;
text-transform: uppercase;
	}

/* Footer									*/
#footer { clear: both; margin: 40px -10px 0; background: #333; color: #fff; border-top: 1px solid #aaa; padding: 20px 10px 30px; text-align: center }
	#footer #desktop-footer-nav { display: none }

	#footer img { max-width: 250px; margin-bottom: 20px }
	#footer a { color: #fff }
	
	#footer .disclaimer { font-size: 12px; line-height: 20px; color: #aaa; margin-bottom: 20px;padding: 0 25px; }
		#footer .disclaimer a { padding: 5px 20px }


/* Author Index */

.author-list{
	margin-left:10px;
}

.author-list-heading{
	font-size:44px;margin:60px 0 20px 0;letter-spacing: -0.5px;font-weight:300;
	color:#333;
}

.author-list td{
	vertical-align: top;
	padding:20px 0 20px 10px;
}

.big-letter{
	font-size: 70px;
	font-weight:700;
	line-height: 55px;
	color:#666666;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.center{
	text-align: center;
}


/* Page									*/
#page { position: relative; right: 0; padding: 0 10px }

.static-page{
	font-size:16px;
}

/* Buttons								*/
.aui-button { clear: both; display: block; width: 100%; color: #222; font-size: 16px; text-align: center; height: 45px; line-height: 45px; text-shadow: 0 1px 0 #fff; border: 1px solid; border-color: #bcbcbc #b7b7b7 #a8a8a8; cursor: pointer; white-space: nowrap; padding: 0 10px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: inset 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #e1e1e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1f1f1 0%,#e1e1e1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1f1f1 0%,#e1e1e1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1f1f1 0%,#e1e1e1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */

	}

.aui-button:hover { text-decoration: none !important;
	background: #e1e1e1; /* Old browsers */
	background: -moz-linear-gradient(top,  #e1e1e1 0%, #d1d1d1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e1e1e1 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e1e1e1 0%,#d1d1d1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e1e1e1 0%,#d1d1d1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e1e1e1 0%,#d1d1d1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */

	-webkit-box-shadow: inset 0 1px 0 #f1f1f1;
	-moz-box-shadow: inset 0 1px 0 #f1f1f1;
	box-shadow: inset 0 1px 0 #f1f1f1;
	
	}

.aui-button-search { display: block; color: #fff; font-size: 12px; text-align: center; line-height: 15px;height: 26px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border: 1px solid; border-color: #3d3d3d #353535 #2e2e2e;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-box-shadow: inset 0 1px 0 rgba(100%,100%,100%,0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(100%,100%,100%,0.3);
	box-shadow: inset 0 1px 0 rgba(100%,100%,100%,0.3);
	
	background: #666; /* Old browsers */
	background: -moz-linear-gradient(top,  #787878 0%, #555555 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#787878), color-stop(100%,#555555)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #787878 0%,#555555 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #787878 0%,#555555 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #787878 0%,#555555 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #787878 0%,#555555 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#555555',GradientType=0 ); /* IE6-9 */

	}

.aui-button.primary { border-color: #cdad57 #bf9517 #ab8417; 
	background: #f6de9b; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6de9b 0%, #f3c852 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6de9b), color-stop(100%,#f3c852)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6de9b 0%,#f3c852 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f6de9b 0%,#f3c852 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f6de9b 0%,#f3c852 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f6de9b 0%,#f3c852 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6de9b', endColorstr='#f3c852',GradientType=0 ); /* IE6-9 */
	}
	
.aui-button.primary:hover { 
	background: #f3c852; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3c852 0%, #e5ba4e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c852), color-stop(100%,#e5ba4e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3c852 0%,#e5ba4e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3c852 0%,#e5ba4e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3c852 0%,#e5ba4e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3c852 0%,#e5ba4e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c852', endColorstr='#e5ba4e',GradientType=0 ); /* IE6-9 */

	}

.aui-button.small { font-size: 13px; height: 25px; line-height: 25px }



/* Mobile Navigation						*/
#mobile-nav { position: fixed; top: 0; right: -80%; bottom: 0; width: 80%; background: #333; color: #fff; font-size: 16px; line-height: 20px; z-index: 99; max-width: 300px }

	#mobile-nav #mobile-nav-close { display: none; position: fixed; top: 15px; right: 85%; width: 21px; height: 21px; -webkit-transition: all 200ms linear }
		#mobile-nav #mobile-nav-close.rotated { -webkit-transform: rotate(45deg);
										-moz-transform: rotate(45deg);
										transform: rotate(45deg) }
		

	#mobile-nav .content { padding: 20px; overflow: scroll; position: absolute; top: 0; bottom: 0; width: 100%; max-width: 260px }
	
	
	#mobile-nav .post-author div{
		width:40px;height:40px;display:inline-block;vertical-align: middle;float:none;
	}
	
	#search { width: 100%; font-size: 13px; background: #fff; border-radius: 4px; line-height: 20px; padding: 3px 10px; border: 1px solid; border-color: #bbb #7d7d7d #d0d0d0 }
	
	

	
	#mobile-nav h3 { padding: 2px 0 5px; margin-top: 30px; font-weight: bold; font-size: 21px; text-transform: uppercase; border-top: 4px solid }
		#mobile-nav h3.lists-and-reviews { border-top-color: #e77a00 }
		#mobile-nav h3.authors { border-top-color: #33afb5 }
		#mobile-nav h3.news-and-features { border-top-color: #c953ae }
		#mobile-nav h3.editors { border-top-color: #000 }
	#mobile-nav a { display: block; color: #fff; padding: 7px 0; margin-bottom: 6px }
		#mobile-nav a.post-author { margin-bottom: 10px }
	
#mobile-page-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 9 }



.editor-bio-wrapper{
     display:table;height:80px;
}

.editor-bio-avatar{
    float:left;margin-right:10px;
}

.editor-bio{
    height:100%;display:table-cell;vertical-align: middle;padding-right:20px;
}

.recent-posts{
    margin:20px 0; font-size:20px;
}

/* Post Tease								*/
.post-tease { padding-bottom: 14px; /* border-bottom: 1px solid #d1d1d1; */ margin-bottom: 20px }
	.post-tease.well-said { background: #259926; margin-left: -10px; margin-right: -10px; border-bottom: none }
	
	.post-tease a { color: #333 }
		.post-tease h2 a:hover { text-decoration: none }
	.post-tease .post-category { color: #fff; background: #333; font-size: 12px; text-transform: uppercase; display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; border-top: 4px solid }
		.post-tease .post-category.authors { border-color: #008bb2 !important }
		.post-tease .post-category.lists-and-reviews, .post-tease .post-category.kindle { border-color: #e77a00 !important }
		.post-tease .post-category.news-and-features { border-color: #c953ae !important }
		.post-tease .post-category.well-said { border-color: #333; background: #fff; color: #333; margin-left: 0 !important }
	.post-tease h2 { font-size: 28px; line-height: 30px; letter-spacing: -0.5px }
	.post-tease .post-excerpt { display: none }
	.post-author div { vertical-align: middle; /* float: left; */ height: 40px; width: 40px; background-size: cover; background-repeat: none; margin:5px 5px 5px 0;display: inline-block; }
	
	.post-author .byline{ line-height:40px;float:none;display: inline-block;margin:-32px 0 0 5px;}
	
	.post-author div.the-author{ line-height:40px;margin-right:0px;}
	
	.post-tease.well-said .post-thumb,
	.post-tease.well-said h2,
	.post-tease.well-said .post-author { display: none }
	.post-tease.well-said .post-excerpt { display: block; color: #fff; font-size: 28px; line-height: 30px; text-align: center; padding: 5px 20px 0 }

	.post-tease .post-thumb { 
/* 		background: #f1f1f1 url(/images/assets/image-placeholder.png) 50% 50% no-repeat;  */
		background: #fff 50% 50% no-repeat;
		background-size: 25px }
	.post-tease .second-image { display: none }


	.post-tease .post-excerpt { font-family: Georgia, serif; font-size: 14px }
		.post-tease .post-excerpt p { margin-bottom: 5px }
		.post-tease .post-excerpt a { color: #247bbd }
			.post-tease .post-excerpt a.read-more { font-family: Arial, Helvetica, sans-serif }



/* Sidebar */
#sidebar { display: none }

.tablet-separator { display: none; margin-bottom: 20px }

a.social { display: inline-block; height: 40px; width: 40px; background-image: url(/images/assets/social-sprite-new.png?v=2); background-repeat: none; background-size: 310px 175px }
	a.social + a.social { margin-left: 10px }
	
	 a.social.twitter { background-position: -45px 0 }
	 a.social.pinterest { background-position: -90px 0 }
	 a.social.youtube { background-position: -135px 0 }
	 a.social.goodreads { background-position: -225px 0 }
	 a.social.rss { background-position: -180px 0 }
     a.social.instagram { background-position: -270px 0 }

	.orange a.social.facebook:hover { background-position: 0 -45px }
	.orange a.social.twitter:hover { background-position: -45px -45px }
	.orange a.social.pinterest:hover { background-position: -90px -45px }
	.orange a.social.youtube:hover { background-position: -135px -45px }
	.orange a.social.goodreads:hover { background-position: -225px -45px }
	.orange a.social.rss:hover { background-position: -180px -45px }
	.orange a.social.instagram { background-position: -270px -45px }
	
	.blue a.social.facebook:hover { background-position: 0 -90px }
	.blue a.social.twitter:hover { background-position: -45px -90px }
	.blue a.social.pinterest:hover { background-position: -90px -90px }
	.blue a.social.youtube:hover { background-position: -135px -90px }
	.blue a.social.goodreads:hover { background-position: -225px -90px }
	.blue a.social.rss:hover { background-position: -180px -90px }
	.blue a.social.instagram { background-position: -270px -90px }
	
	.pink a.social.facebook:hover { background-position: 0 -135px }
	.pink a.social.twitter:hover { background-position: -45px -135px }
	.pink a.social.pinterest:hover { background-position: -90px -135px }
	.pink a.social.youtube:hover { background-position: -135px -135px }
	.pink a.social.goodreads:hover { background-position: -225px -135px }
	.pink a.social.rss:hover { background-position: -180px -135px }
	.pink a.social.instagram { background-position: -270px -135px }
	
	.aui-button.email-subscribe-link{
		width:75px;
		float:right;
		margin:-7px 10% 0 0;
	}
	
	#non-modal-subscribe{
		width:60%;
		clear:left;
	}
	
	#non-modal-subscribe #email-subscribe-final{
		clear:none;
		float:none;
	}
	
	#non-modal-subscribe .clear-both{
		clear:none;
	}
	
	#non-modal-subscribe textarea{
		width:612px;
		border:1px solid #ccc;
		resize: none;
		height:100px;	
		
	}
	#non-modal-subscribe table{
		width:625px;
	}
	
	#non-modal-subscribe #share-by-email-final{
		clear:none;
		float:none;
	}
	
	
	
	#overlay{
		background: #fff;
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		opacity:.85;
		z-index: 999;
		display:none;
	}


	.modal-form{
		width:600px;
		height:433px;
		padding:40px;
		background:url(/images/assets/signupBacker.png?v=2);
		position:fixed;
		left:50%;
		margin-left:-340px;
		top:15%;
		z-index:1000;
		background-size:680px 513px;
		display:none;
	}
	
	
	.modal-form h2, #non-modal-subscribe h2{
		font-size:24px;
		font-weight:bold;
		text-transform: uppercase;
		margin-bottom:30px;
	}

	
	.modal-form h4, #non-modal-subscribe h4{
		color:#aaa;
		font-size:16px;
		margin:20px 0 15px 0;
	}	
		
	.modal-form input[type=text], #non-modal-subscribe input[type=text]{
		width:300px;
		height:30px;
		border:1px solid #ccc;
		border-radius:3px;
	}
	
		.modal-form td input[type=text]{
			width:290px;
			margin-bottom:10px;
			margin-right:20px;
		}
	
	.modal-form ul{
		width:210px;
		float:left;
		margin-bottom:20px;
	}
	
	.modal-form ul.last{
		width:150px;
		float:left;
		
	}
	
	.modal-form li{
		margin-bottom:8px;
	}
	
	.modal-form textarea{
		width:100%;
		height:180px;
		border:1px solid #ccc;
		resize: none;
	}
	
	label.block{
		display:block;
		margin-bottom:5px;
	}
	
	.marginWrapper{
		margin:15px 0;
	}
	
	#errorHolder, #errorHolderShare{
		color:red;
		margin:20px 0;
		float:left;
	}
	
	#errorHolderShare{
		margin:7px 0;
	}
	
	#email-subscribe-final{
		width:100px;
		float:right;
		margin-top:10px;
	}
	
	#share-by-email-final{
		width:65px;
		float:right;
		margin-top:10px;
	}
	
	.closeModal{
		width:40px;
		height:40px;
		position: absolute;
		top:-15px;
		right:-15px;
		display:block;
		background:url(/images/assets/closeButton.png?v=2);
		background-size: 40px 40px;
		text-indent:-9999px;
	}

/* Phone Homepage & Categories	*/

.post-tease.post-1{
    overflow:hidden;
}

#editor-nav h2 { padding: 10px 10px 0; margin: 0 -10px 10px; text-transform: uppercase; font-size: 48px; line-height: 50px; letter-spacing: -1px }
	.orange #editor-nav h2 { background: #e77a00 }
	.blue #editor-nav h2 { background: #008bb2 }
	.pink #editor-nav h2 { background: #c953ae }
	.black #editor-nav h2 { background: #333 }
		
	#editor-nav a h2 { color: #fff }
		#editor-nav a:hover { text-decoration: none }
	
		#editor-nav h2 div.page { display: none }
		#editor-nav h2 div.sub-cat { font-size: 24px; color: #333; line-height: 25px; padding-bottom: 5px }
			.black #editor-nav h2 div.sub-cat { color: #aaa }

	#editor-nav a.sub-cat { display: none }

#category-nav h2 { padding: 10px 10px 0; margin: 0 -10px 10px; text-transform: uppercase; font-size: 48px; line-height: 50px; letter-spacing: -1px }
	.orange #category-nav h2 { background: #e77a00 }
	.blue #category-nav h2 { background: #008bb2 }
	.pink #category-nav h2 { background: #c953ae }
	.black #category-nav h2 { background: #333 }
		
	#category-nav a h2 { color: #fff }
		#category-nav a:hover { text-decoration: none }
	
		#category-nav h2 div.page { display: none }
		#category-nav h2 div.sub-cat { font-size: 24px; color: #333; line-height: 25px; padding-bottom: 5px }
			.black #category-nav h2 div.sub-cat { color: #aaa }

	#category-nav a.sub-cat { display: none }


.post-1 .post-thumb { margin: -30px -10px 0; margin-bottom: 5px; max-height: 250px; overflow: hidden; }

	.post-1 .post-thumb img { /* min-width: 501px; */ }

.post-1 .post-category { position: relative; z-index: 2; margin: 0 -10px }

.post-2, .post-3, .post-4, .post-5, .post-6, .post-7, .post-8, .post-9, .post-10, .post-11, .post-12 { min-height: 150px }

.post-2 .post-thumb,
.post-3 .post-thumb,
.post-4 .post-thumb,
.post-5 .post-thumb,
.post-6 .post-thumb,
.post-7 .post-thumb,
.post-8 .post-thumb,
.post-9 .post-thumb,
.post-10 .post-thumb,
.post-11 .post-thumb,
.post-12 .post-thumb { float: right;  /* width: 70px; */  height: 150px; overflow: hidden; margin: 0 -10px 0 10px }

	.post-2 .post-thumb img,
	.post-3 .post-thumb img,
	.post-4 .post-thumb img,
	.post-5 .post-thumb img,
	.post-6 .post-thumb img,
	.post-7 .post-thumb img,
	.post-8 .post-thumb img,
	.post-9 .post-thumb img,
	.post-10 .post-thumb img,
	.post-11 .post-thumb img,
	.post-12 .post-thumb img { height: 150px; max-width: none }
	
	.grid-1 .post-5 .post-thumb img{ /* min-width:724px; */ }
		
.post-2 .post-category,
.post-3 .post-category,
.post-4 .post-category,
.post-5 .post-category,
.post-6 .post-category,
.post-7 .post-category,
.post-8 .post-category,
.post-9 .post-category,
.post-10 .post-category,
.post-11 .post-category,
.post-12 .post-category { margin: 0 0 5px -10px }
	.post-2.well-said .post-category,
	.post-3.well-said .post-category,
	.post-4.well-said .post-category,
	.post-5.well-said .post-category,
	.post-6.well-said .post-category,
	.post-7.well-said .post-category,
	.post-8.well-said .post-category,
	.post-9.well-said .post-category,
	.post-10.well-said .post-category,
	.post-11.well-said .post-category,
	.post-12.well-said .post-category { margin-top : -3px }	
.post-2 .post-author,
.post-3 .post-author,
.post-4 .post-author,
.post-5 .post-author,
.post-6 .post-author,
.post-7 .post-author,
.post-8 .post-author,
.post-9 .post-author,
.post-10 .post-author,
.post-11 .post-author,
.post-12 .post-author { margin-top: 5px }
	.post-2 .post-author div,
	.post-3 .post-author div,
	.post-4 .post-author div,
	.post-5 .post-author div,
	.post-6 .post-author div,
	.post-7 .post-author div,
	.post-8 .post-author div,
	.post-9 .post-author div,
	.post-10 .post-author div,
	.post-11 .post-author div,
	.post-12 .post-author div { display: none }

/*
.post-7, .post-8, .post-9, .post-10, .post-11, .post-12 { border: none; margin-bottom: 10px; padding-bottom: 0; clear: both; min-height: 60px }
.post-7 a,
.post-8 a,
.post-9 a,
.post-10 a,
.post-11 a,
.post-12 a { display: block; min-height: 60px }
*/

/*
.post-7 .post-category,
.post-8 .post-category,
.post-9 .post-category,
.post-10 .post-category,
.post-11 .post-category,
.post-12 .post-category { float: left; width: 0px; height: 60px; margin-left: -10px; border-top: none; border-left-width: 4px; border-left-style: solid; text-indent: -10000%; position: relative; padding: 0 }
*/
/*
.post-7 .post-thumb,
.post-8 .post-thumb,
.post-9 .post-thumb,
.post-10 .post-thumb,
.post-11 .post-thumb,
.post-12 .post-thumb { float: left; width: 50px; height: 60px; overflow: hidden; margin-left: -10px; margin-right: 10px }
*/
/*
	.post-7 .post-thumb img,
	.post-8 .post-thumb img,
	.post-9 .post-thumb img,
	.post-10 .post-thumb img,
	.post-11 .post-thumb img,
	.post-12 .post-thumb img { min-height: 60px; max-width: 200px; min-width: 50px; max-height: 100px }
*/
/*
.post-7 h2,
.post-8 h2,
.post-9 h2,
.post-10 h2,
.post-11 h2,
.post-12 h2 { font-size: 21px; line-height: 25px; display: inline-block; width: 80% }
.post-7 .post-author,
.post-8 .post-author,
.post-9 .post-author,
.post-10 .post-author,
.post-11 .post-author,
.post-12 .post-author { display: none }
*/







.mobile-load-more { margin: 20px auto;max-width: 90%; }

#desktop-pagination{
	text-align: center;
}

#desktop-pagination:before {      
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
	



/* Phone Editor List							*/
#editor-list { margin: 0 -10px }
	#editor-list .editor-post { position: relative; display: block; color: #333; margin-bottom: 20px; text-align: center }
		#editor-list .editor-post:hover { text-decoration: none }
		#editor-list .editor-post:first-child { margin-top: -10px }
	#editor-list .editor-thumb { width: 100%; height: 300px; overflow: hidden; background: #333; background-size: 25px; position:relative }
	
	
		#editor-list .editor-thumb img { min-height: 100%; max-height: 100%; max-width:none; left:-20%; position:absolute; /*  min-width: 100%; height: auto; width: auto */ }
		
		
		
	#editor-list .editor-post h2 { color: #fff; font-size: 48px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.5); position: absolute; top: 260px; left: 10px }
		#editor-list .editor-post.has-role h2 { color: #fff; font-size: 48px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.5); position: absolute; top: 235px; left: 10px }
	#editor-list .editor-post .editor-role { position: absolute; top: 270px; left: 10px; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.5); font-size: 24px }
	#editor-list .editor-post .editor-quote { padding: 5px 10px 0; font-size: 21px; line-height: 30px }
	#editor-list .editor-post .editor-quote-attribution { padding: 0 10px; font-family: Georgia, serif; font-style: italic; font-size: 16px }




/* Phone Individual Editor						*/
	#post-editor .post-thumb { max-height: 200px; overflow: hidden; margin: 0 -10px 10px }

	#post-editor .post-quote { font-size: 21px; max-width: 500px; margin: 0 auto 5px }
	#post-editor .post-quote-attribution { font-size: 14px; font-family: Georgia, serif; font-style: italic; max-width: 500px; margin: 0 auto 20px }
		#post-editor .post-quote-attribution span { font-style: normal; color: #888 }

	#post-editor .post-social { max-width: 500px; margin: 0 auto 20px }
	
	#post-editor .post-social ul li{ font-family: Georgia, serif; }
	


	#post-editor h3 { text-transform: uppercase; color: #aaa; font-weight: bold; font-size: 18px; line-height: 30px }

	#post-editor .post-body { font-family: Georgia, serif; font-size: 16px; line-height: 25px; margin-bottom: 40px }
		#post-editor .post-body p { margin-bottom: 15px; max-width: 500px; margin-left: auto; margin-right: auto }

	.is-editor > #page > hr { display: none }
	
	
	
/* Phone + Tablet Article						*/
.article { font-family: Georgia, serif; font-size: 16px; line-height: 25px; margin: 0 -10px }
	.article h1 { font-size: 32px; line-height: 40px; padding: 0 10px; letter-spacing: -1px }

	.article .post-author { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin: 0 10px }

	.article .share { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #888; margin: 10px 10px 20px }
		.article .share span { display: inline-block; width: 40px; text-align: center }
		.article .share a { display: inline-block; margin-right: 4px; height: 30px; width: 45px; vertical-align: middle; background-size: 125px 105px; background-repeat: no-repeat; background-image: url(/images/assets/share-sprite.png?v=2); }
			.article.lists-and-reviews .share a { background-color: #f4bd87 }
			.article.authors .share a { background-color: #8dd0e3 }
			.article.news-and-features .share a { background-color: #edafdf }
				.article.lists-and-reviews .share a:hover { background-color: #e77a00 }
				.article.authors .share a:hover { background-color: #008bb2 }
				.article.news-and-features .share a:hover { background-color: #c953ae }

			.article .share a.email { background-position: 13px 5px }
			.article .share a.facebook { background-position: -22px 5px }
			.article .share a.twitter { background-position: -56px 5px }
			.article .share a.pinterest { background-position: -94px 5px }

	.article p { margin-bottom: 15px; padding: 0 10px; max-width: 500px; margin-left: auto; margin-right: auto }	
	
	#articleContent li	{
		max-width: 460px;
		width: 80%;
		margin:auto;
		text-align: left;
	}	
		
	#articleContent ul li	{
		list-style:disc;
	}
	
	#articleContent ol li	{
		list-style:decimal;
	}	

	.article .image-without-caption,
		.article .image-with-caption { max-width: 768px; margin-left: auto; margin-right: auto; /* background: #f1f1f1 url(/images/assets/image-placeholder.png) 50% 50% no-repeat; */ background-size: 25px; margin-bottom:20px; text-align: center; }
		.article.lists-and-reviews .image-with-caption { background-color: #e77a00 }
		.article.authors .image-with-caption { background-color: #008bb2 }
		.article.news-and-features .image-with-caption { background-color: #c953ae }
		
		.article .image-with-caption .caption { color: #fff; padding: 5px 15px; font-size: 18px; text-align: left }

	.article blockquote { margin: 30px 10px 30px; border-top: 6px solid #333; padding-top: 4px; font-size: 24px; font-weight: bold; font-style: italic }
		.article.lists-and-reviews blockquote { color: #e77a00 }
		.article.authors blockquote { color: #008bb2 }
		.article.news-and-features blockquote { color: #c953ae }

	.article div.table-layout{
		max-width:550px;
		margin:auto;
	}
	
	.show-mobile{
		display:none;
		float:left;
		margin:5px 10px 0 0;
	}


	.article div.table-layout div{
		float:left;
	}
	
	.article div.table-layout div img{
		max-height:200px;
		max-width: 90%;
	}
	
	.article div.table-layout div h3{
		font-weight:bold;
	}
	
	.article div.table-layout div p{
		max-width: 100%;
		padding:0;
	}
	
	.article div.table-layout div.img-side{
		width:28%;
		text-align: left;
		padding-top:5px;
	}
	
	.article div.table-layout div.text-side{
		width:72%;
		text-align: left;

	}
	
	.article div.table-layout:after{
	   content: "."; 
	   visibility: hidden; 
	   display: block; 
	   height: 0; 
	   clear: both;
	}




	.article div.shoveler{
		max-width:580px;
		margin:auto;
	}


	.article div.shoveler > div{
		float:left;
        min-height: 320px;
	}
	
	.article div.shoveler > div div{
		text-align: left;
		max-width: 178px;
		margin-left:15px;
	}
	
	.article div.shoveler div img{
		max-width:90%;
		position: absolute;
		bottom: 0;
	}
	
	.article div.shoveler div h3{
		font-weight:bold;
	}
	
	.article div.shoveler div p{
		padding:0;
	}
	
	.article div.shoveler div.img-side{
		height:230px;
		overflow: hidden;
		margin-bottom:15px;
		position: relative;
		width: 178px;
	}
	
	.article div.shoveler div.text-side{

	}
	
	.article div.shoveler:after{
	   content: "."; 
	   visibility: hidden; 
	   display: block; 
	   height: 0; 
	   clear: both;
	}



	.whats-next { clear: both; margin-top: 40px }
		.whats-next a { display: block; clear: both; color: #333 }
		.whats-next .one .post-title { font-size: 28px; line-height: 35px }
			.whats-next .post-thumb { width: 15.6%; height: 200px; overflow: hidden; float: left; margin-right: 6%; margin-left: -10px }
				.whats-next .one .post-thumb img { /* max-width: none; height: 200px */ display:none; }
		.whats-next h3 { font-size: 21px; line-height: 25px; font-weight: bold }
			.whats-next h3.lists-and-reviews { color: #e77a00 }
			.whats-next h3.authors { color: #008bb2 }
			.whats-next h3.news-and-features { color: #c953ae }
		.whats-next .aui-button { float: left; clear: none; width: auto; padding: 0px 40px; line-height: 40px; height: 40px; margin-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px }

		.whats-next .post-title { float: left; width: 79%; margin-bottom: 10px }

		.whats-next h4 { clear: both; margin-left: 19%; font-size: 21px; font-weight: bold; padding: 20px 0 10px }

		.whats-next .more { font-size: 21px; line-height: 25px; /* width: 50%; float: left; */ clear: none; margin-right: 5%; min-height:85px; }
			.whats-next .more .post-thumb { height: auto; margin-bottom: 10px }
			.whats-next .more .post-thumb { border-left: 4px solid #000 }
				.whats-next .more.lists-and-reviews .post-thumb { border-left-color: #e77a00 }
				.whats-next .more.authors .post-thumb { border-left-color: #008bb2 }
				.whats-next .more.news-and-features .post-thumb { border-left-color: #c953ae }


		#shop-article-mobile .book { clear: left; float: left;max-height: 180px; }
		#shop-article-mobile .book .post-thumb{ width: 30%; margin-right: 7.5%; float: left; margin-bottom: 10px; /* background: #f1f1f1 url(/images/assets/image-placeholder.png) 50% 50% no-repeat; */ background-size: 25px; height: 100%; }
		#shop-article-mobile .book .post-title { width: 50%; float: left; font-size: 14px }
			#shop-article-mobile .book .post-title a { color: #333 }
			#shop-article-mobile .book .post-title:hover { text-decoration: underline }
		#shop-article-mobile .book .post-author { width: 48%; float: left; color: #247bbd }
			#shop-article-mobile .book .post-author:hover { text-decoration: underline }
		#shop-article-mobile .book .aui-button.primary { width: 40%; clear: none; float: left; display: inline-block }
			#shop-article-mobile .book .aui-button.primary:hover { text-decoration: none }



		#shop-article-mobile {
			display:none;
			max-width: 500px;
			margin:auto;
		}
	
		#shop-article-mobile h3{ font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px }



/* Phone Homepage & Categories	 */

@media only screen and (max-width: 650px){


	.post-1 .post-excerpt{
		clear:both;
	}

	.modal-form {
		width: 87%;
		padding: 10px;
		background-repeat: no-repeat;
		position: fixed;
		left: 10px;
		margin-left: 0;
		top: 15%;
		z-index: 1000;
		background-size: 100%;
	}

	.modal-form h2{
		font-size:16px;
		margin-bottom:0px;
	}
	
	.modal-form td input[type=text]{
		width:90%;
		margin-bottom:0px;
	}
	
	.modal-form ul, .modal-form h4{
    	display:none;
	}
	
	.modal-form table{
		width:100%
	}
	
	.modal-form label.block{
		margin-bottom:0px;
		margin-top:5px;
	}
	
	.modal-form textarea{
		height:30px;
	}


	#shop-article-mobile {
		display:block;
	}

	.post-tease .post-excerpt { display: block; }
	
/* 	.post-7 .post-excerpt, .post-8 .post-excerpt, .post-9 .post-excerpt, .post-10 .post-excerpt, .post-11 .post-excerpt, .post-12 .post-excerpt { margin-left:50px;} */

	.article div.shoveler{
		max-width:100%;
		margin:auto;
	}
	
	.article div.shoveler > div{
		text-align: left;
		max-width: 29%;
		margin-right:15px;
	}
	
	.article div.shoveler div.img-side{
		height:150px;
	}
	
	.article div.table-layout{
		max-width:95%;
	}
	
	.show-mobile{
		display:block;
	}
		
	.article div.table-layout div.img-side{
		display:none;
	}
	
	.article div.table-layout div.text-side{
		width:100%;
	}
	
	.clear-all:after{
		display:none;
	}

	#desktop-pagination { /* display: none; */
width: 80px; text-align: center;}
	
	#articleContent li	{
		max-width: 460px;
		width: 85%;
		margin:auto;
		text-align: left;
	}	
	
	.article div.shoveler div.img-side{
		width:110px;
	}	
	
    #articleContent  .shop-this h3{ max-width:100%;margin-bottom:10px;font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;font-size:23px;}
		.shop-this {font-family: Arial, Helvetica, sans-serif;max-width: 550px;margin: auto;}
		.shop-this-mid {padding:0 30px;}
		.shop-this .book { clear: left; float: left;/*max-height: 180px;*/ width:100%}
		.shop-this .book .post-thumb { width: 140px; margin-right: 35px; float: left; margin-bottom: 10px; /* background: #f1f1f1 url(/images/assets/image-placeholder.png) 50% 50% no-repeat; */ background-size: 25px; height: 100%; }
		.shop-this .book .post-title { /* width: 50%; float: left; */ font-size: 14px;line-height:16px;font-style: italic; }
			.shop-this .book .post-title a { color: #333 }
			.shop-this .book .post-title:hover { text-decoration: underline }
		.shop-this .book .post-author {/*  width: 48%; float: left;  */color: #247bbd;text-align:left;margin-top:0;margin-bottom:8px; }
			.shop-this .book .post-author:hover { text-decoration: underline }
		.shop-this .book .aui-button.primary { width: 120px; clear: none; float: left; display: inline-block;margin-right:8px; }
			.shop-this .book .aui-button.primary:hover { text-decoration: none }
	
        .next-up-wrapper{width:100%;}
        .next-up{max-width:550px;margin:auto}

	

}




/* Tablet Homepage & Categories					*/
	
@media only screen and (min-width: 650px) and (max-width: 1024px) {

	#shop-article-mobile {
		display:block;
	}


	.article div.shoveler{
		max-width:530px;
		margin:auto;
	}
	
	.article div.shoveler > div div{
		text-align: left;
		max-width: 161px;
		margin-left:15px;
	}
	
	.article div.shoveler div.img-side{
		height:210px;
	}



	.article div.table-layout{
		max-width:500px;

	}

	.clear-all:after{
		display:none;
	}

	#desktop-pagination { /* display: none */ width:80px; }

	#header #logo { width: 500px; max-width: 55% }

	.post-tease { width: 45%; float: left }
	
/* 	.post-tease:nth-child(2n) { float: right } */
	
	.post-tease.post-1 { float: left; overflow: hidden;}
	
	.offset .post-tease:nth-child(2n) { float: left }
	
	.offset .post-5 { float: right; }
	
	/* flip the nth-count when it's a category and there's a category header */
	.is-category .post-tease { float: right }
		.is-category .post-tease:nth-child(2n) { float: left }
	
	#category-nav h2 div.sub-cat { display: inline; vertical-align: middle }
	
	.post-1 .post-excerpt { display: block }
		.post-1 .post-excerpt p { max-height: 10.25em; overflow: hidden }
	.post-2, .post-3, .post-4, .post-6 { margin-left: 10% }
	.post-5, .post-6 { border: none }
	.post-6 .post-thumb { margin-right: -15px }
	.post-7 { clear: both }
	.post-7, .post-9, .post-11 { float: left }
	
	.grid-1.is-editor .post-11 { clear: left }
	
	
	.post-8, .post-10, .post-12 { float: right; /* margin-top: -70px */ }
	.post-tease.well-said { width: 48% }
	
	.tablet-separator { display: block; width: 100%; border-bottom: 1px solid #d1d1d1 }
	
	.mobile-load-more { max-width: 400px; margin-left: auto; margin-right: auto }
	
	#footer img { max-width: 250px }


	/* Tablet Article 							*/
	.article { font-size: 18px }
	.article h1, .article .post-author, .article .share { max-width: 700px; margin-left: auto; margin-right: auto; text-align: center }

	.article h1 { font-size: 48px; line-height: 55px }
	.article .post-author { margin-top: 5px }
	.article blockquote { max-width: 600px; margin-left: auto; margin-right: auto; padding: 0 10px }
	#articleContent > p:nth-child(1):first-letter { font-size: 48px; float: left; margin: 10px 3px 10px 0 }
	
	.article .image-with-caption .caption { font-size: 20px; line-height: 30px; text-align: center }
	
	
	
	/* Tablet Editor List						*/
	#editor-list .editor-post { width: 48%; float: left; padding: 0 1% }
		#editor-list .editor-post:nth-child(2) { margin-top: -10px }
		#editor-list .editor-post:nth-child(2n+1) { clear: left }
		
		#editor-list .editor-post .editor-thumb { margin: 0 -2%; width: 104% }
		
		
		
		
		
		
	/* Tablet Individual Editor						*/
	#post-editor .post-thumb { max-height: 300px; overflow: hidden; margin: 0 -10px 10px }
	#post-editor .post-quote, #post-editor .post-quote-attribution { text-align: center }
	#post-editor .post-social { text-align: center }
	#post-editor .post-quote { font-size: 28px; max-width: none; line-height: 35px }

	
		
		
}









/* Desktop Homepage								*/	
@media only screen and (min-width: 1025px) {

	.aui-button { height: 30px; line-height: 30px; font-size: 14px }

	#hamburger { display: none }
	#header #logo { max-width: 450px }
	
	#header { position: relative }
	#desktop-nav { display: block; position: absolute; right: 0; bottom: 0; background: rgba(100%,100%,100%, 0.7); text-align: right; padding: 0 20px }
		#desktop-search-holder { display: inline-block; /* width: 90px; */ position: relative; height:32px; }
			#desktop-search-holder img { position: absolute; top: 10px; left: 10px; height: 12px }
			#desktop-search-holder #search { padding-left: 25px; height:24px; width:250px; background:#fff;-webkit-transition: width .3s linear;transition: width .3s linear;}
/* 			#desktop-search-holder #search:focus {width:250px;} */
			
/* 			#desktop-search-holder #search:focus + .aui-button-search {visibility:visible;} */
			
			
			
			#desktop-search-holder .aui-button-search { /* visibility: hidden; */ position: absolute; top: 3px; right: 2px;z-index:3; }
			
/* 			#desktop-search-holder .aui-button-search:active { visibility: visible; } */
			
	
		.nav-item { position: relative; display: inline-block; width: 145px; font-size: 14px; text-align: center; border-bottom: 6px solid; padding-bottom: 7px; margin-right: 5px }
			.nav-item.selected { border-bottom-width: 10px !important; padding-bottom: 3px !important }
			.nav-item a { color: #333 }
			.nav-item > a { text-transform: uppercase }
				.nav-item.selected > a { font-weight: bold }
				.nav-item.lists-and-reviews { border-color: #e77a00 }
				.nav-item.authors { border-color: #008bb2 }
				.nav-item.news-and-features { border-color: #c953ae }
				.nav-item:hover { border-bottom-width: 7px; padding-bottom: 6px }
				.nav-item > a:hover { text-decoration: none }
			
	
			.nav-item .flyout { display: none; position: absolute; z-index: 9; right: -2px; top: 33px; width: 560px; background: #fff; border: 2px solid #ccc; text-align: left }
				.nav-item:hover .flyout { display: block }

			.nav-item .flyout .featured-posts { width: 240px; padding: 10px 20px 0px; display: inline-block; vertical-align: top; margin-right: 22px }
				.nav-item .flyout .featured-posts .post-thumb { width: 65px; height: 100px; overflow: hidden; float: left; margin-right: 10px }
/* 					.nav-item .flyout .featured-posts .post-thumb img { min-width: 65px; min-height: 100px; max-height: 88px;max-width:none; } */
				.nav-item .flyout .featured-posts h2 { font-size: 21px; line-height: 25px }

			.nav-item .flyout .featured-posts ul { clear: left; padding-top: 15px }
				.nav-item .flyout .featured-posts li { padding-left: 10px; position: relative; font-size: 18px; margin-bottom: 15px }
					.nav-item .flyout .featured-posts li:before { content: ''; display: block; width: 6px; height: 6px; background-image: url(/images/assets/bullets.png?v=2); background-size: cover; position: absolute; top: 4px; left: 0 }
						.nav-item.lists-and-reviews .flyout .featured-posts li:before { background-position: 0 0 }
						.nav-item.authors .flyout .featured-posts li:before { background-position: -11px 0 }
						.nav-item.news-and-features .flyout .featured-posts li:before { background-position: -22px 0 }
				
			
			.nav-item .flyout .sub-nav { width: 248px; display: inline-block; vertical-align: top }
				.nav-item .flyout .sub-nav > a { display: block; line-height: 35px; font-size: 18px; margin-bottom: 2px; text-align: right; margin-right: -6px; padding-right: 10px; text-transform: none }
					.nav-item .flyout .sub-nav > a:hover { background: #333 !important; color: #fff; text-decoration: none }
				
					.nav-item.lists-and-reviews .flyout .sub-nav a.sub-nav-1 { background: #f4bd87; margin-top: 2px }
					.nav-item.lists-and-reviews .flyout .sub-nav a.sub-nav-2 { background: #f4c391 }
					.nav-item.lists-and-reviews .flyout .sub-nav a.sub-nav-3 { background: #f3c89b }
					.nav-item.lists-and-reviews .flyout .sub-nav a.sub-nav-4 { background: #f3cea7 }
					.nav-item.lists-and-reviews .flyout .sub-nav a.sub-nav-5 { background: #f4d5b5 }
					.nav-item.lists-and-reviews .flyout .sub-nav a.sub-nav-6 { background: #f3dbc1 }
					.nav-item.lists-and-reviews .flyout .sub-nav a { background: #f5e3cf /* items 7+ */ }
					
					.nav-item.authors .flyout .sub-nav a.sub-nav-1 { background: #8dd0e3; margin-top: 2px }
					.nav-item.authors .flyout .sub-nav a.sub-nav-2 { background: #8dd0e3 }
					.nav-item.authors .flyout .sub-nav a.sub-nav-3 { background: #a6d6e3 }
					.nav-item.authors .flyout .sub-nav a.sub-nav-4 { background: #b4dae4 }
					.nav-item.authors .flyout .sub-nav a.sub-nav-5 { background: #c0dde4 }
					.nav-item.authors .flyout .sub-nav a.sub-nav-6 { background: #cde0e5 }
					.nav-item.authors .flyout .sub-nav a { background: #dbe5e8 /* items 7+ */ }
					
					.nav-item.news-and-features .flyout .sub-nav a.sub-nav-1 { background: #edafdf; margin-top: 2px }
					.nav-item.news-and-features .flyout .sub-nav a.sub-nav-2 { background: #eebde3 }
					.nav-item.news-and-features .flyout .sub-nav a.sub-nav-3 { background: #eec9e6 }
					.nav-item.news-and-features .flyout .sub-nav a.sub-nav-4 { background: #efd6e9 }
					.nav-item.news-and-features .flyout .sub-nav a { background: #f0e2ed /* items 5+ */ }



	a.mobile-load-more { display: none }


		
	#sidebar { display: block; float: right; width: 25.6% /* 27.1 - 1.5 */; padding-left: 1.5%; border-left: 1px solid #d1d1d1 }
		#sidebar h3 { font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px }
			#sidebar h3 a { color: #333 }
		#sidebar hr { clear: both; margin: 20px 0 }

		#sidebar .botysf-shoveler { overflow: hidden; white-space: nowrap; margin-bottom: 10px }
			#sidebar .botysf-shoveler a { display: inline-block; margin-right: 4px }
				#sidebar .botysf-shoveler a img { height: 75px }

		#sidebar .popular-articles li { padding-left: 10px; position: relative; font-size: 14px; margin-bottom: 10px }
			#sidebar .popular-articles li a { color: #333 }			
			#sidebar .popular-articles li:before { content: ''; display: block; width: 6px; height: 6px; background-image: url(/images/assets/bullets.png?v=2); background-size: cover; position: absolute; top: 7px; left: 0 }
				#sidebar .popular-articles li.lists-and-reviews:before { background-position: 0 0 }
				#sidebar .popular-articles li.authors:before { background-position: -11px 0 }
				#sidebar .popular-articles li.news-and-features:before { background-position: -22px 0 }

		#sidebar .post-author { display: block; float: left; width: 48%; margin-right: 2%; margin-bottom: 10px; color: #333; line-height: 15px; vertical-align: middle }
			#sidebar .post-author div { margin-right: 5px; float: left; vertical-align: middle; margin-top: -5px }
			
            #articleContent hr{
                max-width: 550px;margin: auto;margin-bottom:20px;
            }
    div.shop-this-top{
        margin: -15px 0 35px 0;
    }
    #articleContent div.shop-this-top p{
    	font-family: Arial, Helvetica, sans-serif;
    	text-align:center;
    	font-size:.9em;
    	margin:5px 0;
    	max-width: 100%;
    	color:#aaa;
	}  
	
	 #articleContent div.shop-this-top p strong{
    	 color:#000;
	 } 
            
		#articleContent .shop-this h3{ max-width:100%;margin-bottom:10px;font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;font-size:23px;}
		.shop-this {font-family: Arial, Helvetica, sans-serif;max-width: 550px;margin: auto;}
		.shop-this .book { clear: left; float: left;/*max-height: 180px;*/ width:100%}
		.shop-this.shop-this-mid .book { clear:none; width:48%; padding-right: 10px}
		
		    .shop-this.shop-this-mid.shop-one{ width:300px;float:left; margin-left:21%;margin-right:20px;}
		    .shop-this.shop-this-mid.shop-one .book{ width:100%;}
		    
		.shop-this .book .post-thumb { width: 140px; margin-right: 35px; float: left; margin-bottom: 10px; /* background: #f1f1f1 url(/images/assets/image-placeholder.png) 50% 50% no-repeat; */ background-size: 25px; height: 100%; }
		.shop-this.shop-this-mid .book .post-thumb { margin-right: 14px; width:120px }
		.shop-this .book .post-thumb
		.shop-this .book .post-title { /* width: 50%; float: left; */ font-size: 14px;line-height:16px;font-style: italic; }
		    .shop-this.shop-this-mid .book .post-title { font-size: 14px; line-height: 18px;}
			.shop-this .book .post-title a { color: #333 }
			.shop-this .book .post-title:hover { text-decoration: underline }
		.shop-this .book .post-author {/*  width: 48%; float: left;  */color: #247bbd;text-align:left;margin-top:0;margin-bottom:8px; }
			.shop-this .book .post-author:hover { text-decoration: underline }
		.shop-this .book .aui-button.primary { width: 120px; clear: none; float: left; display: inline-block;margin-right:8px; }
		.shop-this.shop-this-mid .book .aui-button.primary { width: 84px; }
			.shop-this .book .aui-button.primary:hover { text-decoration: none }



	
	.is-category #desktop-pagination { display: block; clear: both; margin-bottom: 60px; padding-top: 60px; text-align: center }

			#desktop-pagination a.aui-button { display: inline-block; width: auto; padding: 0 10px; line-height: 30px; font-size: 13px; height: 30px }
				#desktop-pagination a.disabled { background: #fff; border: none; color: #888; cursor: default }
					#desktop-pagination a.disabled:hover { background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
				#desktop-pagination a.selected { background: #fff; border: 1px solid #e77a00; color: #e77a00; cursor: default; font-weight: bold }
					.blue #desktop-pagination a.selected { border-color: #008bb2; color: #008bb2 }
					.pink #desktop-pagination a.selected { border-color: #c953ae; color: #c953ae }
			
	#footer { margin-top: 40px; padding-bottom: 40px }
		#footer #desktop-footer-nav { display: block; margin: 0 5.7%; padding-bottom: 59px; border-bottom: 1px solid #888; margin-bottom: 20px }
			#footer .logo { margin: 40px 0 }
	
			#desktop-footer-nav .column { width: 17.5%; margin-left: 2.5%; display: inline-block; vertical-align: top; text-align: left }
				#desktop-footer-nav .column:first-child { margin-left: 0 }
		
			#desktop-footer-nav h3 { font-weight: bold; text-transform: uppercase; font-size: 18px; padding-top: 6px; border-top: 4px solid #000; margin-bottom: 10px }
				#desktop-footer-nav h3.lists-and-reviews { border-top-color: #e77a00 }
				#desktop-footer-nav h3.authors { border-top-color: #008bb2 }
				#desktop-footer-nav h3.news-and-features { border-top-color: #c953ae }
				#desktop-footer-nav h3:hover { border-top-width: 6px; padding-top: 4px }
				#desktop-footer-nav h3 a:hover { text-decoration: none }
			#desktop-footer-nav a { display: block; margin-bottom: 15px }
			#desktop-footer-nav a.post-author div { display: none }

		#footer .disclaimer { margin-bottom: 0 }






	/* Desktop Article								*/
	.article { float: left; width: 63.1%; margin: 0 4% 60px }
	.article h1, .article .post-author, .article .share { max-width: 768px; margin-left: auto; margin-right: auto; text-align: center }
		.article h1 { font-size: 48px; line-height: 55px; margin-top: 20px }
		.article .post-author { margin-top: 5px }

	.article .share { margin-bottom: 40px }

	.article p { max-width: 550px; }
	
	#articleContent h1, #articleContent h2, #articleContent h3, #articleContent h4, #articleContent h5, #articleContent h6 { margin:auto;max-width: 550px; }
	
	
	#articleContent h1{
    	font-size:24px;
    	line-height:30px;
    	text-align:left;
    	font-weight:bold;
	}

	#articleContent h2{
    	font-size:24px;
    	line-height:30px;
    	font-weight:normal
    	
	}
	
	#articleContent h3{
    	font-size:21px;
    	line-height:25px;
    	font-weight:bold;
	}
	
	#articleContent h4, #articleContent h5, #articleContent h6{
    	font-size:18px;
    	line-height:21px;
    	font-weight:bold;
	}
	

	
	
		#articleContent > p:nth-child(1):first-letter { font-size: 48px; float: left; margin: 10px 3px 10px 0 }
		
	#articleContent li	{
		max-width: 515px;
		margin:auto;
		text-align: left;
	}	
		
	#articleContent ul li	{
		list-style:disc;
	}
	
	#articleContent ol li	{
		list-style:decimal;
	}	

	.article blockquote { max-width: 700px; margin-left: auto; margin-right: auto; padding: 0 10px }

	.article .image-with-caption .caption { font-size: 20px; line-height: 30px; text-align: center; margin-bottom:20px; }

	.whats-next { border-top: 6px solid #d1d1d1; padding-top: 20px }
		.whats-next a { clear: none }
			.whats-next a .post-title:hover { text-decoration: underline }
			.whats-next .one a:hover { text-decoration: none !important }
		.whats-next .one { /* width: 48.5%; float: left; margin-right: 1.5%; border-right: 1px solid #d1d1d1; padding-right: 1.5%; min-height: 250px */ }
			.whats-next .one .post-title { float: left; width: 65% }
			.whats-next .one .post-thumb { width: 30.6%; margin-right: 3.6%; margin-left: 0; height: auto }
				.whats-next .one .post-thumb img { height: auto; max-width: 100% }
		.whats-next .aui-button { height: 30px; line-height: 30px; margin-top: 0; margin-left:30px; }

		.whats-next h4 { clear: none; padding-top: 5px }
		.whats-next .more { float: left; width: 20%; margin-right: 4% }
			.whats-next .more .post-thumb { margin-left: 0; margin-right: 3% }
				
				.whats-next .more .post-thumb img { max-width: 140px; max-height: 80px }
		.next-up-wrapper{width:71%;}
        .next-up{max-width:550px;margin:auto}



	/* Desktop Editor List						*/
	#editor-list { float: left; width: 41.5% }
		#editor-list .editor-post { text-align: left }
			#editor-list .editor-post:first-child { margin-top: 0 }
		#editor-list .editor-post .editor-thumb { height: 250px; position: relative }
			#editor-list .editor-post .editor-thumb img {/* min-height: 250px; position: absolute; */ /* top: -50%  */}
		#editor-list .editor-post h2 { top: 215px }
			#editor-list .editor-post.has-role h2 { top: 185px }
		#editor-list .editor-post .editor-role { top: 220px }



	/* Desktop Editor List						*/
	
	#post-editor { width: 70.4%; float: left }
		#post-editor .post-thumb { max-height: 340px }

		#post-editor .post-quote { max-width: none; font-size: 36px; line-height: 40px }
		#post-editor .post-quote-attribution { max-width: none; font-size: 21px }
		
		#post-editor .post-social { max-width: none; float: right }
		
		#post-editor .post-body { float: left; /* width: 63%; */ width:50%; }
			#post-editor .post-body p { margin-left: 0 }
		
		#post-editor h3 { display: none }
			#post-editor .post-social h3 { display: block }
	
	.is-editor .post-1 { width: 71.7% !important }
		.is-editor .post-1 .post-thumb img { left: 0 !important }
	
	.is-editor > #page > hr { display: block; clear: both; margin-bottom: 20px }





	/* Desktop Grid Reset 							*/
	.post-1, .post-2, .post-3, .post-4, .post-5, .post-6, .post-7, .post-8, .post-9, .post-10, .post-11, .post-12
		{ float: none; margin: 0; padding: 0; clear: left; width: auto; position: relative; min-height: 0 !important }
	.post-1 *, .post-2 *, .post-3 *, .post-4 *, .post-5 *, .post-6 *, .post-7 *, .post-8 *, .post-9 *, .post-10 *, .post-11 *, .post-12 *
		{ /*display: block*/ }
	.post-1 .post-thumb, 
	.post-2 .post-thumb, 
	.post-3 .post-thumb, 
	.post-4 .post-thumb, 
	.post-5 .post-thumb, 
	.post-6 .post-thumb, 
	.post-7 .post-thumb, 
	.post-8 .post-thumb, 
	.post-9 .post-thumb, 
	.post-10 .post-thumb, 
	.post-11 .post-thumb, 
	.post-12 .post-thumb { float: none; width: auto; height: auto; margin: 0; overflow: visible; max-height: none; display: block;text-align: center; }
		.post-1 .post-thumb img, 
		.post-2 .post-thumb img, 
		.post-3 .post-thumb img, 
		.post-4 .post-thumb img, 
		.post-5 .post-thumb img, 
		.post-6 .post-thumb img, 
		.post-7 .post-thumb img, 
		.post-8 .post-thumb img, 
		.post-9 .post-thumb img, 
		.post-10 .post-thumb img, 
		.post-11 .post-thumb img, 
		.post-12 .post-thumb img { width: auto; height: auto; max-width: 100%; max-height: none; }
		
		
		.grid-2 .post-5 .post-thumb img { max-height:190px;  /* max-width:190px; */ width:auto; overflow:hidden;}
		
		.post-4 .post-thumb { max-height:215px;overflow: hidden;}
		.post-8 .post-thumb img { max-height:215px;}
		
	.post-1 .post-category,
	.post-2 .post-category,
	.post-3 .post-category,
	.post-4 .post-category,
	.post-5 .post-category,
	.post-6 .post-category,
	.post-7 .post-category,
	.post-8 .post-category,
	.post-9 .post-category,
	.post-10 .post-category,
	.post-11 .post-category,
	.post-12 .post-category { display: inline-block; margin: 0; text-indent: 0; width: auto; height: auto; border-left: none; border-top-width: 4px !important; border-top-style: solid; padding: 7px 10px; line-height: 15px }
	.post-1 .post-author div,
	.post-2 .post-author div,
	.post-3 .post-author div,
	.post-4 .post-author div,
	.post-5 .post-author div,
	.post-6 .post-author div,
	.post-7 .post-author div,
	.post-8 .post-author div,
	.post-9 .post-author div,
	.post-10 .post-author div,
	.post-11 .post-author div,
	.post-12 .post-author div { display: inline-block }
	.post-1 .post-excerpt,
	.post-2 .post-excerpt,
	.post-3 .post-excerpt,
	.post-4 .post-excerpt,
	.post-5 .post-excerpt,
	.post-6 .post-excerpt,
	.post-7 .post-excerpt,
	.post-8 .post-excerpt,
	.post-9 .post-excerpt,
	.post-10 .post-excerpt,
	.post-11 .post-excerpt,
	.post-12 .post-excerpt { display: block }
	.post-7 a, .post-8 a, .post-9 a, .post-10 a, .post-11 a, .post-12 a { min-height: 0 !important; display: inline }



/* Desktop Category Navigation						*/
	#editor-nav { width: 27.1%; margin-right: 1.5%; margin-bottom: 20px; float: left }	
		#editor-nav h2 { margin: 0; min-height: 105px; font-size: 70px; line-height: 75px }
		#editor-nav h2 div.page { display: inline; color: #333; font-size: 21px; line-height: 25px; vertical-align: middle; text-transform: none; letter-spacing: 0; margin-top: -5px; white-space: nowrap }
			.orange #editor-nav h2 div.page span { color: #704318; font-size: 18px; vertical-align: middle }
			.blue #editor-nav h2 div.page span { color: #13404d; font-size: 18px; vertical-align: middle }
			.pink #editor-nav h2 div.page span { color: #6b245b; font-size: 18px; vertical-align: middle }

			#editor-nav.is-sub-category h2 div.page { display: none }
			
		#editor-nav h2 div.sub-cat { display: none }
	
		#editor-nav a.sub-cat { display: block; margin-bottom: 2px; padding: 0 10px; color: #333; font-size: 20px; line-height: 30px }
			#editor-nav a.sub-cat:hover, 
				#editor-nav a.sub-cat.selected { background: #333 !important; color: #fff !important }
					#editor-nav a.sub-cat.selected:hover { cursor: default }
			
				#editor-nav a.sub-cat.selected div.page { color: #ccc; float: right }
					#editor-nav a.sub-cat.selected div.page span { color: #aaa; font-size: 18px; vertical-align: middle }

			.black #editor-nav a.sub-cat.one { background: #a1a1a1; margin-top: 2px }
			.black #editor-nav a.sub-cat.two { background: #aaa }
			.black #editor-nav a.sub-cat.three { background: #b7b7b7 }
			.black #editor-nav a.sub-cat.four { background: #c4c4c4 }
			.black #editor-nav a.sub-cat.five { background: #d1d1d1 }
			.black #editor-nav a.sub-cat.six { background: #dedede }
			.black #editor-nav a.sub-cat.seven { background: #ececec }
			.black #editor-nav a.sub-cat { background: #f1f1f1 /* items 8+ */; color: #111 }


	/* Desktop Category Navigation						*/
	
		#category-nav h2 { margin: 0; min-height: 105px; font-size: 70px; line-height: 75px }
		#category-nav h2 div.page { display: inline; color: #333; font-size: 21px; line-height: 25px; vertical-align: middle; text-transform: none; letter-spacing: 0; margin-top: -5px; white-space: nowrap }
			.orange #category-nav h2 div.page span { color: #704318; font-size: 18px; vertical-align: middle }
			.blue #category-nav h2 div.page span { color: #13404d; font-size: 18px; vertical-align: middle }
			.pink #category-nav h2 div.page span { color: #6b245b; font-size: 18px; vertical-align: middle }

			#category-nav.is-sub-category h2 div.page { display: none }
			
		#category-nav h2 div.sub-cat { display: none }
	
		#category-nav a.sub-cat { display: block; margin-bottom: 2px; padding: 0 10px; color: #333; font-size: 20px; line-height: 30px }
			#category-nav a.sub-cat:hover, 
				#category-nav a.sub-cat.selected { background: #333 !important; color: #fff !important }
					#category-nav a.sub-cat.selected:hover { cursor: default }
			
				#category-nav a.sub-cat.selected div.page { color: #ccc; float: right }
					#category-nav a.sub-cat.selected div.page span { color: #aaa; font-size: 18px; vertical-align: middle }
		
			.orange #category-nav { background: #e77a00;}
			.orange #category-nav a.sub-cat.two { background: #f4c391 }
			.orange #category-nav a.sub-cat.three { background: #f3c89b }
			.orange #category-nav a.sub-cat.four { background: #f3cea7 }
			.orange #category-nav a.sub-cat.five { background: #f4d5b5 }
			.orange #category-nav a.sub-cat.six { background: #f3dbc1 }
			.orange #category-nav a.sub-cat { background: #f5e3cf /* items 7+ */ }
			
			.blue #category-nav { background: #008bb2; }
			.blue #category-nav a.sub-cat.two { background: #8dd0e3 }
			.blue #category-nav a.sub-cat.three { background: #a6d6e3 }
			.blue #category-nav a.sub-cat.four { background: #b4dae4 }
			.blue #category-nav a.sub-cat.five { background: #c0dde4 }
			.blue #category-nav a.sub-cat.six { background: #cde0e5 }
			.blue #category-nav a.sub-cat { background: #dbe5e8 /* items 7+ */ }
			
			.pink #category-nav  { background: #c953ae; }
			.pink #category-nav a.sub-cat.two { background: #eebde3 }
			.pink #category-nav a.sub-cat.three { background: #eec9e6 }
			.pink #category-nav a.sub-cat.four { background: #efd6e9 }
			.pink #category-nav a.sub-cat { background: #f0e2ed /* items 5+ */ }

			.black #category-nav { background: #a1a1a1; }
			.black #category-nav a.sub-cat.two { background: #aaa }
			.black #category-nav a.sub-cat.three { background: #b7b7b7 }
			.black #category-nav a.sub-cat.four { background: #c4c4c4 }
			.black #category-nav a.sub-cat.five { background: #d1d1d1 }
			.black #category-nav a.sub-cat.six { background: #dedede }
			.black #category-nav a.sub-cat.seven { background: #ececec }
			.black #category-nav a.sub-cat { background: #f1f1f1 /* items 8+ */; color: #111 }


	/* Desktop Grid 1 							*/
	.grid-1 .post-1 { padding-bottom: 19px; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px }
	
	
	
		.grid-1 .post-1 .post-category { display: inline-block; vertical-align: top; top: -4px; left: -3px; position: absolute }
		.grid-1 .post-1 .post-thumb { float: left;  width: 34.3%; margin-right: 1.5%; max-height: 300px; /* overflow: hidden */ }
		
		.grid-1 .post-1 .post-thumb img { min-height: 100%;  max-height: 300px;  }
		
		.grid-1 .post-1 h2 { float: left;  width: 34.3%; margin-right: 1.5%; vertical-align: top }
		.grid-1 .post-1 .post-author { float: left; width: 34.3%; margin-right: 1.5%; margin-bottom: 20px }
		.grid-1 .post-1 .post-excerpt { float: left; width: 34.3%; margin-right: 1.5% }
		.grid-1 .post-1 .second-image { display: block; float: right; width: 19.9%; margin-right: 5.9% }
			.grid-1 .post-1 .second-image img { max-height: 300px }


	.grid-1 .post-1-no-hero { width: 71.6%; padding-bottom: 19px; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px;float:left; }
	

		.grid-1 .post-1-no-hero .post-category {  /* position: absolute; */float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-1 .post-1-no-hero .post-thumb { float: left;  /*width: 69.2%; */ /* width: 23.2%;  */ margin-right: 2.2%; max-height: 300px; overflow: hidden }
		
		.grid-1 .post-1-no-hero .post-thumb img { max-height:200px; }

        .grid-1 .post-1-no-hero .post-excerpt { display:block; }
        
        
	
	.grid-1 .post-2 { width: 19.9%; float: left; vertical-align: top; padding-right: 1.5%; margin-right: 1.5%; border-right: 1px solid #d1d1d1; border-bottom: none; padding-bottom: 20px; margin-bottom: 20px }
		.grid-1 .post-2 .post-category { float: left; margin-bottom: 10px; margin-left: -3px }
		.grid-1 .post-2 h2 { float: left;/*  width: 63% */ }
/* 		.grid-1 .post-2 .post-thumb { float: left; width: 28.1%; margin-right: 8%; clear: left } */
		
		.grid-1 .post-2 .post-thumb { text-align:left; margin-bottom:15px; max-height:200px; }
		
		.grid-1 .post-2 .post-thumb img{ max-height:200px; }

		
		
		
		.grid-1 .post-2 .post-author { float: left; margin-bottom: 10px }
		.grid-1 .post-2 .post-excerpt { float: left }
		
	.grid-1 .post-3 { width: 48.7%; float: left; clear: none; padding-bottom: 19px; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px }
		.grid-1 .post-3 .post-category { margin-bottom: 10px; margin-left: -3px }
		.grid-1 .post-3 .post-thumb { float: right; width: 26.3%; margin-left: 3.3% }
		
		.grid-1 .post-3 .post-thumb img { max-height: 190px; }
		
		
		.grid-1 .post-3 .post-excerpt { float: left; width: 70% }
		
	.grid-1 .post-4 { width: 48.7%; float: left; clear: none; padding-bottom: 20px; border-bottom: none; margin-bottom: 20px }
		.grid-1 .post-4 .post-category {  /* position: absolute; */float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-1 .post-4 .post-thumb { float: left; /* width: 38.8%; */ max-width: 21%; margin-right: 3.3% }
		.grid-1 .post-4 .post-excerpt { /* display: none */ }
	
	.grid-1 .post-5 { width: 71.6%; padding-bottom: 19px; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px;float:left; }
	
	
		.grid-1 .post-5:before { content: ''; display: block; height: 1px; border-top: 1px solid #d1d1d1; width: 100%; position: absolute; top: -20px; left: 0; clear: none }
		.grid-1 .post-5 .post-category {  /* position: absolute; */float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-1 .post-5 .post-thumb { float: left;  /*width: 69.2%; */ /* width: 23.2%;  */ margin-right: 2.2%; max-height: 300px; overflow: hidden }
		
		.grid-1 .post-5 .post-thumb img { max-height:200px; }
		
		
	.grid-1 .post-6 { width: 19.9%; float: left; vertical-align: top; padding-right: 1.5%; margin-right: 1.5%; border-right: 1px solid #d1d1d1; border-bottom: none; padding-bottom: 20px; margin-bottom: 20px }
		.grid-1 .post-6 .post-category { float: left; margin-bottom: 10px; margin-left: -3px }
		.grid-1 .post-6 h2 { /* float: left; width: 63% */ }
/* 		.grid-1 .post-6 .post-thumb { float: left; width: 28.1%; margin-right: 8%; clear: left } */
		.grid-1 .post-6 .post-thumb { text-align:left; margin-bottom:15px; max-height:200px; }
		
		.grid-1 .post-6 .post-thumb img{ max-height:200px; }
		
		.grid-1 .post-6 .post-author { float: left; margin-bottom: 10px }
		.grid-1 .post-6 .post-excerpt { float: left }
		
	.grid-1 .post-7 h2, .grid-1 .post-8 h2, .grid-1 .post-9 h2, .grid-1 .post-10 h2, .grid-1 .post-11 h2, .grid-1 .post-12 h2 { font-size: 28px; line-height: 30px }
		
	.grid-1 .post-7 { width: 48.7%; float: left; clear: none; padding-bottom: 19px; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px }
		.grid-1 .post-7 .post-category { margin-bottom: 10px; margin-left: -3px }
		.grid-1 .post-7 .post-thumb { float: right; width: 26.3%; margin-left: 3.3% }
		.grid-1 .post-7 h2 { width: 70% }
		.grid-1 .post-7 .post-author { display: block }
				
	.grid-1 .post-8 { width: 48.7%; float: left; clear: none; border-bottom: none; margin-bottom: 20px }
		.grid-1 .post-8 .post-category {  /* position: absolute; */float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-1 .post-8 .post-thumb { float: left; max-width: 30%; margin-right: 3.3% }
		.grid-1 .post-8 h2 { float: left; width: 66% }
		.grid-1 .post-8 .post-author { display: block; float: left }
		.grid-1 .post-8 .post-excerpt { float: left; width: 66% }


	.grid-1 .post-9 { width: 35.9%; float: left; clear: left; border-bottom: none; margin-bottom: 20px; border-top: 1px solid #d1d1d1; }
	    .grid-1 .post-9 > div { border-right: 1px solid #d1d1d1;padding: 19px;padding-top:0;margin-top:19px }
		.grid-1 .post-9 .post-category { /* position: absolute; */float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-1 .post-9 .post-thumb { float: left; max-width: 38.8%; margin-right: 3.3% }
		.grid-1 .post-9 h2 { float: left; width: 57% }
		.grid-1 .post-9 .post-author { display: block; float: left; width: 57% }
		.grid-1 .post-9 .post-excerpt { float: left; width: 57% }
		
	.grid-1 .post-10 { width: 34.3%; float: left; clear: none; border-bottom: none; margin-bottom: 20px; border-top: 1px solid #d1d1d1; }
        .grid-1 .post-10 > div { padding: 19px;padding-top:0;margin-top:19px }
		.grid-1 .post-10 .post-category { /* position: absolute; */float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-1 .post-10 .post-thumb { float: left; max-width: 38.8%; margin-right: 3.3% }
		.grid-1 .post-10 h2 { float: left; width: 57% }
		.grid-1 .post-10 .post-author { display: block; float: left; width: 57% }
		.grid-1 .post-10 .post-excerpt { float: left; width: 57% }

/*
	.grid-1 .post-9 { float: right; width: 25.6%; margin: 0px; clear: none; padding-left: 1.5%; border-left: 1px solid #d1d1d1; padding-bottom: 20px }
		.grid-1 .post-9 .post-thumb { display: none }
		.grid-1 .post-9 h2 { margin-top: 10px }
		.grid-1 .post-9 .post-author { display: block }
		.grid-1 .post-9 .post-excerpt { display: none }

	.grid-1 .post-10 { float: right; width: 25.6%; clear: none; border-top: 1px solid #d1d1d1; padding-top: 19px; padding-left: 1.5%; border-left: 1px solid #d1d1d1 }
		.grid-1 .post-10:after { content: ''; display: block; background: #fff; width: 15px; height: 20px; position: absolute; top: -10px; left: 0px }
		
		.grid-1 .post-10 .post-thumb { display: none }
		.grid-1 .post-10 h2 { margin-top: 10px }
		.grid-1 .post-10 .post-author { display: block }
		.grid-1 .post-10 .post-excerpt { display: none }
*/
	
		
		

	.grid-1 .post-11 { float: left; width: 33%; border-top: 1px solid #d1d1d1; padding-top: 19px; padding-right: 1% }
		.grid-1 .post-11 .post-category {  /* position: absolute; */float:left; margin-bottom: 10px; /* top: 16px; */ left: -3px }
		.grid-1 .post-11 .post-thumb { width: 37%; float: left; margin-right: 3.3% }
		.grid-1 .post-11 .post-author { display: block }
		.grid-1 .post-11 h2 { float: left; width: 59% }
		.grid-1 .post-11 .post-excerpt { /* float: right; */ width: 85.7% }

	.grid-1 .post-12 { float: left; width: 34.3%; border-top: 1px solid #d1d1d1; padding: 19px 0 20px; clear: none; padding-left: 19px; border-left: 1px solid #d1d1d1 }
		/* to separate the horizontal and vertical borders */
		.grid-1 .post-12:after { content: ''; display: block; background: #fff; width: 20px; height: 20px; position: absolute; top: 0px; left: -10px }
		 
		.grid-1 .post-12 .post-category {  /* position: absolute; */float:left; margin-bottom: 10px; /* top: 16px; left: 16px */ }
		.grid-1 .post-12 .post-thumb { width: 37%; float: left; margin-right: 3.3% }
		.grid-1 .post-12 .post-author { display: block }
		.grid-1 .post-12 h2 { float: left; width: 59% }
		.grid-1 .post-12 .post-excerpt { /* float: right; */ width: 85.7% }
		
		
		
								/* Is-category Adjustments					*/
/*
								.is-category.grid-1 .post-1 { float: left; clear: none; width: 41.5%; border-bottom: none; margin-bottom: 0 }
									.is-category.grid-1 .post-1 h2,
										.is-category.grid-1 .post-1 .post-author,
										.is-category.grid-1 .post-1 .post-excerpt { width: 62.7% }
									.is-category.grid-1 .post-1 .post-author { margin-bottom: 10px }
									.is-category.grid-1 .post-1 .post-thumb { float: right; width: 33%; margin-right: 0;overflow:hidden; }
										.is-category.grid-1 .post-1 .post-thumb img {  max-width: 100%; position: relative;  }
									.is-category.grid-1 .post-1 .post-category { position: relative }
									.is-category.grid-1 .post-1 .second-image { display: none }
*/
									
									.is-category.grid-1 .post-2 { /* border-top: 1px solid #d1d1d1; padding-top: 19px;  */position: relative }
										/* to separate the horizontal and vertical borders */
										.is-category.grid-1 .post-2:after { content: ''; display: block; background: #fff; width: 30px; height: 40px; position: absolute; top: -20px; right: -10px }

									.is-category.grid-1 .post-3 {/*  border-top: 1px solid #d1d1d1; padding-top: 19px */ }
			
				.is-category.grid-1 .post-1 { float:left; width:70%; padding-bottom: 19px; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px }
		.is-category.grid-1 .post-1 .post-category { display: inline-block; vertical-align: top; top: -4px; left: -3px; /* position: absolute */ }
		.is-category.grid-1 .post-1 .post-thumb { float: left;  width: 47%; margin-right: 1.5%; max-height: 300px; overflow: hidden }
		.is-category.grid-1 .post-1 h2 { float: left;  width: 47%; margin-right: 1.5%; vertical-align: top }
		.is-category.grid-1 .post-1 .post-author { float: left; width: 47%; margin-right: 1.5%; margin-bottom: 20px }
		.is-category.grid-1 .post-1 .post-excerpt { float: left; width: 47%; margin-right: 1.5% }
		.is-category.grid-1 .post-1 .second-image { display: none; float: right; width: 19.9%; margin-right: 5.9% }
			.is-category.grid-1 .post-1 .second-image img { max-height: 300px }
		
		
		
		
		
		
		
	/* Desktop Grid 2 							*/
	.grid-2 .post-1 { float:left; width:70%; padding-bottom: 19px; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px }
		.grid-2 .post-1 .post-category { display: inline-block; vertical-align: top; top: -4px; left: -3px; /* position: absolute */ }
		.grid-2 .post-1 .post-thumb { float: left;  width: 47%; margin-right: 1.5%; max-height: 300px; overflow: hidden }
		.grid-2 .post-1 h2 { float: left;  width: 47%; margin-right: 1.5%; vertical-align: top }
		.grid-2 .post-1 .post-author { float: left; width: 47%; margin-right: 1.5%; margin-bottom: 20px }
		.grid-2 .post-1 .post-excerpt { float: left; width: 47%; margin-right: 1.5% }
		.grid-2 .post-1 .second-image { display: none; float: right; width: 19.9%; margin-right: 5.9% }
			.grid-2 .post-1 .second-image img { max-height: 300px }

	.grid-2 .post-1-no-hero { width: 71.6%; padding-bottom: 19px; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px;float:left; }
	

		.grid-2 .post-1-no-hero .post-category {  /* position: absolute; */float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-2 .post-1-no-hero .post-thumb { float: left;  /*width: 69.2%; */ /* width: 23.2%;  */ margin-right: 2.2%; max-height: 300px; overflow: hidden }
		
		.grid-2 .post-1-no-hero .post-thumb img { max-height:200px; }

        .grid-2 .post-1-no-hero .post-excerpt { display:block; }


	
	.grid-2 .post-2 { float: left; width: 33%; padding-right: 1%; border-bottom: none; margin-bottom: 20px }
		.grid-2 .post-2 .post-category {  /* position: absolute; */float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-2 .post-2 .post-thumb { width: 37%; float: left; margin-right: 3.3% }
		.grid-2 .post-2 .post-author { display: block }
		.grid-2 .post-2 h2 { float: left; width: 59% }
		.grid-2 .post-2 .post-excerpt { float: right; width: 59.7% }

	.grid-2 .post-3 { float: left; width: 34.3%; padding: 0 0 20px; clear: none; padding-left: 19px; border-left: 1px solid #d1d1d1; border-bottom: none; margin-bottom: 20px }
		 
		.grid-2 .post-3 .post-category {  /* position: absolute; */float:left; margin-bottom: 10px; top: -4px; left: 16px }
		.grid-2 .post-3 .post-thumb { width: 37%; float: left; margin-right: 3.3% }
		.grid-2 .post-3 .post-author { display: block }
		.grid-2 .post-3 h2 { float: left; width: 59% }
		.grid-2 .post-3 .post-excerpt { float: right; width: 59.7% }
		
	.grid-2 .post-4 { width: 19.9%; float: left; vertical-align: top; padding-right: 1.5%; border-right: 1px solid #d1d1d1; border-bottom: none; padding-bottom: 20px; margin-bottom: 20px; border-top: 1px solid #d1d1d1; padding-top: 19px }
		.grid-2 .post-4:after { content: ''; display: block; background: #fff; width: 15px; height: 20px; position: absolute; top: 0px; right: -10px }
		
		.grid-2 .post-4 .post-category { float: left; margin-bottom: 10px; margin-left: -3px }
		.grid-2 .post-4 h2 { /* float: left; width: 63% */ }
		.grid-2 .post-4 .post-thumb { /* float: left; */ /* width: 28.1%; *//*  margin-right: 8%; */ /* clear: left */ text-align:left; margin-bottom:15px; max-height:200px; }
		
		.grid-2 .post-4 .post-thumb img{ max-height:200px; }
		
		
		.grid-2 .post-4 .post-author { float: left; margin-bottom: 10px }
		.grid-2 .post-4 .post-excerpt { float: left }
		
		
	.grid-2 .post-5 { width: 48.7%; float: left; clear: none; padding-bottom: 19px; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px; border-top: 1px solid #d1d1d1; padding-top: 19px; padding-left: 1.5% }
		/* to separate the horizontal and vertical borders */
		.grid-2 .post-5:after { content: ''; display: block; background: #fff; width: 20px; height: 20px; position: absolute; bottom: -10px; left: 0px }
		
		.grid-2 .post-5 .post-category { margin-bottom: 10px; margin-left: -3px }
		.grid-2 .post-5 .post-thumb { float: right; width: 26.3%; margin-left: 3.3%; overflow:hidden; }
		
/* 		.grid-2 .post-5 .post-thumb img { width:100%; } */
		
		.grid-2 .post-5 h2 { width: 70% }
		.grid-2 .post-5 .post-author { display: block }
				
	.grid-2 .post-6 { width: 48.7%; float: left; clear: none; border-bottom: none; margin-bottom: 20px; padding-left: 1.5% }
		.grid-2 .post-6 .post-category { /* position: absolute; */float:left; margin-bottom: 10px; top: -4px; left: 2.25%; /* max-width: 20%; */ }
		.grid-2 .post-6 .post-thumb { float: left; max-width: 21%; margin-right: 3.3% }
		.grid-2 .post-6 h2 { float: left; width: 75% }
		.grid-2 .post-6 .post-author { display: block; float: left }
		.grid-2 .post-6 .post-excerpt { float: left; width: 75% }
		
	.grid-2 .post-7 h2, .grid-2 .post-8 h2, .grid-2 .post-9 h2, .grid-2 .post-10 h2, .grid-2 .post-11 h2, .grid-2 .post-12 h2 { font-size: 28px; line-height: 30px }
		
	.grid-2 .post-7 { width: 70.3%; float: left; clear: left; padding-bottom: 19px; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px; border-top: 1px solid #d1d1d1; padding-top: 19px }
		.grid-2 .post-7 .post-category { margin-bottom: 10px; margin-left: -3px }
		.grid-2 .post-7 .post-thumb { float: right; width: 26.3%; margin-left: 3.3%; max-height: 200px; overflow: hidden }
			.grid-2 .post-7 .post-thumb img { position: relative; top: 50%; height: 200px; }
		.grid-2 .post-7 h2 { width: 70% }
		.grid-2 .post-7 .post-author { display: block }
				
	.grid-2 .post-8 { width: 34.3%; float: left; clear: none; border-bottom: none; margin-bottom: 20px; border-right: 1px solid #d1d1d1; padding-right: 1.5%; margin-right: 1.5% }
		.grid-2 .post-8 .post-category { /* position: absolute; */float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-2 .post-8 .post-thumb { float: left; max-width: 38.8%; margin-right: 3.3% }
		.grid-2 .post-8 h2 { float: left; width: 57% }
		.grid-2 .post-8 .post-author { display: block; float: left; width: 57% }
		.grid-2 .post-8 .post-excerpt { float: left; width: 57% }
		
	.grid-2 .post-9 { width: 34.3%; float: left; clear: none; border-bottom: none; margin-bottom: 20px }
		.grid-2 .post-9 .post-category { /* position: absolute; */float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-2 .post-9 .post-thumb { float: left; max-width: 38.8%; margin-right: 3.3% }
		.grid-2 .post-9 h2 { float: left; width: 57% }
		.grid-2 .post-9 .post-author { display: block; float: left; width: 57% }
		.grid-2 .post-9 .post-excerpt { float: left; width: 57% }


	.grid-2 .post-10 { width: 35.9%; float: left; clear: left; border-bottom: none; margin-bottom: 20px; border-top: 1px solid #d1d1d1; }
	    .grid-2 .post-10 > div { border-right: 1px solid #d1d1d1;padding: 19px;padding-top:0;margin-top:19px }
		.grid-2 .post-10 .post-category { /* position: absolute; */float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-2 .post-10 .post-thumb { float: left; max-width: 38.8%; margin-right: 3.3% }
		.grid-2 .post-10 h2 { float: left; width: 57% }
		.grid-2 .post-10 .post-author { display: block; float: left; width: 57% }
		.grid-2 .post-10 .post-excerpt { float: left; width: 57% }
		
	.grid-2 .post-11 { width: 34.3%; float: left; clear: none; border-bottom: none; border-top: 1px solid #d1d1d1; margin-bottom: 20px }
	    .grid-2 .post-11 > div { padding: 19px; }
		.grid-2 .post-11 .post-category { /* position: absolute; */float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-2 .post-11 .post-thumb { float: left; max-width: 38.8%; margin-right: 3.3% }
		.grid-2 .post-11 h2 { float: left; width: 57% }
		.grid-2 .post-11 .post-author { display: block; float: left; width: 57% }
		.grid-2 .post-11 .post-excerpt { float: left; width: 57% }
				
		

/*
	.grid-2 .post-10 { float: left; width: 33.2%; margin: 0px; clear: none; padding-left: 1.5%; border-top: 1px solid #d1d1d1; padding-bottom: 20px }
		.grid-2 .post-10 .post-thumb { float:left; margin-right:20px;}
		.grid-2 .post-10 .post-thumb img { max-height:215px;}
		.grid-2 .post-10 h2 { margin-top: 10px; width: 100% }
		.grid-2 .post-10 .post-author { display: block }
		.grid-2 .post-10 .post-excerpt { float:left;width:67% }

	.grid-2 .post-11 { float: left; width: 33%; clear: right; border-top: 1px solid #d1d1d1; padding-top: 19px; padding-left: 1.5%; border-left: 1px solid #d1d1d1; padding-bottom: 20px; margin-top:-104px;margin-left:16px;}
				.grid-2 .post-11:after { content: ''; display: block; background: #fff; width: 15px; height: 20px; position: absolute; top: -10px; left: 0px }
		
		.grid-2 .post-11 .post-thumb {  float:left;margin-right:20px; }
		.grid-2 .post-11 .post-thumb img { max-height:215px;}
		.grid-2 .post-11 h2 { margin-top: 10px; width: 100% }
		.grid-2 .post-11 .post-author { display: block }
		.grid-2 .post-11 .post-excerpt {float: left; width: 57% }
*/

	.grid-2 .post-12 { float: right; width: 25.6%; clear: right; border-top: 1px solid #d1d1d1; padding-top: 19px; padding-left: 1.5%; border-left: 1px solid #d1d1d1; margin-bottom: 60px }

		.grid-2 .post-12:after { content: ''; display: block; background: #fff; width: 15px; height: 20px; position: absolute; top: -10px; left: 0px }
		
		.grid-2 .post-12 .post-thumb { display: none }
		.grid-2 .post-12 h2 { margin-top: 10px; width: 100% }
		.grid-2 .post-12 .post-author { display: block }
		.grid-2 .post-12 .post-excerpt { display: none }

		
		
		
		
		/* Is-category Adjustments					*/
		.is-category.grid-2 .post-1 { float: left; clear: none; width: 19.9%; border-bottom: none; margin-bottom: 20px; margin-right: 1.5%; padding-right: 1.5%; border-right: 1px solid #d1d1d1 }
			.is-category.grid-2 .post-1 h2,
				.is-category.grid-2 .post-1 .post-author,
				.is-category.grid-2 .post-1 .post-excerpt { width: 100% }
			.is-category.grid-2 .post-1 .post-thumb { float: none; width: 100%; margin-right: 0; margin-bottom: 10px }
				.is-category.grid-2 .post-1 .post-thumb img { height: 500px; max-width: none; position: relative; left: -50% }
			.is-category.grid-2 .post-1 .post-category {  /* position: absolute; */float:left; margin-bottom: 10px; top: -3px; left: -4px }
			.is-category.grid-2 .post-1 .second-image,
				.is-category.grid-2 .post-1 .post-excerpt { display: none }
			.is-category.grid-2 .post-1 .post-author { margin-bottom: 0 }
		
		.is-category.grid-2 .post-2 { float: left; clear: none; width: 19.9%; border-bottom: none; margin-bottom: 20px }
			.is-category.grid-2 .post-2 h2,
				.is-category.grid-2 .post-2 .post-author,
				.is-category.grid-2 .post-2 .post-excerpt { width: 100% }
			.is-category.grid-2 .post-2 .post-thumb { float: none; width: 100%; margin-right: 0; margin-bottom: 10px; height: 300px; overflow: hidden }
				.is-category.grid-2 .post-2 .post-thumb img { max-height: 500px; max-width: none }
			.is-category.grid-2 .post-2 .post-category {  /* position: absolute; */float:left; margin-bottom: 10px; top: -3px; left: -4px }
			.is-category.grid-2 .post-2 .second-image,
				.is-category.grid-2 .post-2 .post-excerpt { display: none }
			
		.is-category.grid-2 .post-3 { float: left; width: 25.6%; clear: left; border-left: 0; padding-left: 0; margin-top: -65px; padding-right: 1.5%; border-right: 1px solid #d1d1d1 }	
			.is-category.grid-2 .post-3 .post-thumb,
				.is-category.grid-2 .post-3 .post-excerpt { display: none }
			.is-category.grid-2 .post-3 .post-category { width: auto; /* position: initial; */ float:left; margin: -3px 0 10px -4px }
			.is-category.grid-2 .post-3 h2 { width: 100% }
			.is-category.grid-2 .post-3 .post-author { width: 100%; clear: left }
			
				

		
		
		
		
			
			
}


/* Desktop Search Results */

#mobile-search-holder { display: none; width: 300px; position: relative; height:32px; }
	#mobile-search-holder img { position: absolute; top: 10px; left: 10px; height: 12px }
	#mobile-search-holder #search { padding-left: 25px; height:32px; }
	#mobile-search-holder .aui-button-search { display: none; position: absolute; top: 3px; right: 2px }

.search-results-heading{
	font-size:44px;margin:60px 0 40px 0;color:#888888;letter-spacing: -0.5px;font-weight:300;
}

ol.search-results{
	float:left;
	width:71%;
	margin-bottom:20px;
/* 	background: #444; */
}

ol.search-results mark{
	background: none;
	font-weight: 700;
/* 	font-style: italic; */
}

ol.search-results li{
	list-style:none;
	border-bottom: 1px solid #d1d1d1;
	margin-top:20px;
	display:block;
}

ol.search-results li:after{
	clear:both;
	content:".";
    visibility: hidden;
    display: block;
}

ol.search-results .count{
	float:left;
	height:inherit;
	color:#888;
	font-size:12px;
}

ol.search-results .post-thumb{
	float:left;
	width:150px;
	overflow: hidden;
	margin-left:12px;
}

ol.search-results .post-thumb img{
	max-width: 150px;
}


ol.search-results .article-overview{
	float:left;
	width:73%;	
	margin-left:22px
}

ol.search-results h2{
	letter-spacing: -0.5px;
	font-size: 28px;
	font-style: normal;
	color:#333;
	font-weight:300;
	line-height:34px;
	
}

ol.search-results h2 a{
	color:#333;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	
}

ol.search-results .post-excerpt{
	font-family: Georgia, serif;
	color:#333;
}	

ol.search-results .post-author{
	margin-top:10px;
}


ol.search-results .post-author:after{
	clear:both;
	content:".";
    visibility: hidden;
    display: block;
    height:5px;
}	


ol.search-results .post-author > div{
	float:left;
	line-height:40px;
}



/* Phone Search Results	 */

@media only screen and (max-width: 650px){

	#mobile-search-holder { display: block; width: 100%; }

	.search-results-heading{
		font-size:30px;
		line-height:34px;
		margin:0 0 10px 0;
	}

	ol.search-results{
		float:none;
		width:100%;
/* 		background: #444; */
	}
	
	
	
	
	ol.search-results .post-thumb{
		width:100px;
		min-height:1px;
	}
	
	ol.search-results .post-thumb img{
		max-width: 100px;
	}
	
	
	ol.search-results .article-overview{
		float:left;
		width:60%;	
		margin-left:22px
	}
	
	ol.search-results h2{
		letter-spacing: -0.5px;
		font-size: 22px;
		font-style: normal;
		color:#333;
		font-weight:300;
		line-height:28px;
		
	}
	
	ol.search-results .post-author{
		margin-top:15px;
	}

	ol.search-results .post-author .avatar{
		display:none;
	}
	
	
	ol.search-results .post-author:after{
	    height:10px;
	}	
	
	
	ol.search-results .post-author > div{
		float:none;
		line-height:0;
	}
}

/* Tablet Search Results */
	
@media only screen and (min-width: 650px) and (max-width: 1024px) {

	#mobile-search-holder { display: block; margin-bottom:40px;}
	
	ol.search-results{
		float:none;
		width:100%;
	/* 	background: #444; */
	}
	
    #articleContent .shop-this h3{ max-width:100%;margin-bottom:10px;font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;font-size:23px;}
		.shop-this {font-family: Arial, Helvetica, sans-serif;max-width: 550px;margin: auto;}
		.shop-this .book { clear: left; float: left;/* max-height: 180px;  */width:100%}
		.shop-this .book .post-thumb { width: 140px; margin-right: 35px; float: left; margin-bottom: 10px; /* background: #f1f1f1 url(/images/assets/image-placeholder.png) 50% 50% no-repeat; */ background-size: 25px; height: 100%; }
		.shop-this .book .post-title { /* width: 50%; float: left; */ font-size: 14px;line-height:16px;font-style: italic; }
			.shop-this .book .post-title a { color: #333 }
			.shop-this .book .post-title:hover { text-decoration: underline }
		.shop-this .book .post-author {/*  width: 48%; float: left;  */color: #247bbd;text-align:left;margin-top:0;margin-bottom:8px; }
			.shop-this .book .post-author:hover { text-decoration: underline }
		.shop-this .book .aui-button.primary { width: 120px; clear: none; float: left; display: inline-block;margin-right:8px; }
			.shop-this .book .aui-button.primary:hover { text-decoration: none }
	
        .next-up-wrapper{width:100%;}
        .next-up{max-width:550px;margin:auto}

}



/* circle loader */


#circleG{
width:79px;
margin:auto;
clear:both;
margin-bottom:15px;
display: none;
height:30px;
}

.circleG{
background-color:#FFFFFF;
float:left;
height:17px;
margin-right:9px;
width:17px;
-moz-animation-name:bounce_circleG;
-moz-animation-duration:0.8999999999999999s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-border-radius:11px;
-webkit-animation-name:bounce_circleG;
-webkit-animation-duration:0.8999999999999999s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-border-radius:11px;
-ms-animation-name:bounce_circleG;
-ms-animation-duration:0.8999999999999999s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-border-radius:11px;
-o-animation-name:bounce_circleG;
-o-animation-duration:0.8999999999999999s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-border-radius:11px;
animation-name:bounce_circleG;
animation-duration:0.8999999999999999s;
animation-iteration-count:infinite;
animation-direction:linear;
border-radius:11px;
}

#circleG_1{
-moz-animation-delay:0.18s;
-webkit-animation-delay:0.18s;
-ms-animation-delay:0.18s;
-o-animation-delay:0.18s;
animation-delay:0.18s;
}

#circleG_2{
-moz-animation-delay:0.42000000000000004s;
-webkit-animation-delay:0.42000000000000004s;
-ms-animation-delay:0.42000000000000004s;
-o-animation-delay:0.42000000000000004s;
animation-delay:0.42000000000000004s;
}

#circleG_3{
-moz-animation-delay:0.5399999999999999s;
-webkit-animation-delay:0.5399999999999999s;
-ms-animation-delay:0.5399999999999999s;
-o-animation-delay:0.5399999999999999s;
animation-delay:0.5399999999999999s;
}

@-moz-keyframes bounce_circleG{
0%{
}

50%{
background-color:#e77a00}

100%{
}

}

@-webkit-keyframes bounce_circleG{
0%{
}

50%{
background-color:#e77a00}

100%{
}

}

@-ms-keyframes bounce_circleG{
0%{
}

50%{
background-color:#e77a00}

100%{
}

}

@-o-keyframes bounce_circleG{
0%{
}

50%{
background-color:#e77a00}

100%{
}

}

@keyframes bounce_circleG{
0%{
}

50%{
background-color:#e77a00}

100%{
}

}

#four-o-four{
    width:550px;
    margin:120px auto 200px auto;
    float:none;
}

#four-o-four h1{
    font-size: 44px;
    margin: 60px 0 40px 0;
    color: #888888;
    letter-spacing: -0.5px;
    font-weight: 300;
    text-align:center;
}

#four-o-four p{
    color:#888888
}


@media only screen and (min-width: 1210px) and (max-width: 1250px) {
    
    #logo img{
        max-width:413px;
    }    
    
}

@media only screen and (min-width: 1175px) and (max-width: 1209px) {
    
    #logo img{
        max-width:373px;
    }    
    
}

@media only screen and (min-width: 1135px) and (max-width: 1174px) {
    
    #logo img{
        max-width:337px;
    }    
    
}


@media only screen and (min-width: 1100px) and (max-width: 1134px) {
    
    #logo img{
        max-width:295px;
    }    
    
}

@media only screen and (min-width: 1100px) and (max-width: 1134px) {
    
    #logo img{
        max-width:295px;
    }    
    
}

@media only screen and (min-width: 1060px) and (max-width: 1099px) {
    
    #logo img{
        max-width:255px;
    }    
    
}

@media only screen and (min-width: 1060px) and (max-width: 1099px) {
    
    #logo img{
        max-width:255px;
    }    
    
}

@media only screen and (min-width: 1024px) and (max-width: 1059px) {
    
    #logo img{
        max-width:228px;
    }    
    
}


@media only screen and (min-width: 1024px) and (max-width: 1188px) {
    .nav-item .flyout{
        width:507px;
        right: -113px;
    }

    .nav-item .flyout .featured-posts{
        width: 185px;
    }
}

    				#comment-form{
        				display:none;
    				}
    				
    				#comment-form label{
                        display: block;
                        margin-bottom: 5px;
    				}
    				
    				#comment-form input[type=text]{
        				width: 100%;
                        height: 30px;
                        border: 1px solid #ccc;
                        padding:0 4px;
                        border-radius: 4px;
    				}
    				
    				#comment-form textarea{
        				width: 100%;
                        height: 60px;
                        border: 1px solid #ccc;
                        border-radius: 4px;
                        padding:4px;
    				}
    				
    				#comment-form table{
        				max-width: 550px;
        				width: 550px;
                        margin-bottom: 15px;
                        padding: 0 10px;
                        margin-left: auto;
                        margin-right: auto;    				
                    }
                    
                    @media only screen and (max-width: 650px){
                        #comment-form table{
                            width:91%!important;
                        }
                        
                        #comment-form table td{
                            box-sizing: border-box;
                        }
                        
                        #comment-form textarea{
                            width:97%;
                        }
                    }
                    
                    a.right{
                        float:right;
                    }
                    
                    #comments{
                        font-family:'Open Sans Condensed', Arial, Helvetica, sans-serif;
                    }
                    
                    .comment-entry p{
                        margin-top:0;
                        margin-bottom:0;
                        padding-top:10px;
                        padding-bottom:10px;
                    }
                    
                    .comment-entry p.small{
                        font-size:12px;
                        padding-top:0;
                    }
                    
                    .comment-entry:nth-child(odd) p{
                        background-color: whiteSmoke;
                    }
                    
                    #comment-preview{
                        display:none!important;
                    }
                    
                    #comment-complete, #comment-error, #comment-preview-confirmation, #comment-captcha{
        				max-width: 550px;
        				width: 550px;
                        margin-bottom: 15px;
                        padding: 0 10px;
                        margin-left: auto;
                        margin-right: auto;                           
                    }
#mask{
            	position:fixed;
            	width:100%;
            	height: 100%;
            	background-color: rgba(0,0,0,.7);
            	z-index:9990;
        	}
        	#modal-sign-up{
            	max-width: 96%;
            	width:570px;
            	position:fixed;
            	z-index:9991;
            	left:50%;
            	margin-left:-285px;
            	top:120px;
            	background-color: #fff;
            	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
        	}
        	
        	.modal-sign-up__header{
            	background-color: #e77a00;
            	height:35px;
            	position: relative;
            	box-sizing: border-box;
        	}
        	
        	.modal-sign-up__header h3{
            	color:#fff;
            	
            	font-size:18px;
            	line-height:35px;
            	margin-left:9px;
        	}
        	
        	#dismiss-modal-sign-up{
                display: block;
                position:absolute;
                right:10px;
                top:8px;	
        	}
        	
        	#dismiss-modal-sign-up img{
            	width:17px;
        	}
        	
        	.modal-sign-up__logo{
            	text-align: center;
            	padding-top:30px;
            	border-bottom:3px solid #d9d9d9;
        	}
        	
        	.modal-sign-up__logo img{
            	width:450px;
            	vertical-align: bottom;
        	}
        	
        	.modal-sign-up__body{
            	padding:30px 50px;
            	position: relative;
        	}
        	
        	.modal-sign-up__body p{
            	font-size:18px;
            	line-height: 22px;
            	padding:0 30px 24px 30px;
        	}
        	
        	.modal-sign-up__body hr{
            	bottom:0;
            	border:none;
            	height:1px;
            	background-color: #d9d9d9;
            	width:100%;
        	}
        	.modal-sign-up__footer{
            	text-align: center;
            	padding-bottom:30px;
        	}
        	
        	.modal-sign-up__footer a{
            	display: block;
        	}
        	
        	@media only screen and (max-width : 570px) {
                #modal-sign-up{
                    margin-left:2%;
                    left:0;    
                }
                .modal-sign-up__body{
                    padding: 30px 15px;
                }
                .modal-sign-up__logo{
                    width: 80%;
                }
            }
/* ph=1 */