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 navigation */
#category-nav { 
    width: initial;
	padding: 8px;
	display: inline-block;
	margin: 10px 0 14px 14px;
	color: white;
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-size: 35px;
	font-weight: 100;
	line-height: 35px;
	background: #a1a1a1;
	text-transform: uppercase;
}
#author-page-heading {
    margin-left: 19px;
}

.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 }

/* Footer*/
#footer { clear: both; margin: 40px 0px 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-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: #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(icons/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 }
	.black #editor-nav h2 div.sub-cat { color: #aaa }
		
	#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 }
	#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 }
	.black #category-nav h2 div.sub-cat { color: #aaa }
		
	#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 }
	#category-nav a.sub-cat { display: none }

.post-tease.post-1 .post-thumb { margin:0px auto 5px auto; max-height: 250px !important; max-width: 40% !important; overflow: hidden; }
.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, .post-13 .post-thumb, .post-14 .post-thumb,
.post-15 .post-thumb { float: right; 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, .post-13 .post-thumb img, .post-14 .post-thumb img,
.post-15 .post-thumb img { height: 150px; max-width: none }

.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, .post-13 .post-category, .post-14 .post-category,
.post-15 .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,.post-13.well-said .post-category,.post-14.well-said .post-category,
.post-15.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,.post-13 .post-author,.post-14 .post-author,
.post-15 .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, .post-13 .post-author div, .post-14 .post-author div,
.post-15 .post-author div { 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; }
	#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 }
	
/* 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(icons/share-sprite.png); }
			.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: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 { 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; 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-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;
	}
	.post-tease {
		padding: 0 8px 8px;
	}
	.post-tease .post-thumb {
		margin: 0px;
		padding: 10px 0px 0px;
		max-width: 45%;
	}
	.post-tease .post-thumb img {
	    max-width: 100% !important;
    	max-height: 150px !important;
    	height: auto !important;
    	width: auto !important;
	}
	.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; }

	.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 { 
		width: 80px; 
		text-align: center;
		padding-left: 10px;
	}
	
	#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; width:100%}
		.shop-this .book .post-thumb { width: 140px; margin-right: 35px; float: left; margin-bottom: 10px; background-size: 25px; height: 100%; }
		.shop-this .book .post-title {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 {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;
	}
	.clear-all:after {display:none;}

	#desktop-pagination {width:80px; padding-left:15px;}

	#header #logo { width: 500px; max-width: 55% }
	
	.post-tease.post-2, .post-tease.post-3, .post-tease.post-5 {margin-left:10px}
	.post-tease.well-said { width: 48% }
	.post-tease { width: 48%; float: left; }
	.post-3, .post-5, .post-6, .post-9, .post-10, .post-11, .post-12, .post-13, .post-14, .post-15 {border-top:1px solid #d1d1d1; }
	.post-tease.post-1, .post-tease.post-4 {border-right: 1px solid #d1d1d1; margin-left:1%}
	.post-4 .tease { border-top:1px solid #d1d1d1;}
	.post-8 { border-left: 1px solid #d1d1d1; padding-left:10px;}
	.post-10 .tease, .post-12 .tease, .post-14 .tease { border-left:1px solid #d1d1d1; margin-top:10px; padding-left:10px}
	.post-tease.post-6 {width: 97%; border-bottom: 1px solid #d1d1d1; margin-left:1%;}
	.post-tease.post-8, .post-tease.post-10, .post-tease.post-12 {padding-bottom:80px;}
	.post-tease.post-9, .post-tease.post-11, .post-tease.post-13, .post-tease.post-15 {margin-left:1%; margin-right:1%; width:47%;}
	
	.post-tease .post-thumb { margin: 0px; max-height:170px; max-width:33%; height:auto !important;}
	.post-tease .post-thumb img { height: auto; width: auto !important; max-height:170px; max-width:100%; }
	.offset .post-tease:nth-child(2n) { float: left }
	
	.offset .post-5 { float: right }
	
	#category-nav {display: block; margin-left: 15px; width:38%; text-align: center;}
	#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 }
	.tease {padding:10px; margin-right:10px;}
	.post-7 { clear: both; margin-left: 1%;}
	
	.grid-1.is-editor .post-11 { clear: left }
	
	.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 }
	.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;}
	
	/* 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*/
#desktop-search-holder { display: none;}
@media only screen and (min-width: 1025px) {

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

	#hamburger { display: none }
	#header #logo { width: 40% }
	
	#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: none; 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 .aui-button-search { position: absolute; top: 3px; right: 2px;z-index:3; }

	.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 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(icons/bullets.png); 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%; padding-right:1%; padding-left: 1%; 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: 10px;
            }
    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: 220px;*/ 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; background-size: 25px;}
		.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 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, .post-13, .post-14, .post-15
		{ float: none; margin: 0; padding: 0; clear: left; width: auto; position: relative; min-height: 0 !important }
    
    .post-tease .tease .post-thumb { float: none; width: auto; height: auto; margin: 0; overflow: visible; max-height: none; display: block;text-align: center; }
    
    .post-tease .tease .post-thumb img { width: auto; height: auto; max-width: 100%; max-height: 250px; }

	.grid-2 .post-tease.post-5 .tease .post-thumb img { max-height:190px;  /* max-width:190px; */ width:auto; overflow:hidden;}
		
	.post-tease.post-4 .tease .post-thumb { max-height:215px;overflow: hidden;}

    .post-tease .tease .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-tease .tease .post-author div { display: inline-block }
	
	.post-tease .tease .post-excerpt { display: block }
	.post-7 a, .post-8 a, .post-9 a, .post-10 a, .post-11 a, .post-12 a, .post-13 a, .post-14 a, .post-15 a { min-height: 0 !important; display: inline }

