@charset "utf-8";



/* CSS Document */



/*



Theme Name: EBEN ALEXANDER Repsonsive Theme



Description: Custom Theme



Author: SeanAkers.com



General comments and license statement: this theme is exclusively for the use of Eben Alexander.  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:400;



  font-size:15px;



  background:url(images/ebenback1.jpg) top center repeat-x #d8e7ee;



}







body#commentspopup {padding:0;}







/* headings



--------------------------------------------------*/



h1 { font-family: 'Ovo', arial, serif; font-size:3.3em; font-weight:200; color:#fff;}

h2 { font-family: 'Ovo', arial, serif; font-size:1.8em; font-weight:600; color:#036;}

h3 { font-family: 'Ovo', arial, serif; font-size:1.46em; font-weight:600; color:#036;}

h4 { font-family: 'Ovo', arial, serif; font-size:1em; font-weight:600; color:#036;}

h5 { font-family: 'Ovo', arial, serif; font-size:1em; font-weight:400; color:#036;}

h6 { font-family: 'Ovo', arial, serif; font-size:.9em; font-weight:400; color:#036;}



#titlearea h3 { font-family: 'Ovo', arial, serif; font-size:1em; font-weight:400; color:#036;}

/* links */



a {	



   text-decoration:none; 

   color:#900;

   font-weight: normal; }



a:hover {

	text-decoration:underline;

}







/* paragraphs



--------------------------------------------------*/







p {



  margin:0;



  padding:0 0 9px 0; 



  text-align:justify; }







strong {



	font-weight:600;



}







.centered {



	text-align:center;



}



/* images



--------------------------------------------------*/



.alignleft {



  float:left;



  margin:0 0px 0 0; }







.alignright {



  float:right;



  margin:0 0 0 0px; }







.aligncenter {



  display: block;



  margin:0 auto; }



  



img, iframe{



	max-width:100%;



	width:auto;



	height:auto;



	border:none;



}







/* wrapper



--------------------------------------------------*/







#wrapper {



	width:1000px;

	margin-left: auto;

	margin-right: auto;

	border-right:1px solid #333;

	border-left:1px solid #333;

	background:url(images/texturedbackground.jpg) top center repeat;



}



#navigation {

	position:relative;

	z-index:10000;

	border-top:1px solid #ccc;

	border-bottom:1px solid #ccc;

	float:left;

	width:100%;

	font-family: 'Gudea','Ovo', Times, Times New Roman, serif;

}



#innernav {

	width:97.5%;

	padding:0 1.25%;

	float:left;

}





/* header



--------------------------------------------------*/







#header {



	width:100%;



	float:left;

	background:;

	min-height:100px;



}







#pic {



	width:13%;



	float:left;



}







#titlearea {



	width:72%;



	padding:0 1%;



	float:left;



	text-align:center;



}







#titlearea h1 {



	border-bottom:0px solid #ccc;



	margin-bottom:3px;



	padding:35px 5px 3px 5px;



	font-size:3.7em;



	color:#036;



}







#titlearea h3 {

	padding:0px 5px 23px 5px;

	color:#036;

	font-size:1.55em;

}







#booktop {



	width:9%;



	float:left;



}















/* content



--------------------------------------------------*/







#content {



	float:left;



	width:95%;



	padding:10px 2.5%;



	min-height:600px;



}



	



#content img {



	border:none;



}







.homebox {



	width:40%;



	padding:2.5%;



	margin:20px 2.5%;



	height:250px;



	float:left;



	-webkit-border-radius: 10px;



	border-radius: 10px;



	-webkit-box-shadow: 0px 0px 3px 3px #ccc;



	box-shadow: 0px 0px 3px 3px #ccc;



	background:#fff;



}



.homebox2 {



	width:55%;



	padding:2.5%;



	margin:20px 2.5%;



	height:240px;



	float:left;



	-webkit-border-radius: 10px;



	border-radius: 10px;



	-webkit-box-shadow: 0px 0px 3px 3px #ccc;



	box-shadow: 0px 0px 3px 3px #ccc;



	background:#fff;



}



