/*
Theme Name: Books TypoJungle v1
Theme URI: http://books.typojungle.net/
Description: The theme of Books TypoJungle.
Version: 2.0
Author: PixelJungle Team
Author URI: http://pixeljungle.net/
Tags: grey, white, three columns
*/
html, body {
	margin: 0;
	padding: 0; }
 
body {
	background-color: #F0F0F0; /*	background:#FFFFFF url(images/stripe.png) repeat scroll 0 0; */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #7F817F; /*	background-color: #E6E6E6; */ }
 
.clear { clear: both; }

a:focus {
	background: none;
}

/* Begin Typography Style ************************************************** */
p { margin: 1em 0; }
 
a img { border: none; }
 
a {
	color: #7F817F;
	text-decoration: none; }
 
	a:hover {
		color: #000;
		text-decoration: line-through; }
 
/* Begin Structure ************************************************** */
#page {
	width: 960px;
	margin: 0 auto; }
 
#content {
	width: 750px;
	float: left; 
}
 
#left-sidebar {
	width: 310px;
	float: left; }
 
#right-sidebar {
	width: 200px;
	float: right; }
 
#footer { width: 930px; }
 
/* Begin Header ************************************************** */
#header {
	position: relative;
	margin: 10px 0; }
 
#headerimg {
	width: 430px;
	height: 65px;
	background-color: #141414; }
 
	#headerimg h1 {
		margin: 0;
		padding: 8px 5px; }
 
		#headerimg h1 a {
			display: block;
			text-indent: -10000px;
			background: url(images/tj-books-logo-2.jpg) no-repeat top left;
			width: 250px;
			height: 50px; }
 
#nav {
	background-color: #FFF;
	position: absolute;
	left: 440px;
	top: 0;
	width: 520px;
	height: 65px; }
 
.description { display: none; }
 
#nav ul {
	margin: 0;
	padding: 0 0 0 15px; }
 
	#nav ul li {
		display: inline;
		line-height: 68px;
		margin: 0 20px 0 0;
		font-size: 12px;
		font-weight: bold; }
 
		#nav ul li a { color: #333; }
 
			#nav ul li a:hover {
				color: #333;
				text-decoration: none; }
 
#nav a.twitter, #nav a.rss, #nav a.facebook {
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -10000px;
	top: 24px; }
 
#nav a.twitter {
	background: url(images/twitter-icon.jpg) no-repeat top left;
	left: 455px; }
 
#nav a.rss {
	background: url(images/rss-icon.jpg) no-repeat top left;
	left: 485px; }
	
#nav a.facebook {
	background: url(images/facebook-icon.jpg) no-repeat top left;
	left: 430px;
}
 
/* Begin Content ************************************************** */
.post {
	padding: 15px;
	margin: 0 0 30px;
	background-color: #FFF;
}
 
.featured .post {
	width: 720px;
}
 