/* Desktop Editor 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 }


	/* Desktop Grid 1*/
	.grid-1 .post-tease {
	    margin-left: 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; 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 { 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: 46.8%; 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: 46.8%; float: left; clear: none; padding-bottom: 20px; border-bottom: none; margin-bottom: 20px }
		.grid-1 .post-4 .post-category { float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-1 .post-4 .post-thumb { float: left; max-width: 21%; margin-right: 3.3% }
	
	.grid-1 .post-5 { width: 70%; 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 {float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-1 .post-5 .post-thumb { float: left; 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 .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: 46.8%; 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: 46.8%; float: left; clear: none; border-bottom: none; margin-bottom: 20px }
		.grid-1 .post-8 .post-category {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%; 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-top:0; margin-top:19px }
		.grid-1 .post-9 .post-category {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: 33.6%; 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 {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-11 { float: left; width: 33%; border-top: 1px solid #d1d1d1; padding-top: 19px; padding-right: 1% }
		.grid-1 .post-11 .post-category {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: 33.6%; border-top: 1px solid #d1d1d1; padding: 19px 0 20px; clear: none; padding-left: 19px; border-left: 1px solid #d1d1d1 }
		.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 {float:left; margin-bottom: 10px;}
		.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 {width: 85.7% }

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

	.grid-1 .post-14 { float: left; width: 33.6%; border-top: 1px solid #d1d1d1; padding: 19px 0 20px; clear: none; padding-left: 19px; border-left: 1px solid #d1d1d1; padding-bottom: 20px; margin-bottom: 20px; margin-top:10px; }
		.grid-1 .post-14:after { content: ''; display: block; background: #fff; width: 20px; height: 20px; position: absolute; top: 0px; left: -10px }
		.grid-1 .post-14 .post-category {float:left; margin-bottom: 10px;}
		.grid-1 .post-14 .post-thumb { width: 37%; float: left; margin-right: 3.3% }
		.grid-1 .post-14 .post-author { display: block }
		.grid-1 .post-14 h2 { float: left; width: 59% }
		.grid-1 .post-14 .post-excerpt {width: 85.7% }

    .grid-1 .post-15 { width: 71.6%; padding-bottom: 19px; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px;float:left; }
		.grid-1 .post-15:before { content: ''; display: block; height: 1px; border-top: 1px solid #d1d1d1; width: 100%; position: absolute; top: -20px; left: 0; clear: none }
		.grid-1 .post-15 .post-category {float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-1 .post-15 .post-thumb { float: left; margin-right: 2.2%; max-height: 300px; overflow: hidden }
		.grid-1 .post-15 .post-thumb img { max-height:200px; }
		
	
	/* Is-category Adjustments*/
	.is-category.grid-1 .post-2 {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-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; margin-left:10px; }
		.grid-2 .post-1 .post-category { display: inline-block; vertical-align: top; top: -4px; left: -3px;}
		.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 { float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-2 .post-1-no-hero .post-thumb { float: left; 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 > div { padding-left: 19px; }
		.grid-2 .post-2 .post-category { 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 { 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; margin-left: 1%; 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 .post-thumb { 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% }
		.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 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; margin-left:1%; }
		.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 > div { padding: 19px; }
		.grid-2 .post-8 .post-category {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 { 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; margin-left:1%;}
	    .grid-2 .post-10 > div { border-right: 1px solid #d1d1d1; padding-top:0; margin-top:19px }
		.grid-2 .post-10 .post-category { 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 { 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-12 { width: 35.9%; float: left; clear: left; border-bottom: none; margin-bottom: 20px; border-top: 1px solid #d1d1d1; margin-left:1%;}
	    .grid-2 .post-12 > div { border-right: 1px solid #d1d1d1; padding-top:0; margin-top:19px }
		.grid-2 .post-12 .post-category { float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-2 .post-12 .post-thumb { float: left; max-width: 38.8%; margin-right: 3.3% }
		.grid-2 .post-12 h2 { float: left; width: 57% }
		.grid-2 .post-12 .post-author { display: block; float: left; width: 57% }
		.grid-2 .post-12 .post-excerpt { float: left; width: 57% }
		
	.grid-2 .post-13 { width: 34.3%; float: left; clear: none; border-bottom: none; border-top: 1px solid #d1d1d1; margin-bottom: 20px }
	    .grid-2 .post-13 > div { padding: 19px; }
		.grid-2 .post-13 .post-category { float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-2 .post-13 .post-thumb { float: left; max-width: 38.8%; margin-right: 3.3% }
		.grid-2 .post-13 h2 { float: left; width: 57% }
		.grid-2 .post-13 .post-author { display: block; float: left; width: 57% }
		.grid-2 .post-13 .post-excerpt { float: left; width: 57% }
		
	.grid-2 .post-14 { width: 35.9%; float: left; clear: left; border-bottom: none; margin-bottom: 20px; border-top: 1px solid #d1d1d1; margin-left:1%;}
	    .grid-2 .post-14 > div { border-right: 1px solid #d1d1d1; padding-top:0; margin-top:19px }
		.grid-2 .post-14 .post-category {float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-2 .post-14 .post-thumb { float: left; max-width: 38.8%; margin-right: 3.3% }
		.grid-2 .post-14 h2 { float: left; width: 57% }
		.grid-2 .post-14 .post-author { display: block; float: left; width: 57% }
		.grid-2 .post-14 .post-excerpt { float: left; width: 57% }
	
	.grid-2 .post-15 { width: 34.3%; float: left; clear: none; border-bottom: none; border-top: 1px solid #d1d1d1; margin-bottom: 20px }
	    .grid-2 .post-15 > div { padding: 19px; }
		.grid-2 .post-15 .post-category {float:left; margin-bottom: 10px; top: -4px; left: -3px }
		.grid-2 .post-15 .post-thumb { float: left; max-width: 38.8%; margin-right: 3.3% }
		.grid-2 .post-15 h2 { float: left; width: 57% }
		.grid-2 .post-15 .post-author { display: block; float: left; width: 57% }
		.grid-2 .post-15 .post-excerpt { float: left; width: 57% }
		
	/* 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 { 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 { 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; 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;
}

ol.search-results mark{
	background: none;
	font-weight: 700;
}

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: none; width: 100%; }

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

	ol.search-results{
		float:none;
		width:100%;
	}

	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%;
	}
	
    #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; background-size: 25px;}
		.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: 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%;
                }
            }