/* ------------------------------------------------------------
	The Truth About HTML5
	by Luke Stevens - 2012
	http://itsninja.com/html5/
------------------------------------------------------------ */
         
/* ------------------------------------------------------------
	General
------------------------------------------------------------ */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 100;  }
/* Tip: Box-sizing:order-box is pretty cool. Thanks Paul Irish! http://paulirish.com/2012/box-sizing-border-box-ftw/ 
  Other reset stuff is included in Bootstrap.
*/

body {background-color: #000;color: #fff;margin-top: 50px; background-attachment: fixed; }

	body a {color: lightblue; }	
	body a:hover {color: lightblue; text-decoration: underline; color: #999;  }	

	p, blockquote p, h2, h3, h4, h5, h6 {font-family: "PT Serif", Georgia, Times, serif;font-size: 18px;line-height: 26px;margin-bottom: 15px; }
	
	p.title-sub, p.byline, #promo-banner p {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
	
	
	h2, h3, h4, h5, h6 {text-align: left;color:#e54b17; }
	
	h2 { font-size: 50px; line-height: 55px; text-transform: ; letter-spacing: -1px; font -style: italic; margin-bottom: 40px; }
	h3 { font-size: 30px; }
	h4 { font-size: 26px; }
	h5 { font-size: 20px; }
	h6 { font-size: 16px; }
	
	h2 + p.sub {margin-top: -40px; }
	
	mark {background-color: inherit; color: inherit; }
	mark {color: ; }

/*		.container {border: 1px solid #f5f5f5; }*/

.container { }

.row {padding-bottom: 30px; position: relative; background-color: rgba(0, 0, 0, 0.5); z-index: 10;}

.no-pad {padding: 0; }

/*row padding*/

.buy, #fivereasons, #toc, #praise, #author, #resources { padding: 115px 0 0px 0; } /* 115px so nav jumps to section header, not below */

.intro {padding-bottom: 50px; padding-left: 2px; 
}


/*narrow rows*/

.buy, #fivereasons, #praise, #author, #toc, #resources { width: 760px; background-color: transparent; z-index: 9; border-bottom: 1px solid #333;padding-bottom: 30px !important; }
	.buy { border-bottom: none; }


.relative { z-index: 920 !important;  }


/* ------------------------------------------------------------
	Promo banner
------------------------------------------------------------ */

#promo-banner {text-align: center;background-color: #e54b17;color: #fff;
	padding: 10px 0;position: fixed; top: 50px; left: 0; width: 100%;	margin-top: -50px; font-weight: bold; 
	height: 45px;border-bottom: 1px solid #999;
	z-index: 999;
	}

	#promo-banner p {margin: 0;padding: 0; font-size: 18px; font-family: "PT Serif", Georgia, sans-serif; font-style: italic; /*margin-left: -110px;*/	}

	#promo-banner a {color:#fff;text-decoration: underline !important;
		background-color: rgba(0,0,0, .1); padding: 5px 10px; border-radius: 7px; font-style:normal; text-decoration: none; border: 1px solid #f06f2b; border-width: 0px 1px 1px 0px; margin: 0 10px; }

#promo-banner a.promo-banner-buy {background: none;border: none; font-style: italic; }

#promo-banner .hidden-phone {display: inline; }



/* ------------------------------------------------------------
	Page title
------------------------------------------------------------ */

.title-pad {height: 420px; margin-top: -20px; padding-bottom: 50px;  }
.title-position {/*position: fixed; left: 50%;width: 900px;*/ /*margin-left: -450px;*/ z-index: 5; }

h1#title { z-index: 5;
	line-height: 100px;font-size: 150px;font-weight: bold;letter-spacing: -2px;
	font-weight: normal;text-align: center;text-transform: uppercase;
	font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding-top: 0px ; }

	h1#title > b {font-size: 60px;margin-left: -19px;
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:300; font-stretch:normal;
	line-height: 70px;color: #e54b17; }		

	h1#title span {font-size: 125px;margin-left: -25px;	}
	h1#title span > b {display: inline-block; font-size: 145px; color: #e54b17; margin: 0 0 -7px 7px; }


p.title-sub, p.byline {font-size: 25px;margin-top: 20px;text-transform: uppercase;letter-spacing: 6px;font-weight: 300;
	text-align: center;margin-bottom: 20px;margin-left: -10px;  }
	p.title-sub b {padding: 0 10px; font-weight: bold;color: #777; }
	p.title-sub span {color: #e54b17; }

h1.title, p.title-sub, p.byline {margin-left: -15px; }

p.byline {color: #999; font-size: ;}



/* ------------------------------------------------------------
	Navigation
------------------------------------------------------------ */

.nav-wrap { z-index: 900; position: relative; padding-bottom: 30px; }

.navigation {font-family: "PT Serif", Georgia, Times, serif;font-size: 22px; font-weight:bold; /*margin: 0 -130px;*/ background-color: #000; letter-spacing: 1px; height: 60px;
border-top: 1px solid #333;text -transform: uppercase; border-bottom: 1px solid #333; 
margin: 0 auto; }
	
	
/*	.navigation > ul {margin: 0 0 0 70px; list-style-type: none;  }*/


	.navigation > ul {margin: 0 auto; width: 980px; list-style-type: none; text-align:center;  }

	.navigation ul > li {border-right: 1px solid #333; display: inline-block; height: 58px; padding: 20px 15px; -webkit-transition: background-color .3s ease-in;}


	.navigation ul > li:hover {background-color: #111; -webkit-transition: background-color .3s ease-in;}

.navigation-fixed { position: fixed; top: 45px; left: 50%; margin-left:  -585px;width: 1170px; 
	    right: 0; 
	    z-index: 920; /* 10 less than .navigationbar-fixed to prevent any overlap */
	  }
	  .navigation-fixed ul {
	/*    width: 938px;*/
/*			    margin: 0 auto;
	    padding: 0 1px;*/
z-index: 100;
	  }

	  .navigation ul li.active a { color: #eee; /*text-shadow: 1px 1px 1px #ccc;*/ /*color: #e54b17;*/  }
	  
.navigation ul li a {color: #555 ;  -webkit-transition: color .3s ease-in;}
.navigation-fixed ul li a {color: #333 ;  -webkit-transition: color .3s ease-in;}
.navigation ul li a:hover {background: transparent;color: #fff; -webkit-transition: color .3s ease-in;
}
.navigation ul li:last-child, .navigation-fixed ul li:last-child { border: 0px;
}

.navigation {margin-bottom: 20px; }



/* ------------------------------------------------------------
	Intro section + cover
------------------------------------------------------------ */

.personal-note { border: 1px solid #333; border-radius: 10px; padding: 20px; margin: 0 -20px 30px -20px; background-color: rgba(255, 255, 255, .05); font-size: 15px; line-height: 22px;  }

.personal-note .signoff { /*text-align: right; */display: block; color: #fff; font-size: 16px; line-height: 22px; margin-top: 15px; font-style: italic; }

.personal-note .signoff a { font-size: 14px; font-style: normal;  }

.personal-note .signoff img { float: left; border: 1px solid #333; border-radius: 3px; margin-right: 10px; }

.intro {border-bottom: 0px solid #333; padding-top: 0px; background-color: transparent !important;
}

.intro.pad-nav {padding-top: 80px; }

.intro h3 {font-size: 33px; text-align: center; line-height: 30px; margin: 0px -10px 30px -15px; color:#e54b17;	
			text-transform: uppercase; letter-spacing: 0px;/* border-top: 1px solid #333;padding-top: 20px;  border-bottom: 1px solid #333; padding-bottom: 20px;*/ }

	.intro h3 { }

.intro p.one {font-weight: bold; font-size: 19px; line-height: 26px; }


.intro .testimonials { border: 1px solid #333; padding: 25px 0 5px 0; border-width: 1px 0 0 0; font-style: italic; margin-bottom: 15px; margin-top: 30px; }
.intro .testimonial p { font-size: 17px; line-height: 24px; padding: 0; margin: 0; font-weight: bold;  }
.intro .testimonial .who { font-style: normal; font-size: 16px; font-weight: normal;  }
.intro .testimonial { margin-bottom: 15px !important; padding-bottom: 15px !important; }

/* Floated cover */

.cover-wrap {position: relative; width:472px; height:698px;} /* width + 40px | height + 50px*/

.cover-wrap .cover-hover {opacity: 0;}
/*.cover-wrap:hover .cover-hover {opacity: 0.7;}
.cover-wrap .cover-hover, .cover-wrap:hover .cover-hover { -webkit-transition: opacity 0.5s ease-out; }
*/
/*.cover-wrap:hover .buy-buttons-small { background: rgba(255, 255, 255, 0.15);}

.cover-wrap:hover .buy-buttons-small { -webkit-transition: background 0.5s ease-out; }*/

.cover-hover {position: absolute; margin-left: 35px; width:432px; height:648px; background-color: rgba(0, 0, 0, .75); border: 10px solid #333;
z-index: 100; }

.cover-hover a {position: absolute; /*top: 50%;left: 50%;margin-left: -50px;*/
/*width:432px; height:648px;*/ background- color: #fff;vertical-align: middle;text-align: center;padding-top: 300px; font-size: 50px; }
 

img.cover {width: 211px;height: 259px;/* width: 432px; height: 648px;*/ margin-left: 35px;background-color: #000;border: 10px solid #333;box-shadow: 0px 5px 60px #333; position: absolute; z-index: 80; }

.cover-fixed { position: fixed; top: 118px; }


.cover-wrap { }

/* Row of buy buttons */

.buy-buttons-small { position: absolute; bottom: -30px !important; left: 90px; text-align: center; line-height: 28px; text-transform: uppercase; 
	
	padding: 10px; margin: -10px; border-radius: 5px; 
/*	-webkit-transition: background 0.5s ease-out;*/ }

	.buttons-row-2 { margin-left: 10px; margin-top: 10px; }

.buy-buttons-small a {
	padding: 5px 10px; margin: 2px 1px; color: #fff; border-radius: 5px; font-size: 12px; font-weight: bold; text-shadow: -0px -1px 1px #666; border: 1px solid rgba(255, 255, 255, .3);

	background: -moz-linear-gradient(90deg, rgba(224, 71, 24, 0.9) 0%, #e54b19 100%) #e54b17;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(224, 71, 24, 0.9)), color-stop(1, #e54b17));

	-webkit-transition: background 0.5s ease-out;
	
	opacity: 0.8;
	}

.buy-buttons-small a:hover { color: #fff; text-decoration: none; border: 1px solid rgba(255, 255, 255, .6); 	opacity: 1; }

.buy-buttons-small a, .buy-buttons-small a:hover {-webkit-transition: border .1s ease-in-out .1s; }

.buy-buttons-small i { text-transform: none; font-size: 15px; font-family: "PT Serif", Georgia, sans-serif; color: #999; margin-right: 4px;  }
.buy-buttons-small b { padding: 0 2px; color: #666; font-weight: normal; display: none; }


.buy-buttons-small a.direct { background: ; opacity: 1; }

/* ------------------------------------------------------------
	Email subscribe + social share block
------------------------------------------------------------ */

/*	.email-share {display: none; }*/

	.email-share {background: rgba(255, 255, 255, 0.10); padding: 10px 10px; margin: 0px 0px 0 0px; border-radius: 3px; }
	
	.email, .share {float: left;  }
	.email {border-right: 1px dotted #555; text-align: center; }
	.share { }
	
	.email-share i {}

	.email-share form {  }

	.email-share h5 { font-weight: normal; color: #eee; font-size: 20px; line-height: 22px; font-style: italic; font-family: "PT Serif", Georgia, serif; padding: 10px 0; margin: 0 0 5px 0; text-align: center;
	}

	
	.email-share form input[type="email"] { padding: 0 10px; height: 35px; margin: 0; font-size: 14px; /*display: block; margin: 0px auto;*/  }
	.email-share form input[type="submit"] { width: auto; color: #fff; font-weight: bold;  border-color: rgba(255, 255, 255, .3); padding: 5px 10px; margin-left: 5px; display: inline-block;
	
		background: -moz-linear-gradient(90deg, rgba(224, 71, 24, 0.8) 0%, #e54b19 100%) #e54b17;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(224, 71, 24, 0.8)), color-stop(1, #e54b17));

	}

	.email-share form p.note { color: #666; font-size: 12px; font-family: arial, helvetica, sans-serif; margin: 0;padding: 0; margin-top: 15px; text-align: center;	}		
	
	
	.share {  padding-left: 25px; padding-bottom: 20px; margin-left: -20px; width: 155px; }
	.share h5 {margin-left: -5px;}
	.twitter-share-button, .fb-like { float: left; }
	.fb-like { margin-left: 10px; }
	
	


/* ------------------------------------------------------------
	Buy the book
------------------------------------------------------------ */


.buy {margin-top: -105px; padding-bottom: 130px; }

.buy .row {background-color: rgba(255, 255, 255, 0); z-index: 9;/*border: 1px solid #333;*/ text-align: left;
/*border: 1px solid #333;*/ border-width: 0px 0 1px 0; padding-bottom: 20px; margin-bottom: 30px;
} 

.buy h2 {text-align: left; font-style: normal; text -transform: uppercase;
margin: 10px 0px 40px 00px; padding-top: 35px;  }

.buy h3, .buy h4 {color: #fff; text-align: left; margin-left: -0px; margin-bottom: 10px; }

.buy h3 b {color: #e54b17; }

.buy p {font-size: 14px;line-height: 16px; color: #999;
	margin: 10px 0 0 0; }

.buy img.store-badge {margin: 7px 0; }
.buy img.store-badge, .buy .buy-badge small {margin-left: -5px; }

.buy .kindle img {border: 5px solid #fff; border-radius: 5px; }

.buy p img {}

.buy small {color: #999; line-height: 16px; display: inline-block; width: 90%; margin-left: 3px;  }
#buy-ebook small {font-size: 11px; line-height: 12px;}
.buy small strong {color: #ccc; }
.buy h3 small {width: auto; }
/*FIX ADD P*/

.buy .print {padding-top: 0px; border: 0; }

/*.buy .span3:hover {background-color: #222; margin-top: -10px; left: -10px; position: relative;
	padding: 10px; margin-right: 10px; width: 280px; 
}*/



/* buy buttons - background set in JS with Canvas */

.button-wrap {width: 180px; padding: 20px 10px 0px 10px; margin: 10px 0; font-size: 20px; font-weight: bold; text-align: center; text-transform: upperc ase; color: #e54b17; }
		
#buy-ebook { text-align: left; float: left;width: 190px; margin: 10px 15px ; }


.short-button { width: 250px; margin-bottom: 0px;		}		
.long-button {width: 250px;padding-top: 0px;padding-bottom: 5px; }
		
.button-wrap a {color: #fff; padding: 10px 20px; /*margin-left: -10px;*/
text-shadow: -1px -1px 1px #999;text-align: center;line-height: 20px;
 display: block; width: 250px; margin-left: -10px; 
}

.button-wrap a i { font-style: normal; margin-left: 1px;font-size: 16px; }		
.long-button.button-wrap a {width: 250px; }

.short-button a {  margin-top: -15px; padding: 10px 0 20px 0;  }		

.button-wrap a b { font-size: 16px; color: #fbd5c2; text-shadow: none; }

.button-wrap a:hover { text-decoration: underline; color: #fff; 
/*color: #000; text-decoration: none; 
text-shadow: 1px 1px 1px #fff;	
-webkit-transition: color 0.5s ease-in-out 0s;*/ 	}
.button-wrap a:hover b {text-decoration: none;		}


.buy-badge {float: left; width: 215px;margin: 0 10px 0px 10px; }
.buy-badge small { font-size: 12px; }
.buy-badge > a {display: block; margin-bottom: 5px; }


#buy-ebook {  }
.paypal { clear: both; margin: 90px 0 0 0; padding: 10px 0px 10px 15px; border: 1px solid #333; border-radius: 10px; }
.paypal img {float: left;}
.paypal small {float: left;  width: 70% !important;  line-height: 16px; width: 90%; margin-left: 10px !important; }


.bw-book small { margin-top: 7px; }

/* ------------------------------------------------------------
	Quote - big blockquote 
------------------------------------------------------------ */


#quote {background-color: rgba(0, 0, 0, 0.85);  padding: 0px 0; margin-top: -20px; margin-right: -50px;
 border: 1px solid #333; border-width: 1px 0; 
}

.source {color: #ccc;text-align: right; margin-bottom: 10px; margin-top: 30px; }
	.source:before {content: '\2014 \00A0'; }

.bio {font-size: 12px; line-height: 18px; color: #999; text-align: right; font-style: italic; }
.bio em {font-style: normal; }

blockquote {border: 0;/*margin-top: 25px;*/padding: 80px 100px 80px 200px;	 position: relative; margin-left: -120px; margin-bottom: 0;
}

blockquote p {font -style:italic; font-size: 18px; line-height: 26px;z-index: 100;  position: relative;	/*text-align: justify;*/ }	

blockquote:before {
color: #222;
position: absolute;
top: 180px;
font-size: 300px;
z-index: 1;
margin-bottom: ;
font-family: "PT Serif", Georgia, sans-serif;
width: 50px;
content: '\201C';
height: 0;
margin-left: -170px;
}	

		/*reverse*/
		/* #quote {background-color: rgba(255, 255, 255, 0.9);  }
		#quote blockquote p {color:#666; }*/




/* ------------------------------------------------------------
	5 reasons 
------------------------------------------------------------ */

#fivereasons {   } /*position behind cover*/

#fivereasons h2, #fivereasons h3, #fivereasons h4 {text-align: left; }

#fivereasons h2 {padding-bottom: 0px; }
/*#fivereasons h3 {margin-left: -20px; }*/
#fivereasons h3 {margin-top: 40px; line-height: 40px; }
#fivereasons h3:first-letter { margin-left: -30px; }

#fivereasons p {margin-left: 0px; }

#fivereasons h2 b {color: #fff; /*color: #e54b17*/ /*display: block; font-size: 0.8em;*/ }



/* ------------------------------------------------------------
	Table of Contents
------------------------------------------------------------ */


#toc { /*margin-top: 20px; padding-top: 30px;*/ position: relative;/*background-color: rgba(0, 0, 0, .85);*/ padding-bottom: 30px;margin-bottom: -30px; }

	.toc3 {margin-left: -20px; }

#toc h4 {padding: 0;margin-bottom: 0px ; font- style: italic; font-size: 14px; text-transform: ; }

#toc p {margin-left: 10px; font-size: 16px; width: 80%; color: #ccc; margin-bottom: 25px; position: relative; }
#toc p  a {font-size: 18px; display: block; margin-bottom: -15px; width: 90%; }
#toc br { display: none; }
#toc p i {display: none; }

#toc .page { float: right; font-size: 17px ; margin-top: 0px; position: absolute; top: 0; right: 0; }
#toc p:hover .page { color: #fff; }

/* ------------------------------------------------------------
	Praise
------------------------------------------------------------ */

#praise { border-bottom: 0; }

	.testimonial { margin-bottom: 35px; padding-bottom: 15px; border-bottom: 1px solid #333; }
	.testimonial:last-child { margin-bottom: 0px; }
		.testimonial p {font-size: 18px; line-height: 26px; margin-bottom: 10px; }
		.testimonial .who { color: #ccc; text-align: right; font-size: ; }
		.testimonial .who a { }
		.testimonial .who small {display: block; font-size: 14px; color: #aaa; margin-top: -3px; }

		
#praise p.sub {margin-left: 0px; font-size: 18px; width: 80%; color: #999; }
		
.testimonial-cta { border: 1px solid #333; border-radius: 10px; padding: 10px; margin: 50px 0 0 0;  background-color: rgba(255, 255, 255, .05); text-align: center;  }

.testimonial-cta a	{color:#e54b17;  }
.testimonial-cta i { font-weight: bold !important; display: block; }
		
/* ------------------------------------------------------------
	About the author
------------------------------------------------------------ */


#author { }

	#author img.portrait {float: left; margin: 0 10px 10px 0;width: 150px; height: 150px; }
	
	
/* Footer */

div[role="contentinfo"] {margin-top: 100px; color: #999; text-align: left; opacity: 0.7; -webkit-transition: opacity 0.2s ease-in-out 0s;  }
div[role="contentinfo"]:hover { opacity: 1.0; -webkit-transition: opacity 0.2s ease-in-out 0s; }
div[role="contentinfo"] p {font-size: 16px; }



#email-pop {display:none; background-color: #000;padding: 10px 20px;margin: 0;}
#email-pop h5 {line-height: 1.5em;color: #eee;text-align: left;}
#email-pop input[type="email"] {border: 1px solid pink ; width:  230px; text-align:left; }

/*.email-share {display: none;}*/


		
/* ------------------------------------------------------------
	2013 2nd eg landing page additions
------------------------------------------------------------ */

.email-wrap {}

.static-sign-up {background: rgba(255, 255, 255, 0.10); margin: 0px 0px 0 0px; border: 1px solid #333;padding: 20px 20px;border-radius: 10px;}
.static-sign-up .email-sign-up {border-right: 0;float:none;}

.static-sign-up h5 { font-weight: normal; color: #eee; font-size: 27px;line-height: 35px; font-style: italic; font-family: "PT Serif", Georgia, serif; padding: 10px 0; margin: 0 0 5px 0; text-align: center;
}


.static-sign-up h5 strong {font-weight: normal;color: #e54b17;display: block;}
.static-sign-up h5 em {color: #fff; }

	.static-sign-up i {}

	.static-sign-up form { text-align: center; }
	
	.static-sign-up form input[type="email"] { padding: 0 10px; height: 35px; margin: 0; font-size: 16px; width: 250px; text-align: center; /*display: block; margin: 0px auto;*/  }
	.static-sign-up form input[type="submit"] { width: auto; color: #fff; font-size: 16px; font-weight: bold;  border-color: rgba(255, 255, 255, .3); padding: 10px 15px; margin: 20px auto 0 auto; display: block;
	
		background: -moz-linear-gradient(90deg, rgba(224, 71, 24, 0.8) 0%, #e54b19 100%) #e54b17;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(224, 71, 24, 0.8)), color-stop(1, #e54b17));}

	.static-sign-up form p.note { color: #666; font-size: 12px; font-family: arial, helvetica, sans-serif; margin: 0;padding: 0; margin-top: 15px; text-align: center;	}		
	


.email-wrap {}
.email-fixed {position: fixed;top: 110px;}


/* Phone - small tab */
@media (max-width: 767px) {

}

/* Phone-ish / portrait-ish / phone overrides */
@media (max-width: 479px) {

}

/* tablet + tiny desktop */	
@media (min-width: 768px) and (max-width: 959px) {

.static-sign-up, email-fixed {width: 310px; margin-left: 70px !important ; }
}

@media (max-width: 1024px) {
.email-fixed {position: static;}
}

/* tab landscape - desktop-ish */
@media (min-width: 960px) and (max-width: 1199px) {

.static-sign-up, email-fixed {width: 310px; }

}

@media (min-width: 1200px) {

.static-sign-up, email-fixed {width: 310px; margin-left: -20px; }

}