h2.post-title, h3.post-title, h2.widgettitle, .featured .post h2 {
	margin: 0 0 5px;
	padding: 0 0 5px;
	color: #fff;
	border-bottom: 1px dotted #7F847F; }
 
h2.post-title { font-size: 16px; color: #000; }

#entry-268 .wrapper-slideshow .slideshow {
	display: none;

}
.entry {
	display: none;
}

.book-entry ul {
	padding: 0;
	margin: 0;
	position: relative;
}

.book-entry ul li {
	list-style: none;
	
}

.book-entry ul li.book-subtitle {
	color: #333;
	font-style: italic;
	font-weight: bold;
}

.book-entry ul li.book-description {
	margin: 0 0 20px;
}

.book-entry ul li.book-link a,
.book-entry ul li.book-category a {
	color: #333;
}

.book-entry ul li a.more {
	background:#141414 url(images/more-details-3.jpg) no-repeat scroll 0px 0px;
	display: block;
	width: 22px;
	height: 19px;
	text-indent: -10000px;	
}

li.book-link {
	background:#141414;
	color:#FFFFFF;
	font-size:11px;
	padding: 0 2px 0 6px;
	width: 97px;
}

li.book-link a {
	color: #FFF !important;
}

a.img-more {
	cursor: pointer;
}

.book-entry ul li.book-link-more {
	margin-top: 20px;
	color: #000;
	font-weight: bold;
	cursor: pointer;
}

.entry-content {
	background-color: #FFF;
	border-bottom: 1px dotted #7F847F;
	padding: 0;
}
 
.entry-content p {
		color: #7F817F;
		padding: 0 0 5px;
		margin: 0; }

.entry-image {
	width: 200px;
	margin: 0 15px 0 0;
	float: left;
	cursor: pointer;
}

.book-wrapper {
	overflow: hidden;
}

.book-entry {
	width: 505px;
	float: right;
}

.slideshow {
	height: 430px;
	margin: 0 0 15px;
	position:relative;
	z-index: 99999;
}

.slideshow img {
	margin: 15px 0;
	padding: 15px 0;
	border-top: 1px dotted #7F847F;
	height: 400px;
}

.prev,
.next{
	display: block;
	position: absolute;
	width: 100px;
	height:415px;
	top: 15px;
	z-index: 99999999;
	text-indent: -10000px;
}

.next {
	right: 0;
}

.prev {
	left: 0;
}

.wrapper-slideshow {
	padding: 0 0 15px;
	border-bottom: 1px dotted #7F847F;
	position: relative;
	z-index: 9999;
}

.nav {
	float: right;
	margin: -2px 0 0;
}

.nav a {
	background: url(images/scroll-circle.jpg) no-repeat 0px 0px;
	display: block;
	width: 7px;
	height: 7px;
	float: left;
	margin: 0 0 0 5px;
	color: #CCC;
	font-size: 0px;
}

.nav a.activeSlide {
	background: url(images/scroll-circle.jpg) no-repeat 0px -7px;
}

.post a.scrollTarget {
	background: #FFFFFF url(images/up-arrow.jpg) no-repeat scroll 5px 4px;
	color: #BBBBBB;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0px;
	text-indent: -10000px;
	bottom: -18px;
	width: 20px; }

 
.navigation {
	height: 15px;
	margin: 0 0 15px;
}
 

.widecolumn .navigation {
	height: 15px;
	margin: 0 0 33px; }
 
.navigation .alignleft, .navigation .alignright { margin: 20px 0 0; }
 
.alignleft { float: left; }
 
.alignright { float: right; }
 
.alignleft, .alignright {
	background: #fff;
	position: relative;
	z-index: 100;
	margin: 20px 0 30px; }
 
p.sharing {
	margin: 15px 0 -5px;
	padding: 10px 0 0;
	border-top: 1px dotted #7F847F;
	text-align: left;
	color: #CCC; }
 
	p.sharing a { color: #CCC; }

.page-content .entry {
	display: block !important;
}


/* Begin Sidebars ************************************************** */
/*
#left-sidebar {
	background-color: #FFF;
} */
#left-sidebar ul, #right-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0px; }
 
#left-sidebar ul li.widget {
	margin: 0 0 10px;
	background-color: #141414;
	padding: 15px;
	width: 280px; }
 
h3.widgettitle, h3.widgettitle a {
	margin: 0;
	font-family: Helvetica, Arial, sans-serif; }
 
#right-sidebar ul li.widget {
	background-color: #FFF;
	padding: 15px !important;
	margin: 0 0 10px; }
 
.textwidget p { margin: 0; }
 
li.widget ul { margin: 5px 0 0 !important; }
 
li.widget h3 a:hover { text-decoration: none; }

.widget_categories,
.widget_search { 
	background-color: #141414 !important; 
}

.widget_categories h3.widgettitle {
	color: #FFF !important;
}


.widget_categories ul li a {
	color: #7F817F;
}


/* Begin Footer ************************************************** */
#footer {
	padding: 15px;
	margin: 30px 0;
	background: #fff;
	position: relative; 
	height: 85px;
}
 
	#footer p.credits, #footer p.copyright {
		color: #7F817F;
		margin: 0 0 10px;
		padding: 0; 
		position: absolute;
		top: 60px;	
	}
 
	#footer p.credits a { color: #7F817F; }

