@charset "utf-8";
/* CSS Document */
/*
Theme Name: SHAVIT - Sean Akers RESPONSIVE Theme
Description: Custom Theme
Author: SeanAkers.com
General comments and license statement: this theme is exclusively the property of Sean Akers.  Use is by permission only.
*/


/* General
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
.low {display:none;}

/* body
--------------------------------------------------*/

body {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight:300;
  font-size:13px;
  text-align:justify; 
  background: url(images/background.jpg) top center;
}

body#commentspopup {padding:0;}

/* headings
--------------------------------------------------*/
h1 { font-family: 'Source Sans Pro', arial, serif; font-size:43px; font-weight:200; color:#3b4e8d;}
h2 { font-family: 'Source Sans Pro', arial, serif; font-size:24px; font-weight:300; text-transform:uppercase; color:#3b4e8d;}
h3 { font-family: 'Source Sans Pro', arial, serif; font-size:15px; font-weight:400; color:#66286b;}
h4 { font-family: 'Source Sans Pro', arial, serif; font-size:15px; font-weight:300; padding:9px 0 7px 0; }
h5 { font-family: 'Source Sans Pro', arial, serif; font-size:14px; font-weight:300;}
h6 { font-family: 'Source Sans Pro', arial, serif; font-size:12px; font-weight:300;}

/* links */
a {	
   text-decoration:none; 
   color:#069;
   font-weight: normal; }

/* paragraphs
--------------------------------------------------*/

p {
  margin:0;
  padding:0 0 9px 0; }

strong {
	font-weight:400;
}

/* images
--------------------------------------------------*/
.alignleft {
  float:left;
  margin:0 0px 0 0; }

.alignright {
  float:right;
  margin:0 0 0 0px; }

.aligncenter {
  display: block;
  margin:0 auto; }
  
img{
	max-width:100%;
	width:auto;
	height:auto;
	border:none;
}

/* wrapper
--------------------------------------------------*/

#wrapper {
	width:1000px;
	margin-left: auto;
    margin-right: auto;
	background:#fff;
}

/* header
--------------------------------------------------*/

#header {
	width:100%;
	float:left;
	background:url(images/headerbg.jpg) top center;
}

#logo {
	width:27.5%;
	float:left;
}

/* top navigation
--------------------------------------------------*/

#navigation {
	width:67.5%;
	padding: 10px 2.5%;
	color:#fff;
	overflow:hidden;
	float:right;
}

#navigation h3 {
	font-weight:400;
	font-size:16px;
}

#navigation ul {
  margin:0;
  padding:0; 
}

#navigation .page_item {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:0px solid;
  white-space:nowrap; 
}

#navigation .page_item a {
  display:block;
  padding:5px 1%;
  margin:5px 13px;
  text-align:center;
  color:#66286b;
  text-transform:uppercase;
}
  
#navigation .page_item a:hover { 
	color:#Fff; 
}

#navigation .current_page_item a { 
	color:#3b4e8d; 
}

#navigation .current_page_item a:hover { 
	color:#fff;
}


/* banner area
--------------------------------------------------*/
#outerbanner {
	width:100%;
	float:left;
	z-index:1;
}

#innerbanner {
	width:100%;
	float:left;
	z-index:100;
	margin:-370px 0 0 0;
}

#maintext, #shop, #titlearea {
	width:55%;
	padding:10px 4% 10px 6%;
	float:left;
}

#maintext {
	color:#66286b;
	font-size:16px;
	margin:20px 0 0 0;
}

#titlearea {
	text-align:center;
}

#titlearea h6 {
	letter-spacing:.5em;
}

#titlearea h2 {
	letter-spacing:.05em;
}

#titlearea h3 {
	letter-spacing:.15em;
}


.sales {
	width:12.5%;
	padding:10px 0;
	float:left;
}

.salessub {
	width:32%;
	padding:10px .5%;
	min-height:50px;
	float:left;
}

#bookcover {
	width:31%;
	margin:-28px 2% 0 2%;
	float:right;
}

#underbook {
	width:96%;
	margin:10px 2% 0 2%;
	float:right;
	text-align:center;
}

#underbook h6 {
	letter-spacing:.5em;
}
	

/* content
--------------------------------------------------*/

#content {
	float:left;
	width:95%;
	padding:10px 2.5%;
	min-height:600px;
}

