/*
Theme Name: Eyal Press
Theme URI: http://spruce.it/
Description: A custom WordPress template by Spruce Interactive
Version: 1.0
Author: Kristina Parish
Author URI: http://spruce.it/

*/




@charset "utf-8";
/* Reset */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
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: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Styles */

/* slideshow */


.cycle-slideshow {
	z-index: -100;
	height: 450px;
}
.captions {
	color: @drkgray;
	font-family:"museo-sans", arial, sans-serif; font-weight:400;
	text-align: right;
	padding: 10px 5px 0 0;
	font-size: 12px;

}

.captions a:hover{
	font-color: @teal;
}


/* colors=> */
@black: #000000; 
@teal: #118C88;
@ltgray: #CCCCCC;
@gray: #999;
@drkgray: #959292;


.caps {text-transform:uppercase; letter-spacing:.12em; }
.sans {font-family:"museo-sans", arial, sans-serif; font-weight:400;}
.smcaps {font-size:12px; .caps;} 

.border-t {border-top:solid 1px @ltgray;}
.border-b {border-bottom:solid 1px @ltgray;}

.border {border:solid 1px @ltgray;}
.drop {-webkit-box-shadow: 8px 8px 10px 3px @black;
-moz-box-shadow: 8px 8px 10px 3px @black;
box-shadow: 8px 8px 10px 3px @black; 
behavior: url(/PIE.htc);}
.rounded {border-radius:8px; behavior: url(/PIE.htc);}
.italix {font-style:italic;}
.gradient {
background: linear-gradient(top, #FFFFFF 1%, #EDEDED 76%);
background: -o-linear-gradient(top, #FFFFFF 1%, #EDEDED 76%);
background: -moz-linear-gradient(top, #FFFFFF 1%, #EDEDED 76%);
background: -webkit-linear-gradient(top, #FFFFFF 1%, #EDEDED 76%);
background: -ms-linear-gradient(top, #FFFFFF 1%, #EDEDED 76%);
-pie-background: linear-gradient(#FFFFFF, #EDEDED); /*PIE*/
behavior: url(/PIE.htc);
}

.glow {
-moz-box-shadow: 0 0 5px @gray;
-webkit-box-shadow: 0 0 5px @gray;
box-shadow: 0 0 5px @gray;
behavior: url(/PIE.htc);
}

.flex {margin:0 auto; max-width:960px;}

.button {.rounded; background-color:@teal; .sans; font-size:0.875em; color:#FFF;}


body {font:normal  95%/156% "museo", Georgia, "Times New Roman", Times, serif;}


h1 { font-size: 115px; font-weight: 300;} /* 61px - site title*/
h2 {font-size:3em; font-weight:300; .border-b; padding-bottom: 3px; } /* 42px - book titles*/
h3 {font-size:1.563em; line-height:1em;} /* 25px - articles*/
h4 {font-size:1.125em; margin:20px 0;} /* 18px - buy book - press title*/
h5 {color:@teal; .smcaps; .sans; margin:0 0 25px 0;}

div#content {.flex; height:100%; position:relative; width: 960px;}


a:link, a:visited {color:@teal; text-decoration:none;}
a:hover {color:@gray; text-decoration:none;}

strong {font-weight:bold; }
em {font-style:italic;}

header {.border-b; width:100%; min-height: 83px;  min-width: 960px;
	div {height:100%; .flex;
		.logo { padding-top:32px; float:left; a:link, a:visited {color:@black; &:hover {color:@teal;} }}
		nav {padding-top: 25px; min-width:500px; font-size: 93%; letter-spacing: 0.12em; .caps; .sans; float:right; a:link, a:visited {color:@gray; &:hover {color:@teal;}}
		ul li {display:block; float:left; border-left:dotted 1px @ltgray; padding:7px 10px 0 10px; }
		ul li.current-menu-item a {color:@black;} 
		}
	}
}


/* Page Highlighting */





/* Home */

.h-border-t {border-top:solid 1px @gray;}
.h-border-b {border-bottom:solid 1px @gray;}

body.home {background:url(/images/wood2.jpg) repeat left top; 
	.logo {float: none; font-weight: 100; position:relative; white-space:nowrap; z-index:6; padding-top:98px; color:#FFF; display: block; margin-top: -5%; a:link, a:visited 	{font-size: 115px; color:#FFF; &:hover {color:@teal;} }}
	.border-b {border-bottom:solid 1px @gray;}
	header {background-color:@black; .h-border-b; height:150px; z-index:2; position:relative;
		div {.flex;
			nav {display:none;}
			
		}
	}
	section#primary {.h-border-t; margin-top:40px!important; position: relative; z-index: 4; min-height:600px;
	ul {.caps; padding-top:30px; 
		li {margin-bottom:10px; a:link, a:visited {color:@ltgray; &:hover {color:@teal;}}}
		li.title {color:@teal; .h-border-b; margin:50px 0 15px 0;}
		.addthis_toolbox {margin:10px 0 0 -10px;}
	}
	ul#nav-left {.sans; float:left; text-align:right; li.home {display:none;} li.rightnav {display:none;} }
	ul#nav-right{.sans; float:left; text-align:left; padding-left:48%; li.home {display:none;} li.leftnav {display:none;}}}
	
	/* changed to accomodate link */
	#img-wrap { border-right:solid 1px @gray; position:absolute; padding-top:260px; margin:-260px 0 0 25%; top:0; z-index:500; 
		img {max-width: 300px; .drop;  border-right:solid 1px @gray; .border-b; margin-bottom: -4px; margin-left: 40px; width: 300px;}  }
	}

	#img-wrap img:hover {
		-moz-transition:all 0.4s ease-in-out 0s; 
		-webkit-transition:all 0.4s ease-in-out 0s;   
		-o-transition:all 0.44s ease-in-out 0s; 
		opacity:0.6;
		filter:alpha(opacity=60);
		
	}



@media screen and (max-width: 840px) {
body.home div#content section#primary ul#nav-left {.sans; float:none; text-align:left; max-width:240px; li.home {display:none;} li.rightnav {display:none;} }
body.home div#content section#primary ul#nav-right{.sans; float:none; text-align:left; max-width:240px; padding-left:0; li.home {display:none;} li.leftnav {display:none;}}
}





/* Posts/Pages */
.sub {color:@teal; .caps; .sans; font-size:15px; line-height:18px; margin: 20px 0;}

img.alignright {float:right; margin:0 0 20px 20px;}
img.alignleft {float:left; margin:0 20px 20px 0;}
img.alignnone {margin:10px 0;}

.sans-block p {font-size:1.125em; line-height: 1.375em; .sans; font-style:italic; margin:20px 0 10px 0;}


.page, .archive, .error404, .single {
	header div h1.logo a {font-size:61px;}
	#content {clear:both; padding: 0 20px;
	section#primary {clear:both; margin:50px 0; }
	}
}


article {
	.colleft {width:40%; float:left;
		img.book-image {.border; width:375px;}
		h4 {.border-b; font-weight:500; margin-bottom:10px; line-height: 13px; }
		.store {color:@gray; .smcaps; .sans; padding-right:5px;}
		ul.share {float:left; width:55%; .addthis_toolbox {margin:10px 0 0 -10px; a {margin-right:-10px;}}}
		ul.review {float:right; width:38%;}
	}
	.colright {width:58%; float:right;
		div.book-desc {p {margin:0 0 10px 0;  -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;} p:first-child:first-letter { float: left; font-weight:300; font-size:61px; line-height:1em; padding: 0; margin:0;}}
		h4 {font-size:1.125em; background-color:@black; color:@teal; .caps; .sans; font-weight:400; padding:10px; margin:20px 0;} /* 18px - buy book - press title*/
	}
}

body.page-template-events-php div#content section#primary article#events div.clear {.border-b; margin-bottom:20px; padding-bottom:20px;}

p.date {.smcaps; .sans; color:@gray; margin:0 0 10px 0;}

aside#featured-press {.border-b;}
div.toggle-press {display:none;}
a.toggle {display:block; .sans; color:@teal; .smcaps; background:no-repeat left 5px url(/images/symbol.png); padding: 0 0 50px 20px; text-align:right; float:right; cursor:pointer;}
.symbol{background:no-repeat left 2px url(/images/symbol.png); padding-left:20px; }

.page section#primary article {margin:20px 0; min-height:400px; clear:both; margin-bottom:20px;}

section#primary article table tbody {
	tr {.border-b;  }
td {vertical-align:top;  padding:18px 0 0 0; img {padding:10px 20px 0 0; max-width:400px;} div {.border-b; padding-bottom:18px; margin-bottom:18px; p a {.smcaps; .sans;} }}
}

body.single div#content section#primary {
	h2 {line-height:1em;}
	article { p, div {margin:10px 0;}}
}




/*Media*/
body.category-media div#content, body.single div#content  {
	section#primary { min-width: 500px; width:60%; float:left; article {margin:10px 0; padding-bottom:25px;  }}
	aside {float:right; width:37%; margin:30px 0; div h3.widgettitle {margin:18px 0;} ul li {margin-bottom:5px;}}
	
}

body.category div#content  {
	section#primary article {margin:18px 0; .border-b; padding-bottom:23px;  }}
	
body.category-articles div#content section#primary article {border-bottom:none!important;}


/* Sprite */
.sprite {background-image:url('/images/sprite.png')!important; background-repeat:no-repeat; display:block; float:left; margin-right:5px;}

.share:hover{width:56px;height:40px;background-position:0 -10px}
.share{width:56px;height:40px;background-position:0 -67px}
.twitter:hover{width:57px;height:40px;background-position:0 -124px}
.twitter{width:57px;height:40px;background-position:0 -181px}
.facebook:hover{width:57px;height:40px;background-position:0 -238px}
.facebook{width:57px;height:40px;background-position:0 -295px}
.google_plus:hover{width:57px;height:40px;background-position:0 -352px}
.google_plus{width:57px;height:45px;background-position:0 -409px; iframe {display:none;}}
 
 /* Footer */
 footer {clear:both; width:100%; padding-top:10px; font-size:12px; background-color:@black; color:#FFF;
 	section{.flex; .border-t; padding-top:10px;
		div.left {width:50%; float:left; padding-bottom: 40px;}
		div.right {width:27%; float:right; padding-bottom: 40px;
		ul.authorpages {float:left;}
		ul.follow {float:right;}
		}
 		ul li {.caps;}
	}
 }
 
 .home footer {color:@ltgray; section {.h-border-t;}}
 .clear {clear:both; margin:0;}
 .web-author {font-size:11px; margin-top:40px;}

 


 
 /* 
 xxxxxxxxxxxxxx
 
 Plugin Content
 
 xxxxxxxxxxxxxx
 */

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}