.footer-social {
	height: 24px;
	margin: 0;
}
	
.footer-social a.twitter, .footer-social a.rss, .footer-social a.facebook {
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -10000px;
	top: 24px; 
}
 
.footer-social a.twitter {
	background: url(images/twitter-icon.jpg) no-repeat top left;
	left: 900px; }
 
.footer-social a.rss {
	background: url(images/rss-icon.jpg) no-repeat top left;
	left: 930px; }
	
.footer-social a.facebook {
	background: url(images/facebook-icon.jpg) no-repeat top left;
	left: 875px;
}

.footer-logo {
	background: url(images/footer-logo.jpg) no-repeat top left;
	height: 50px;
	width: 160px;
	position: absolute;
	top: 10px;
	left: 3px;
}
 
/* Begin Paginator ************************************************** */
.paginator {
	margin: 10px 0 !important;
	width: 100px !important; 
	display: none;
}
 
.paginator_pages { margin: 0 !important; }
 
body.archive #paginator { display: none; }
 
/* Begin Search Widget ************************************************** */
label.screen-reader-text { display: none; }
 
#s {
	background-color: #FFF;
	border: 1px solid #3c3c3c;
	width: 140px;
	font-size: 11px;
	font-style: italic;
	color: #969696;
	padding-top: 2px;
	padding-bottom: 2px; /*	margin-top: 5px; */ }
 
#searchsubmit {
	background: transparent url(images/link_a_white.gif) no-repeat 10px 2px;
	width: 20px;
	border: none;
	text-indent: -1000px;
	cursor: pointer; }
 
/* Begin Search Page and 404 Error Page ************************************************** */
.search-page, .404-page { width: 750px !important; }
 
.search-page .post, .404-page .post { width: auto !important; }
 
.search-page h2.center, .404-page h2.center {
	color: #444444;
	font-size: 60px;
	letter-spacing: -3px;
	line-height: 60px;
	margin: 0; }
 
.search-results #paginator { display: none; }
 
/* Begin Archive Page ************************************************** */

 
	.archive #page .archive-page h2.pagetitle, 
	.search-results #page #content h2.pagetitle {
		background: #fff;
		padding: 17px 15px 7px;
		margin: 0 0 10px 0 !important;
		border: none; }
 
	.archive #page .archive-page .post h3 a { color: #333; }
 
	.archive #page .archive-page h2.post-title { margin: 0 0 10px; }
 
	.archive #page .archive-page .post h3 { padding: 0 0 5px; }
 
	.archive #page .archive-page .post h3 a:hover { text-decoration: none; }
 
	.archive #page .archive-page a.scrollTarget {
		background: #FFFFFF url(images/up-arrow.jpg) no-repeat scroll 5px 4px;
		color: #BBBBBB;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0px;
		text-indent: -10000px;
		width: 20px; }
 
.archive #page .paginator, .search-results #page .paginator { width: 750px !important; }
 
/* Begin Search Page ************************************************** */
.search-results #page #content { width: 750px; }
 
	.search-results #page #content .post {
		width: auto;
		margin: 0 0 30px 0; }
 
		.search-results #page #content .post .entry { background: #fff; }
 
			.search-results #page #content .post .entry img {
				float: left;
			 }
 
		.search-results #page #content .post .postmetadata {
			float: left;
			padding: 0 15px 10px;
			width: 525px; }
 
			.search-results #page #content .post .postmetadata h3 {
				font-size: 16px;
				padding: 10px 0 0;
				margin: 0 0 10px;
				padding: 0 0 5px;
				color: #fff;
				border-bottom: 1px dotted #7F847F; }
 
				.search-results #page #content .post .postmetadata h3 a { color: #000; }
 
 
/* Begin Submit Form ************************************************** */
.submit-content { background: url(images/contact-us.png) no-repeat top left; }
 