#homecontent {
	float:left;
	width:95%;
	padding:10px 2.5%;
	min-height:200px;
}
	
#content img {
	border:none;
}

/* blog entries
--------------------------------------------------*/

#entries {
	width: 66%;
    padding:5px 2%;
    min-height: 250px;
	float: left;
}

.blogentry {
	width:100%;
	min-height:200px;
	padding:0 0 10px 0;
	float:left;
}

.blogimage {
	width:100%;
	padding:0 0% 10px 0;
	float:left;
	visibility:hidden;
}

.blogtext {
	width:100%;
	float:left;
}

.blogtext h2 {
}

.blogtext p {
}

#spacer {
	width:100%;
    height: 25px;
}

.entry {}

.entry img {
	border:0;
	padding: 10px;
}

/* columns
--------------------------------------------------*/
.holder {
	width:100%;
	float:left;
}

.full {
	width:90%;
	padding:0 5%;
	float:left;
}

.half {
	width:45%;
	padding:0 2.5%;
	float:left;
}
	
.third {
	width:28%;
	padding:0 2.5%;
	min-height:250px;
	float:left;
}

.twothirds {
	width:61%;
	padding:0 2.5%;
	min-height:250px;
	float:left;
}

.quarter {
	width:20%;
	padding:0 2.5%;
	float:left;
}

.threequarters {
	width:70%;
	padding:0 2.5%;
	float:left;
	min-height:600px;
}

.fifth {
	width:16%;
	padding:0 2%;
}



/* sidebar
--------------------------------------------------*/
#sidebar {
	width: 26%;
	padding: 10px 2%;
	float: right;
}

.widget_search .screen-reader-text {
	display:none;
}

.widget {
	padding-bottom:10px;
}

.widget {
	list-style:none;
}


/* footer
--------------------------------------------------*/
#footer {
	width:100%;
	color:#fff;
	float:left;
	background:url(images/headerbg.jpg) top center;
}

#footer a {
	color:#ffc;
}

#footer a:hover {
	text-decoration:underline;
}

#footerleft {
	width:28%;
	padding: 20px 2.5%;
	color:#fff;
	overflow:hidden;
	float:left;
}

#footernavigation {
	width:61%;
	padding: 10px 2.5%;
	color:#fff;
	overflow:hidden;
	float:right;
}

#footernavigation h3 {
	font-weight:400;
	font-size:16px;
}

#footernavigation ul {
  margin:0;
  padding:0; 
}

#footernavigation .page_item {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:0px solid;
  white-space:nowrap; 
}

#footernavigation .page_item a {
  display:block;
  padding:5px 1%;
  margin:5px 5px;
  text-align:center;
  color:#66286b;
  text-transform:uppercase;
}
  
#footernavigation .page_item a:hover { 
	color:#Fff; 
}

#footernavigation .current_page_item a { 
	color:#3b4e8d; 
}

#footernavigation .current_page_item a:hover { 
	color:#fff;
}

/* additions
--------------------------------------------------*/

div.clear {
	clear: both;
}

.liner {
	height:1px;
	width:100%;
	background:#000;
}

a.button {
	width:200px;
	padding:5px 10px;
	margin:5px 0; 
	text-align:center;
	background:#000;
	border:1px solid #000;
}

a.button hover {
	background:#fff;
	border:1px solid #000;
	color:#000;
}

.shadowbar {
	background:url(images/shadowline.jpg) top center repeat-x;
	width:100%;
	height:20px;
	float:left;
}

.more {
	text-align:right;
}

.dots {
	border-bottom:1px dotted #999;
	margin:0 0 5px;
	padding:0 0 5px 0;
}

.datetime {
	padding:0 0 10px 10px;
}

.title {
	margin-bottom:10px;
}


/* go responsive
--------------------------------------------------*/
@media screen and (max-width:480px) {
#wrapper {
		width:100%;
		float:left;
	}
	
.half, .third, .twothirds,.quarter, .threequarters, .fifth {
	width:96%;
	padding:0 2%;
	float:left;
}

}

@media screen and (max-width:770px) {
#wrapper {
		width:100%;
		float:left;
	}

.quarter, .threequarters, .fifth {	
	width:46%;
	padding:0 2%;
	float:left;
}

}

