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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;

}

:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}

table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}



html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}


.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}





*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 180%; color: #000; background: #000; overflow-x: hidden; text-rendering: optimizelegibility;}

label{display: block; margin: 0; color: #777; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}
textarea, input{padding: 5px; background: #fff; font-size: 16px; line-height: 180%; font-family: 'Lato', Helvetica, Arial, sans-serif;}
textarea{width: 100%; padding: 5px; border: 1px solid #e0e0e0; -webkit-appearance: none;}
input[type=text], input[type=password], input[type=email]{width: 100%; max-width: 460px; padding: 8px; border: 1px solid #e0e0e0; -webkit-appearance: none; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}

input[type=submit], button{padding: 10px 10px; background: #333; border: none; color: #fff; text-transform: uppercase; letter-spacing: 3px; cursor: pointer; -webkit-appearance: none;}
input[type=submit]:hover, button:hover{background: #790101;}

a{color: #790101; text-decoration: none; transition: all .20s ease-in-out;}
a:hover{color: #000;}

strong{font-weight: 700;}

img{max-width: 100%; height: auto;}
iframe, embed, object{max-width: 100%;}

.action-link{display: inline-block; padding: 7px 12px; background: #3E7FB0; color: #fff;}
.action-link:hover{background: #173F52;}

	
	
	.no_bg{background-image: none;}
	.clearboth{clear: both}
	.floatleft{float: left;}
	.floatright{float: right;}
	.floatright{float:right;}
	.no_display{display: none;}
	.opacity_zero{opacity: 0;}



.wp-caption {border: 1px solid #cccccc; text-align: center; background-color: #f0f0f0; padding: 5px 0 10px 5px; margin-bottom: 10px; max-width: 96%;}
.wp-caption.alignleft { margin: 0 10px 10px 0; }
.wp-caption.alignright { margin: 0 0 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 98.5%;}
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption.alignnone {margin: 5px 20px 20px 0;}

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float:left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}

a img.alignright {float:right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float:left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

pre{}

.gallery-item img:hover{opacity:0.4; filter:alpha(opacity=40);  transition: ease-in-out 1s;}
.gallery-caption {margin-left: 0; font-size: 12px; width: 74%;}

small {font-size: 75%;}

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table {border-collapse: collapse; border-spacing: 0;}

em, i {font-style: italic;}

abbr, acronym, dfn {border-bottom: 1px dotted #666;cursor: help;}
address {display: block; margin: 0 0 1.625em;}
ins {text-decoration: none;}



.sticky{}
.bypostauthor{}




#wrapper{position: relative; z-index: 4; -webkit-transform: translateX(-0px); transform: translateX(-0px); transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; box-shadow: 0 0 10px rgba(0, 0, 0, 1);}
#wrapper.open{-webkit-transform: translateX(-276px); transform: translateX(-276px);}

#header-container{padding: 10px 20px; width: 100%; position: fixed; z-index: 6; background: rgba(0, 0, 0, 0.95);}
#header{margin: auto;}

#content-container{padding: 46px 0 0; margin: auto; overflow: hidden; background: #f0f0f0;}
.single #content-container, .page #content-container{background: #fff;}
.custom-background #content-container,.custom-background .single #content-container,.custom-background .page #content-container{ background: transparent; }
#full-width{max-width: 840px;}

#sidebar-container{width: 276px; position: fixed; right: 0px; z-index: 3; display: none; background: #000;}
#sidebar-container.open{display: block;}

#footer-container{padding: 10px 20px; background: #fff; border-top: 1px solid #e0e0e0;}
#footer{overflow: hidden;}






	
	
	.title-container{padding: 80px 20px 160px; margin-bottom: 80px; background-color: #e74c3c; text-align: center; position: relative;}

		.has-title-background .title-container{margin-bottom: 0; text-shadow: 0px 1px 0px rgb(0, 0, 0);}
		.has-title-background .title-container .title{width: 100%; padding: 0 10px 75px; position: absolute; bottom: 10%; left: 0; background: url(/wp-content/themes/premium/the-writer/images/layout/read-more.png) no-repeat bottom; cursor: pointer;}

		
		
		.title-container .post-title{max-width: 840px; margin-bottom: 10px; display: inline-block; color: #790101; font: 400 50px/50px "Gravitas One", Georgia, serif; text-transform: uppercase;}
		.title-container .post-title a{color: #790101;}
		.title-container .post-title a:hover{color: #fff;}
		.has-title-background .title-container .post-title a{color: #fff;}
		
		
		.title-container .post-author{font-size: 12px; line-height: 18px; text-transform: uppercase; color: #fff; letter-spacing: 3px; text-align: center;}
		.title-container .post-author a{color: #fff;}
		.title-container .post-author a:hover{text-decoration: underline;}


	
	
	.category-title-container{padding: 40px 20px; background-color: #e74c3c;}

		
		
		.category-title{display: inline-block; color: #fff; font-size: 20px; line-height: 20px; letter-spacing: 3px; text-transform: uppercase;}
		.category-title a{color: #fff;}
		.category-title a:hover{color: rgba(255, 255, 255, 0.75);}

		
		
		.category-title-container p{max-width: 840px; margin-top: 10px; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.75);}


	
	
	.author-title-container{padding: 40px 20px; background-color: #e74c3c;}

		
		
		.author-title-container .author-image{float: left; max-width: 100px; margin-right: 30px; overflow: hidden;}

		
		
		.author-title-container .author-body{overflow: hidden; max-width: 840px;}
		.author-title-container .author-body .author-name{color: #fff; font-size: 20px; line-height: 20px; letter-spacing: 3px; text-transform: uppercase;}
		.author-title-container .author-body .author-name a{color: #fff;}
		.author-title-container .author-body .author-name a:hover{color: rgba(255, 255, 255, 0.75);}
		.author-title-container .author-body p{margin-top: 10px; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.75);}


	
	
	.section-title{clear: both; margin-bottom: 20px; font-size: 23px; font-weight: lighter;}
	.section-title-404{max-width: 540px; padding: 40px; margin-bottom: 40px; background: #006699 url(/wp-content/themes/premium/the-writer/images/layout/sidebar-bg.png) repeat; color: #fff; font-weight: 900; font-size: 40px; line-height: 50px; text-transform: uppercase;}

	
	
	.action-link{padding: 5px 10px; border: 3px solid #f0f0f0; border-radius: 100px; font-weight: bold; font-size: 12px; color: #000; text-transform: uppercase;}
	.action-link:hover{border-color: #000;}






	
	
	.logo{float: left; color: #fff; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #fff; letter-spacing: 3px;}
	.logo h1{float: left;}
	.logo a{color: #fff;}
	.logo a:hover{color: #ccc;}
	.logo span{color: #595959; font-size: 12px; float: right;}
	.logo .tagline{clear: both; left: 0px; float: left; display: block; padding: 0; margin: 0 0 0; font-size: 10px; color: #777; }
	.logo small{color: #999; float: left; margin-left: 25px; font-size: 16px; line-height: 26px; cursor: pointer;}
	.logo .header-image, .logo .header-text { float: left; }
	.logo img{ margin-right: 15px; max-height: 45px; }

	
	
	#menu-drop-button{float: right; z-index: 5; display: block; width: 80px; margin: 0;}
	#menu-drop-button:hover{color: #fff;}
	#menu-drop-button small { float: left; padding-top: 0px;  font: 400 14px/26px 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #999; }
	#menu-drop-button span.bar-container{ float: right;  display: block; width: 24px; padding-top: 4px;}
	#menu-drop-button span.bar{ display: block; height: 2px; width: 100%; clear: both; margin-bottom: 6px; background-color: #999; }






	
	
	.post-list{margin-bottom: 20px; overflow: hidden; position: relative;}
	.post-list .post{float: left; cursor: pointer;}
	.post-list .book-cover{margin: 20px 0 0 20px; min-height: 550px; background: #fff; position: relative; transition: all .20s ease-in-out;}

	.post-list .book-cover.has-text-shadow{text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.65);}

	.post-list .book-cover .post-image{overflow: hidden; margin: 0; position: relative; overflow: hidden;}
	.post-list .book-cover .post-image img{display: block; transition: all .1s ease-in-out;}
	.post-list .book-cover .post-image img:hover{transform: scale(1.1); -webkit-transform: scale(1.1);}

	.archives-container .post-list .post{width: 32.7%;}

		
		
		.post-list .book-cover .content{padding: 0 30px; position: absolute; bottom: 60px; max-width: 100%;}

		.post-list .book-cover a{color: #333;}
		.post-list .book-cover a:hover{text-decoration: underline;}

		.post-list .book-cover .post-author{display: inline-block; padding: 0 0 5px; margin: 30px 30px; border-bottom: 2px solid rgba(0, 0, 0, 0.2); font-size: 10px; line-height: 15px; text-transform: uppercase; color: rgba(0, 0, 0, 0.65); letter-spacing: 3px; text-align: left; transition: all .20s ease-in-out;}
		.post-list .book-cover .post-author a{color: rgba(0, 0, 0, 0.40);}

		.post-list .book-cover .post-title{padding: 0; font: 400 36px/40px "Gravitas One", Georgia, serif; text-transform: uppercase;}
		.post-list .book-cover .post-title a{color: #595959;}
		.post-list .book-cover .post-title a:hover{text-decoration: none;}

		.post-list .book-cover .excerpt{margin: 30px 0 0; color: rgba(0, 0, 0, 0.40); font-size: 16px; line-height: 26px; max-height: 256px; overflow: hidden; }

		.post-list .book-cover .list-meta{width: 100%; padding: 10px 30px; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.2); font-size: 10px; line-height: 10px; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); letter-spacing: 1px;}

			
			
			.post-list .book-cover.has-cover-background .excerpt{color: rgba(255, 255, 255, 0.80); position: relative;}

			.post-list .book-cover.has-cover-background .post-title a{color: #fff;}

			.post-list .book-cover.has-cover-background .post-author a, .post-list .book-cover.has-cover-background .post-author{color: rgba(255, 255, 255, 0.80);}
			.post-list .book-cover.has-cover-background .list-meta a{color: rgba(255, 255, 255, 0.80);}


	
	
	.pagination{max-width: 120px; margin: 60px auto 0; padding: 0; overflow: hidden; text-align: center;}
	.pagination li{display: inline;}
	.pagination a{display: inline-block; padding: 10px 20px; background: #fff; font-weight: 900; font-size: 16px; color: #000;}
	.pagination a:hover{background: #333; color: #fff;}
	.pagination span{font-size: italic; text-align: center;}
	.page-count{display: block; max-width: 120px; margin: 10px auto 60px; padding: 0; text-transform: uppercase; color: #999; letter-spacing: 3px; font-size: 12px; line-height: 18px; text-align: center;}
	.neverending .pagination , .neverending .page-count{ display: none; }
	#infinite-handle, .infinite-loader {display: none; }
	.neverending .infinite-loader { display: block; clear: both; position: absolute; bottom: 0; left: 50%; top: 15px;}






	
	
	.copy{max-width: 840px; padding: 40px; margin: -180px auto 0; background: #fff; z-index: 2; position: relative; font: 20px/36px Georgia, "Times New Roman", Times, serif; text-align: justify;}

		.has-title-background .copy{margin: 0 auto;}
		.full-width .copy{max-width: 96%;}

	.copy p{margin: 0 auto 35px;}
	.copy ul{list-style: disc; margin: 0 0 40px 35px;}
	.copy ol{list-style: decimal; margin: 0 0 40px 35px;}
	.copy ul ul, .copy ul ol, .copy ol ol, .copy ol ul{margin-bottom: 0;}
	.copy li{margin: 0 0 6px;}

	.copy a{border-bottom: 1px solid #e0e0e0;}
	.copy a:hover{border-color: #999;}

	.copy .feature-list{list-style: none; margin-left: 15px;}

	.copy dl{margin: 0 0 36px;}
	.copy dd{margin-left: 36px;}

	.copy div{margin-bottom: 35px;}

	.copy code, .copy pre{padding: 7px; margin: 0 0 40px 0; background-color: #f0f0f0; border: 1px solid #dadada; overflow-x: auto; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word; text-indent: 0; font-family: 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.3em; color: #000; orphans: 2; text-transform: none; widows: 2;}
	.copy img{display: block; max-width: 98%; height: auto;}

	.copy h1{clear: both; margin-bottom: 25px; font-weight: bold; font-size: 26px;}
	.copy h2{clear: both; margin-bottom: 25px; font-weight: bold; font-size: 22px;}
	.copy h3{clear: both; margin-bottom: 25px; font-weight: bold; font-size: 20px;}
	.copy h4{clear: both; margin-bottom: 25px; font-weight: bold; font-size: 16px;}
	.copy h5{clear: both; display: inline-block; margin-bottom: 25px; border-bottom: 2px solid #777; font-weight: bold; font: 400 12px/18px 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #777;}
	.copy h6{clear: both; margin-bottom: 25px; font-weight: bold; font-size: 12px;}

	.copy table{width: 100%; margin-bottom: 35px; background: #f5f5f5; color: #000; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 16px;}
	.copy table th{padding: 5px 10px; border-bottom: 2px solid #ccc; text-transform: uppercase;}
	.copy table td{padding: 5px 10px; border-bottom: 1px solid #e0e0e0;}
	.copy table a{border: none;}

	.copy blockquote{padding-left: 20px; margin-bottom: 40px; border-left: 5px solid #eee; color: #777;}
	.copy blockquote p:last-child{margin-bottom: 0;}

	.copy iframe{width: 100%;}

	
	
	.gallery {clear: both;}
	.gallery .gallery-item { position: relative; float: left; margin-right: 0; margin-bottom: 3px; border: none; }
	.gallery .gallery-item img, .gallery .gallery-item img:hover { max-width: 98%; }
	.gallery-columns-6 .gallery-item{float: left; width: 16.166667%; margin-right: 0.1%; margin-bottom: 1%; position: relative;}
	.gallery-columns-5 .gallery-item{float: left; width: 19.5%; margin-right: 0.1%; margin-bottom: 1%; position: relative;}
	.gallery-columns-4 .gallery-item{float: left; width: 24.75%; margin-right: 0.1%; margin-bottom: 30px;}
	.gallery-columns-3 .gallery-item{float: left; width: 32.633333%; margin-right: 0.1%; margin-bottom: 30px;}
	.gallery-columns-2 .gallery-item{float: left; width: 49.7%; margin-right: 0.1%; margin-bottom: 30px;}

		
		.gallery .gallery-caption{position: absolute; bottom: 0; left: 0; margin: 0; z-index: 2; padding: 10px 0; width: 100%; background: rgba(0, 0, 0, 0.3); font: 400 10px/10px 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); letter-spacing: 3px; text-align: center; width: 98%;}

		
		.gallery dl, .gallery dt{}

		
		.gallery br+br{}


	
	
	.copy .post-meta:empty{display: none;}
	.copy .post-meta{margin: 50px 0 0; clear: both;}

		
		
		.copy .post-date{margin: 0; padding: 0; border: none; font: 400 12px/18px 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #999; letter-spacing: 3px;}
		.copy .share-button{display: block; float: right; height: 28px; line-height: normal; margin: -5px 0 0;}
		.copy .share-button ul li{height: 46px;}

		
		
		.tags{max-width: 760px; margin: 0 auto 40px; padding: 40px 0 0; border-top: 1px solid #e0e0e0; text-transform: uppercase; font-size: 12px; line-height: 18px; overflow: hidden;}
		.tags li{float: left; margin: 0 1px 1px 0;}
		.tags a{display: inline-block; padding: 4px 10px; background: #f0f0f0; color: #000; font-size: 12px; line-height: 18px;}
		.tags a:hover{background: #333; color: #fff;}


		
		
		.next-prev-post-nav{max-width: 760px; margin: 0 auto 40px; padding: 40px 0 0; border-top: 1px solid #e0e0e0; overflow: hidden;}
		.next-prev-post-nav small{display: block; margin: 0 0 0; padding: 0; text-transform: uppercase; color: #999; letter-spacing: 3px; font-size: 12px; line-height: 18px;}
		.next-prev-post-nav li{float: left; width: 50%; opacity: 0.6; transition: all .20s ease-in-out;}
		.next-prev-post-nav:hover li{opacity: 1;}
		.next-prev-post-nav li:last-child{margin-bottom: 0; text-align: right;}
		.next-prev-post-nav a{display: block; font-weight: 900; font-size: 16px; color: #000;}
		.next-prev-post-nav a:hover{color: #790101;}

		
		
		.inner-post-pagination{font: 400 12px/18px 'Lato', Helvetica, Arial, sans-serif; overflow: hidden; text-transform: uppercase;}
		.inner-post-pagination span{float: left; margin-right: 1px; padding: 4px 10px; background: #f0f0f0;}


	
	
	.author-container{padding: 60px 20px; background: #e74c3c; z-index: 1; position: relative;}
	.author-content{max-width: 760px; margin: auto; overflow: hidden;}
	.author-content .author-image{float: left; max-width: 100px; margin-right: 30px; overflow: hidden;}
	.author-content .author-image img{display: block;}
	.author-content .author-body{overflow: hidden;}
	.author-content .author-name{margin-bottom: 10px; font-size: 20px; line-height: 20px; text-transform: uppercase; color: #fff; letter-spacing: 3px;}
	.author-content .author-name a{color: #fff;}
	.author-content .author-name a:hover{color: #000;}
	.author-content .author-bio{font: 400 16px/26px 'Lato', Helvetica, Arial, sans-serif; color: rgba(255, 255, 255, 0.75);}





#comments{clear: both; background: #f0f0f0; padding: 60px;}
#comments .comments-title{max-width: 760px; margin: auto; margin-bottom: 20px; font-size: 20px; line-height: 30px; text-transform: uppercase; letter-spacing: 3px;}
#comments:empty{display: none;}

.commentlist{max-width: 760px; margin: 0 auto 60px;}

.comment{background: #e5e5e5; color: #595959; padding: 20px; margin: 0 0 5px; position: relative;}
.comment:last-child{border: none;}

.commentlist .avatar{float: left; max-width: 60px; margin-right: 15px;}

.comment-meta{overflow: hidden;}
.comment-meta p{margin-bottom: 26px;}
.comment-meta p:last-of-type{margin-bottom: 0;}
.comment .fn{display: block; padding: 0; margin: 0; color: #000; font-size: 16px; line-height: 26px;}
.comment .fn a{color: #000;}
.comment .fn a:hover{color: #790101;}
.comment .date{display: block; margin-bottom: 5px; color: #999; font-size: 10px; text-transform: uppercase;}
.comment .comment-edit-link{display: block; font-size: 10px; text-transform: uppercase;}
.comment .reply a{padding: 0 5px; background: #f0f0f0; color: #000; position: absolute; top: 0; right: 0; font-size: 10px; text-transform: uppercase;}
.comment .reply a:hover{background: #000; color: #fff;}
#cancel-comment-reply-link { padding: 0 5px; background: #f0f0f0; position: absolute; right: 0; font-size: 10px; text-transform: uppercase; }

	
	
	.commentlist .children{margin-left: 75px; position: relative;}
	.commentlist .children .comment{border-top: 2px solid #d3d3d3;}
	.commentlist .children .comment-author{width: 40px;}

	
	
	.nocomments{padding: 5px 10px; background: #790101; color: #fff; text-align: center;}

	#respond{max-width: 760px; margin: 0 auto 15px !important;}
	#respond #reply-title{margin-bottom: 5px; font-size: 20px; line-height: 30px; text-transform: uppercase; letter-spacing: 3px; font-family: 'Lato', Helvetica, Arial, sans-serif !important;}
	#respond .comment-notes, #respond .logged-in-as{margin-bottom: 20px; color: #999; font-size: 14px;}
	#respond .logged-in-as a{color: #999;}
	#respond .logged-in-as a:hover{color: #777;}

	#respond .required{color: #34495E;}
	#respond p{margin-bottom: 15px;}
	#respond .form-submit{margin: 0;}
	#respond label{color: #333;}
	#respond .form-allowed-tags{margin-bottom: 20px; color: #777; font-size: 12px; line-height: 22px;}
	#respond .form-allowed-tags code{display: block; font-family: "Courier New", Courier, monospace; font-size: 12px; line-height: 22px;}

	
	
	#disqus_thread{max-width: 760px; margin: auto; margin-bottom: 20px; font-size: 20px; line-height: 30px; text-transform: uppercase; letter-spacing: 3px;}





.archives_list li{padding: 20px 0; margin: 0; border-bottom: 1px dotted #ccc; overflow: hidden;}
.archives_list .archive-post-image{float: left; width: 100px; max-height: 100px; margin-right: 20px; position: relative; }
.archives_list .archive-post-image a{display: block; width: 100px; max-height: 100px; overflow: hidden; border-radius: 3px;}
.archives_list .archive-post-image img{display: block; position: relative; width: 100px; height: auto;}

.archives_list .date{background: none; text-align: left; margin: 0; font-size: 12px;}
.archives_list .post-title{font-size: 20px; margin-bottom: 15px;}
.archives_list .comment-count{font-weight: lighter; font-size: 12px; font-weight: 600;}
.archives_list .label{float: right; display: inline-block;}

.archives_list li:first-child{padding-top: 0;}






	
	
	#sidebar-container{font: 400 14px/24px 'Lato', Helvetica, Arial, sans-serif; color: #888;}
	#sidebar-container a{color: #888;}
	#sidebar-container a:hover{color: #fff;}

	
	
	ul#nav{position: relative; padding: 15px 20px 50px; text-transform: uppercase;}
	ul#nav li{font: 400 14px/20px 'Lato', Helvetica, Arial, sans-serif;}
	ul#nav li a{display: block; padding: 5px 0;}

		
		
		ul#nav ul.sub-menu, ul#nav .children{display: block !important; visibility: visible !important; margin-left: 10px; text-transform: none;}
		ul#nav ul.sub-menu li a, ul#nav .children li a{color: #777;}
		ul#nav ul.sub-menu li a:hover, ul#nav .children li a:hover{color: #fff;}


	
	
	#sidebar-container li.widget{padding: 20px 20px 50px;}
	#sidebar-container .widget li{margin-bottom: 5px;}
	#sidebar-container .widget li:last-child{margin-bottom: 0;}


	
	
	.widgettitle{padding: 3px 20px; margin: -20px -20px 10px; font: 400 11px/20px 'Lato', Helvetica, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #ccc;}
	.widgettitle a{color: #999;}
	.widgettitle a:hover{color: #fff;}

	
	
	.content-widget ul{display: block; padding: 2.0408%; clear: both; border-width: 0 1px 1px 1px;}
	.content-widget li a.read-on{float: right; margin: 0 0 0 0;}
	.content-widget li .copy{padding-bottom: 10px;}
	.content-widget li .copy p{margin: 0;}
	.content-widget li img{display: block; width: 100%; height: auto;}
	.content-widget li .post-title{margin: 0;; font-size: 18px; font-weight: bold;}
	.content-widget li .post-image{margin-bottom: 15px;}

	
	
	#searchform{overflow: hidden;}
	#searchform label{display: none;}
	#searchform input[type=text]{float: left; width: 70%; height: 30px; padding: 5px; font-size: 12px; background: #444; color: #fff; border: none;}
	#searchform input[type=submit]{float: right; width: 30%; height: 30px; padding: 0px 10px; background: #e74c3c; border-right: none; text-align: center; color: #fff; font-size: 11px;}
	#searchform input[type=submit]:hover{background: #790101; color: #fff; cursor: pointer;}
	#archives .searchform{margin-bottom: 20px;}

	
	
	a.widget-comment{font-style: italic !important; display: block; font-size: 11px;}


	
	
	.popular_posts p{font-size: 10px; font-style: italic;}
	.popular_posts a{font-weight: 400;}
	.widget_popular_posts li a{display: block;}


	
	
	.twitter-timeline{max-width: 100%;}






	
	
	.footer-text{color: #777; font-size: 10px; line-height: 18px; letter-spacing: 1px; overflow: hidden; text-align: center;}
	.footer-text a{color: #595959;}
	.footer-text a:hover{color: #000;}
	.copyright{display: block; text-transform: uppercase; }
	.obox-credit{display: block;}







.nano { 	position: relative;  width: 100%; height: 100%; overflow: hidden; }
.nano .sidebar-content { position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0; }
.nano .sidebar-content:focus { outline: thin dotted; }
.nano .sidebar-content::-webkit-scrollbar { visibility: hidden; }
.has-scrollbar .sidebar-content::-webkit-scrollbar { visibility: visible; }
.nano > .pane { background: rgba(0,0,0,.25); position: absolute; width: 10px; right: 0; top: 0; bottom: 0; visibility: hidden\9;  opacity: .01; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.nano > .pane > .slider { background: #444; background: rgba(0,0,0,.5); position: relative; margin: 0 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.nano:hover > .pane, .pane.active, .pane.flashed { visibility: visible\9;  opacity: 0.99; }






@media only screen and (max-width: 660px), screen and (max-device-width: 660px){

	
	
	#menu-drop-button{width: 24px; overflow: hidden; text-indent: -999px;}
	.logo small{display: none !important;}

	
	
	.title-container{padding: 20px 10px; margin: 0; text-align: left;}
	.title-container .post-title{margin-bottom: 10px; font-size: 26px; line-height: 36px; font-family: 'Lato', Helvetica, Arial, sans-serif; text-transform: none;}
	.title-container .post-author{text-align: left;}
	.has-title-background .title-container .title{padding: 0 10px; bottom: 10%; background: none;}

	
	
	.author-title-container{padding: 20px 10px;}
	.author-title-container .author-image{display: none;}
	.author-title-container .author-body .author-name{font-size: 16px; line-height: 26px;}
	.author-title-container .author-body p{display: none;}

	
	
	.category-title-container{padding: 20px 10px;}
	.category-title-container .category-title{font-size: 16px; line-height: 26px;}
	.category-title-container p{display: none;}

	
	
	.post-list{padding: 0;}
	.post-list .post{width: auto; position: static; clear: both; float: none;}
	.post-list .book-cover{min-height: 0; margin: 10px;  min-height: 300px}
	.post-list .book-cover .content{padding: 20px 20px 50px; position: static;}
	.post-list .book-cover .post-author{margin: 20px;}
	.post-list .book-cover .post-title{margin: 0; padding: 0; font-size: 26px; line-height: 36px; font-family: 'Lato', Helvetica, Arial, sans-serif; text-transform: none;}
	.post-list .book-cover .excerpt{margin: 20px 0 0; padding: 0; font-size: 14px; line-height: 24px; color: rgba(0, 0, 0, 0.7);}
	.post-list .book-cover .list-meta{padding: 10px 20px;}

	.archives-container .post-list .post{width: 100%;;}

	
	
	.pagination{margin-top: 30px;}
	.page-count{margin-bottom: 30px;}

	
	
	.copy{margin: 0; padding: 20px 10px; font-size: 16px; line-height: 26px; text-align: left;}
	.copy .post-meta{margin: 0;}
	.copy .post-date{clear: both; text-transform: none; font-size: 14px; line-height: 24px; letter-spacing: 0;}

		
		
		.copy p{margin-bottom: 26px;}
		.copy ul{margin-bottom: 26px;}
		.copy ol{margin-bottom: 26px;}
		.copy dl{margin-bottom: 26px;}
		.copy div{margin-bottom: 26px;}
		.copy code, .copy pre{margin-bottom: 26px;}
		.copy h1{margin-bottom: 26px;}
		.copy h2{margin-bottom: 26px;}
		.copy h3{margin-bottom: 26px;}
		.copy h4{margin-bottom: 26px;}
		.copy h5{margin-bottom: 26px;}
		.copy h6{margin-bottom: 26px;}
		.copy table{margin-bottom: 26px;}
		.copy blockquote{margin-bottom: 26px;}

	
	
	.share-button{display: none !important;}

	
	
	.tags{margin: 0 10px 20px; border: none; padding: 0;}

	
	
	.next-prev-post-nav{padding: 0; margin: 0 10px 20px; border-top: none;}
	.next-prev-post-nav li{float: none; width: auto; text-align: left; margin-top: 10px;}
	.next-prev-post-nav li:last-child{text-align: left;}

	
	
	.author-container{padding: 20px 10px;}
	.author-content .author-image{display: none;}
	.author-content .author-bio{font-size: 14px;}

	
	
	#comments{padding: 20px 10px;}
	.commentlist .avatar{display: none;}
	.comment{padding: 10px;}
	.comment .children{margin: 20px 0 0; position: relative; background: rgba(255, 255, 255, 0.9); overflow: hidden;}
	.comment .children .comment{background: none;}
	.comment .children .comment .comment{background: #f0f0f0;}

	
	
	.copyright{margin-bottom: 10px;}

}
	


@media only screen and (max-width: 600px) {
	
	
	.admin-bar #header-container{
		position: relative;
	}

	.admin-bar #header-container.fixed{
		top: 0px !important;
		position: fixed;
	}
}



@media only screen and (max-width: 1024px) and (min-width: 600px) {
	.post-list .book-cover{min-height: 0;}
	.post-list .book-cover .content{position: static; padding: 20px 20px 50px;}
	.post-list .book-cover .post-author{margin: 20px;}
	.post-list .book-cover .post-title{margin: 0; padding: 0; font-size: 26px; line-height: 36px; font-family: 'Lato', Helvetica, Arial, sans-serif; text-transform: none;}
	.post-list .book-cover .excerpt{margin: 20px 0 0; font-size: 14px; line-height: 24px;}
}