#top-sidebar {
	background: #141414;
	padding: 10px 30px 20px;
	margin: 0 0 10px;
	display: none;
	position: relative; }
 
	#top-sidebar p { color: #666; }
 
	#top-sidebar .widget {
		float: right;
		width: 495px;
		position: absolute;
		right: 10px;
		top: 30px; }
 
.submit-content {
	float: left;
	width: 400px;
	height: 300px; }
 
div.widgetcform { position: relative; }
 
div.cf_info {
	position: absolute;
	top: 257px;
	left: 180px;
	color: #FFFF1E; }
 
form.cform fieldset {
	margin: 0;
	padding: 0;
	border: none; }
 
	form.cform fieldset legend { display: none; }
 
	form.cform fieldset ol.cf-ol {
		list-style: none;
		margin: 0;
		padding: 0; }
 
		form.cform fieldset ol.cf-ol li label { display: block; }
 
		form.cform fieldset ol.cf-ol li {
			width: 240px;
			float: left;
			margin: 0 0 10px; }
 
			form.cform fieldset ol.cf-ol li input {
				width: 213px;
				padding: 5px;
				border: 1px solid #444; }
 
				form.cform fieldset ol.cf-ol li input:focus, form.cform fieldset ol.cf-ol li textarea:focus { border: 1px solid #999; }
 
			form.cform fieldset ol.cf-ol li textarea {
				width: 453px;
				height: 100px;
				padding: 5px;
				border: 1px solid #444; }
 
			form.cform fieldset ol.cf-ol li textarea, form.cform fieldset ol.cf-ol li input {
				font-family: Helvetica, Arial, sans-serif;
				font-size: 12px; }
 
p.cf-sb {
	margin: 0;
	padding: 0; }
 
#sendbutton {
	background: #FFF;
	border: medium none;
	color: #333;
	cursor: pointer;
	padding: 5px 0;
	width: 70px; }
 
div.widgetcform h3, span.reqtxt, span.emailreqtxt, p.linklove { display: none; }

/* Begin Submit Book Form ************************************************** */

.page-content .entry .cform ol.cf-ol {
	padding: 0;
	margin: 0;
}

.page-content .entry .cform ol.cf-ol li {
	list-style: none;
	margin: 0 0 10px;
}

.page-content .entry .cform ol.cf-ol li label {
	display: block;
}

.page-content .entry .cform ol.cf-ol li input,
.page-content .entry .cform ol.cf-ol li textarea {
	border:1px solid #CCCCCC;
	padding:5px;
	width:500px;
	font-family: Helvetica, Arial;
	font-size: 13px;
}

.page-content .entry .cform ol.cf-ol li input.cf_error,
.page-content .entry .cform ol.cf-ol li textarea.cf_error {
	background: #141414;
	color: #FFF;
}

.page-content .post h2 {
	font-size: 24px;
	margin: 0 0 20px;
}

.page-content .entry .cform ol.cf-ol li h3 {
	border-bottom: 1px dotted #7F847F;
	padding: 0 0 5px;
	margin: 30px 0 0;
}

.page-content .post h2,
.page-content .entry .cform ol.cf-ol li h3 {
	color: #333;
}

.page-content .entry .cform ol.cf-ol li span.reqtxt,
.page-content .entry .cform ol.cf-ol li span.emailreqtxt {
	display: block;
	float: right;
}

.page-content .entry .failure {
	position: relative;
	top: 0;
	left: 0;
	color: #FFF;
	background: #F00;
}

.page-content .entry .success {
	position: relative;
	top: 0;
	left: 0;
	color: #FFF;
	background: #0C0;
}

/* Begin About Us ************************************************** */
#about-page {
	display: none;
	background: #141414;
	padding: 30px 30px 20px;
	margin: 0 0 10px; }
 
	#about-page h2 { display: none; }
 
.about-title {
	background: url(images/abbbout.png) no-repeat 0px -15px;
	width: 425px;
	height: 200px;
	float: left; }
 
#about-page a { color: #EC008C; }

 


