/* = written by paul jarvis / www.pjrvs.com ----------------------- 
	
	red				ea4b35
	dark red	c0392b
	greys			242526
						494b4d
						6d7073
						919599
						b6babf
						dae0e5
						e6ecf2
*/









/* = html5 ----------------------- */

::-moz-selection { background: #242526; color: #fff; text-shadow: none; } 
::selection { background: #242526; color: #fff; text-shadow: none; }










/* = structure ----------------------- */

html, body { color: #494b4d; text-align: center; font: 400 15px/1.6 'Merriweather', serif; }

	header, section, footer { margin: 45px auto; max-width: 950px; text-align: left; }
		
		.homeblurb { width: 400px; float: left;}
		.homearticles { width: 500px; float: right; margin-top: -20px; }
	
		article { margin-bottom: 30px; }
		.hasthumb article { float: right; width: 530px; }
		.single-post .wp-post-image, .page .wp-post-image, .single-book .wp-post-image { float: left; margin-top: 5px; }
		.page-template-page-book-php article { width: 440px; margin-right: 30px; float: left; }
		
	#newsletter { background: #fff; color: #000; padding: 15px; text-align: center; margin: 15px auto; }
	
	#booklist { background: #e6ecf2; padding: 15px 0 15px 15px; margin: 0 auto; }
	
	footer { color: #b6babf; }









/* = navigation ----------------------- */

#logo {}

header nav {}
	.menubox { border: 6px solid #e6ecf2; padding: 15px; }
	header nav select { display: none; }
	
	.menu { font: 800 15px/1.3 'Merriweather Sans', sans-serif; float: left; margin-top: 7px; }
	.menu li { display: inline-block; position: relative; padding-right: 30px; }
	.menu li a { text-transform: uppercase; padding: 10px 0 20px 0; }
		.menu li ul { background: #e6ecf2; padding: 15px; position: absolute; top: 40px; left: 0; width: 190px; display: none; }
		.menu li:hover ul { display: block; }
		.menu li li { font-weight: 300; padding: 5px; display: block; }	
		.menu li li a { color: #494b4d; text-transform: none; }	

#pagi { text-align: center; margin: 45px auto; clear: both; width: 100%; }
	#pagi a { padding: 10px 45px; border: 3px solid #e6ecf2; font: 800 13px/1 'Merriweather Sans', sans-serif; text-transform: uppercase; }
	
.filters { margin: 0 auto 45px auto; border-bottom: 3px solid #e6ecf2; line-height: 1; }
	.filters li { display: inline-block; font: 300 13px/1.3 'Merriweather Sans', sans-serif;  }
	.filters a { padding: 5px 15px; color: #919599; display: inline-block; }
	.filters a.active { color: #919599; background: #e6ecf2; padding-bottom: 5px; }
	.filters .nolink { color: #919599; font-weight: 800; }











/* = typography ----------------------- */

h1, h2, h3, h4, h5 { font: 800 15px/1.3 'Merriweather Sans', sans-serif; margin: 15px 0; color: #242526; }

article h1 a, article h2 a, article h3 a, #booklist h3 a, article h4 a, article h5 a { color: #242526; }

h1, h2 { font-size: 47px; letter-spacing: -2px; }
	#logo h1 { font-size: 29px; float: left; }
	#logo h1 a { color: #242526; }
	#logo h1 a:hover { color: #c0392b; }
	h1.post-title { margin: 0 0 30px 0; }
	
h3 { font-size: 23px; letter-spacing: -1px; }
	#logo h3 { font-weight: 300; font-style: italic; color: #b6babf; float: right; }
	#booklist h3 { margin-top: 5px; }
	
h4 { font-size: 29px; letter-spacing: -1px; }

h5 { font-size: 18px; color: #dae0e5; text-transform: uppercase; }

p {}
	article p, article ul, article ol, article blockquote { padding-bottom: 30px; }
	article .excerpt p { padding-bottom: 10px; }
	.single-book article .excerpt p, .home .excerpt p { font-size: 23px; padding-bottom: 30px; line-height: 1.3; }
	#booklist p { padding-right: 15px; }
	.page-template-page-book-php article p { padding-bottom: 0; }
	#newsletter p { font-weight: 400; font-size: 21px; }
	
ul, ol {}
	article ul, article ol { margin-left: 30px; }
	article ul li { padding-bottom: 10px; list-style: circle; }
	article ol li { padding-bottom: 10px; list-style: decimal; }
	
img {}
	article img, .homeblurb img { margin: 0 0 30px 0; max-width: 100%; }
	article .wp-caption img { margin-bottom: 30px; }
	.page-template-page-book-php article img { float: left; width: 190px; margin-right: 15px; }
			
blockquote { font: 400 italic 23px/1.3 'Merriweather Sans', sans-serif; color: #919599; }
	article blockquote p { padding: 0; }
	cite {}

hr { border-top: 3px solid #f0f4f7; max-width: 230px; height: 6px; }

a { color: #ea4b35; -webkit-transition: color .6s ease; -moz-transition: color .6s ease; -o-transition: color .6s ease; transition: color .6s ease; }
a:hover { color: #c0392b; }
	footer small a { color: #6d7073; }
	.ss-icon { color: #ea4b35; }
	#newsletter a { color: #fff; border-bottom: 2px solid #fff; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }
	#newsletter a:hover { opacity: .5; }	

strong { color: #242526; font-weight: 900; }

small { font: 400 13px/1.6 'Merriweather Sans', sans-serif; }










/* = forms ----------------------- */

form {}
	.menubox form { float: right; }
	section form { margin-bottom: 30px; }

	input, select, textarea { background: #f0f4f7; font: 400 15px/1 'Merriweather Sans', sans-serif; padding: 5px; }
		
	::-webkit-input-placeholder { color: #919599; }
	:-moz-placeholder { color: #919599; }
	::-moz-placeholder { color: #919599; }
	:-ms-input-placeholder { color: #919599; }
	
button, .button a, input[type="submit"] { padding: 10px 45px; border: 6px solid #dae0e5; font: 800 15px/1 'Merriweather Sans', sans-serif; text-transform: uppercase; -webkit-transition: border .6s ease; -moz-transition: border .6s ease; -o-transition: border .6s ease; transition: border .6s ease; }
	.button { margin: 15px 0 45px 0; }
	button:hover, .button a:hover, input[type="submit"]:hover { border: 6px solid #6d7073; }

	.homearticles .button { margin-top: 45px; }










/* = common ----------------------- */

.alignleft { position: relative; float: left; margin: 5px 30px 30px 0; text-align: left; }
.alignright { position: relative; float: right; margin: 5px 0 30px 30px; text-align: right; }

.ss-icon { font-size: 29px; }

.meta { text-align: center; color: #919599; font: italic 15px/1 'Merriweather Sans', sans-serif; margin: 30px auto; }

.nextposts { text-align: center; }
	.nextposts ul { margin: 0; }
	.nextposts ul li { list-style: none; padding-bottom: 0; }

.more { color: #b6babf; margin-top: 15px; font-family: 'Merriweather Sans', sans-serif; }
	.more a { font-weight: 800; }
		
.edit a { color: #dae0e5; font-weight: 300; font-style: italic; }

.readmore { color: #b6babf; font: italic 15px/1 'Merriweather Sans', sans-serif; }

#booklist {}
	#booklist img { width: 150px; border: 6px solid #fff; float: left; margin-right: 15px; -webkit-transition: opacity .6s ease; -moz-transition: opacity .6s ease; -o-transition: opacity .6s ease; transition: opacity .6s ease; }
	#booklist img:hover { opacity: .5; }
	#booklist .bookitem, #booklist .bookitem-two { float: left; color: #494b4d; font-size: 13px; }
	#booklist .bookitem:first-child, #booklist .bookitem-two { width: 390px; }









/* = queries ----------------------- */

@media screen and (max-width: 960px) {
	body { padding: 0 15px 45px 15px; }
	
	article { max-width: 100%; width: 100% !important; }
	
	.alignleft, .alignright { float: none; margin: 0 15px; }
	footer .alignleft, footer .alignright { text-align: center; display: block; }
	header h1, header h3 { float: none; text-align: center; display: block; width: 100%; margin: 0; }
	header nav ul { display: none; }
	header nav select { display: block; width: 100%; }
	header #searchform { display: none; }
	header nav { padding: 5px; }
	
	#booklist .bookitem p, #booklist .bookitem h3, #booklist .bookitem .more, #booklist .bookitem-two p, #booklist .bookitem-two h3, #booklist .bookitem-two .more { display: none; }
	#booklist .bookitem, #booklist .bookitem-two { width: 20% !important; margin-right: 5%; }
	#booklist .bookitem img, #booklist .bookitem-two img { width: 100% !important; }
	
	.filters { border-bottom: 0; }
	
	.homeblurb, .homearticles { width: 100%; float: none; }

	.menubox { margin: 30px 0;}
}











/* = print ----------------------- */

@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; }
	body { background: #fff; color: black; font: 13pt/1.3 Georgia, serif; }
	section a:after { content: " (" attr(href) ")"; } 
	tr, img { page-break-inside: avoid; }
	img { max-width:100% !important; border: 0; }	
	nav, aside { display: none; }
}