.butterflybox {



	width:25%;



	padding:2.5%;



	margin:20px 2.5%;



	height:270px;



	float:left;



	background:;

	

	position:relative;

	

	text-align:right;



}



.butterflybox img {



	max-width:300%;

	float:right;

	width:auto;

	height:auto;

	margin:-55px -145px 0 0px;

	z-index:6000;

	position:relative;

}



	



.homebox h5 {



	padding:0 0 1px 0;



	margin:0 0 8px 0;



	border-bottom:1px dotted #f3f1f1;



}







/* blog entries



--------------------------------------------------*/







#entries {



	width: 58%;



    padding:5px 2%;



    min-height: 250px;



	float: left;



}







.blogentry {



	width:100%;



	min-height:200px;



	padding:0 0 10px 0;



	float:left;



}







.blogimage {



	width:20%;



	padding:0 5% 0px 0;



	float:left;



}







.blogtext {



	width:75%;



	float:right;



}







#spacer {



	width:100%;



    height: 25px;



}







.entry {}







.entry img {



	border:0;



	padding: 10px;



}







/* columns



--------------------------------------------------*/



.holder {



	width:100%;



	float:left;



}







.full {



	width:90%;



	padding:0 5%;



	min-height:300px;



	float:left;

	display:block;



}







.half {



	width:45%;



	padding:0 2.5%;



	min-height:600px;



	float:left;

	display:block;



}



.socialhalf {

	width:45%;

	padding:0 2.5%;

	min-height:70px;

	float:left;

	display:block;

}



	



.third {

	width:28%;

	padding:0 2.5%;

	min-height:30px;

	float:left;

	display:block;



}







.twothirds {



	width:61%;



	padding:0 2.5%;



	min-height:250px;



	float:left;

	display:block;



}







.quarter {

	width:20%;

	padding:0 2.5%;

	float:left;

	display:block;

}







.threequarters {



	width:70%;



	padding:0 2.5%;



	float:left;

display:block;

}





.fifth img {

	max-width:170px;

}



.bookcoverhome {



	width:20%;



	padding:0 2.5%;



	float:left;



}







.booktexthome {



	width:70%;



	padding:0 2.5%;



	float:left;



}







.fifth {



	width:16%;



	padding:0 2%;

display:block;

	float:left;



}



.shop {

	width:10%;

	padding:5px 1.25%;

	float:left;

	display:block;

}











/* sidebar



--------------------------------------------------*/



#sidebar {



	width: 34%;



	padding: 0px 2%;



	float: right;



}







.widget_search .screen-reader-text {



	display:none;



}







.widget {



	padding-bottom:10px;



}







.widget {



	list-style:none;



}











/* Bio Pre-footer



--------------------------------------------------*/







#bio {



	width:100%;



	float:left;



	background:url(images/ebenheaderbackground.jpg) top center;



}



	



#biopic {



	width:22%;



	padding:30px 3% 10px 3%;



	float:left;



}







#biotext {



	width:44%;



	padding:30px 0 10px 0;



	float:left;



}







#biotext p {



	color:#fff;



}



#biotext a {

	color:#ffc;

}







#bionewsletter {



	width:22%;



	padding:40px 3% 10px 3%;



	text-align:center;



	float:right;



}















/* footer



--------------------------------------------------*/



#footer {



	width:90%;



	padding:5px 5%;



	background:#036;



	color:#fff;



}







#footer a {



	color:#ffc;



}







#footer a:hover {



	text-decoration:underline;



}







/* additions



--------------------------------------------------*/







div.clear {



	clear: both;



}







.liner {



	height:1px;



	width:100%;



	background:#000;



}



.paddedliner {

	height:1px;

	width:100%;

	background:#999;

	margin:10px 0 40px 0;

	float:left;

}







a.button {



	width:90px;



	padding:5px;



	margin:5px 0; 



	text-align:center;



	background:#e1bb62;



	color:#036;



	border:0px solid #000;



	float:right;



	-webkit-border-radius: 10px;



	border-radius: 10px;



}







a.button hover {



	background:#036;



	border:0px solid #000;



	color:#fff;



}







.rounded {



-webkit-border-radius: 10px;



border-radius: 10px;



}







#shadow {



-webkit-box-shadow: 0px 0px 3px 3px #999;



box-shadow: 0px 0px 3px 3px #999;



}



#sales {

	width:20%;

	float:right;

}



#sales p {

	text-align:left;

}



#bookbody {

	width:75%;

	float:left;

}



.publication {

	text-transform:uppercase;

	letter-spacing:.7em;

	font-size:13px;

}



.publication a {

	color:#CC6E00;

}



.publogo {

	width:100%;

	min-height:100px;

	padding:5px 0% 5px 0;

	float:left;

}



.leftvid {

	width:68%;

	padding:0 2.5%;

	min-height:250px;

	float:left;

}



.rightvid {

	width:21%;

	padding:0 2.5%;

	float:left;

}



.title {

	margin:0 0 10px 0;

	border-bottom:1px dotted #999;

}


  .wpcf7-form-control { 
    border: 1px solid #c4c4c4; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #666666; 
    -moz-box-shadow: 0px 0px 8px #666666; 
    -webkit-box-shadow: 0px 0px 8px #666666; 
} 
 
.wpcf7-form-control:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 
 



/* go responsive



--------------------------------------------------*/



@media screen and (max-width:480px) {



#wrapper {



		width:100%;



		float:left;



	}







#biopic {

	width:90%;

	padding:10px 5%;

	float:left;

}



#biotext {

	width:90%;

	padding:10px 5%;

	float:left;

}



#bionewsletter {

	width:90%;

	padding:10px 5%;

	float:right;

}



#pic {

	width:90%;

	padding:0px 5%;

	float:left;

	text-align:center;

}



#titlearea {

	width:90%;

	padding:10px 5%;

	float:left;

}



#titlearea h1 {

	border-bottom:1px solid #fff;

	margin-bottom:3px;

	padding:20px 5px 3px 5px;

	font-size:2em;

}



#titlearea h3 {

	padding:0px 5px 3px 5px;

	font-size:1em;

}



#booktop {

	width:0px;

	height:0px;

	float:right;

	visibility:hidden;

	overflow:hidden;

}



.homebox {

	width:90%;

	padding:2.5%;

	margin:20px 2.5%;

	height:260px;

}



.homebox2 {

	width:90%;

	padding:2.5%;

	margin:20px 2.5%;

	height:260px;

}



.bookcoverhome {

	width:0;



	height:0;



	visibility:hidden;



	float:left;



}



.butterflybox {

	width:0px;

	height:0px;

	overflow:hidden;

}







.booktexthome {



	width:95%;



	padding:0 2.5%;



	float:left;



}



.shop {

	width:20%;

	padding:5px 2.5%;

	float:left;

}



}







@media screen and (max-width:770px) and (min-width:481px) {



#wrapper {



		width:100%;



		float:left;



	}







#titlearea h1 {



	border-bottom:1px solid #fff;



	margin-bottom:3px;



	padding:20px 5px 3px 5px;



	font-size:2.2em;



}







#titlearea h3 {
	padding:0px 5px 3px 5px;
	font-size:1.1em;
}







.homebox {



	height:350px;



}



.butterflybox img {

	max-width:100%;

	float:right;

	width:auto;

	height:auto;

	margin:0px;

	z-index:6000;

	position:relative;

}



.bookcoverhome {



width:0px;



height:0px;



}







.booktexthome {



width:90%;



}



.publogo {

	width:70%;

	min-height:100px;

	padding:5px 30% 5px 0;

	float:left;

}



.half {

	width:90%;

	padding:10px 5%;

	float:left;

}



.shop {

	width:20%;

	padding:5px 2.5%;

	float:left;

}





}



.minheight {

	min-height:130px;

}



.minheightvideo {

	min-height:200px;

}



.bluebar {

	padding:10px 5%;

	width:90%;

	background:#38639F;

	color:#fff;

	float:left;

}



.bluebar h3, .bluebar h5, bluebar a {

	color:#fff;

}