body {
	font-family: ff-quadraat-web, Georgia, serif;
	font-size: 18px;
	line-height: 25px;
	color: #333;
	margin: 0;
	background-color: #fff;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

a {
	text-decoration: none;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	-ms-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
	
	-webkit-transition: border-bottom-color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	-ms-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}

a:hover { color: #e44249; }

a:visited { color: #c1765f; }

* {
	font-weight: normal;
}


/* =============================

HEADER

================================ */

header {
	border-bottom: 1px solid #e6e6e6;
	padding: 15px 25px;
	overflow: auto;
}

header a {
	text-transform: lowercase;
	font-family: ff-quadraat-sans-sc-web, Verdana, sans-serif;
	font-size: 18px;
	color: #666;
	border-bottom: 1px solid #fff;
}

header a.title {
	color: #e44249;
	float: left;
}

header a.title h1 {
	font-size: 18px;
	font-weight: normal;
}

header nav { text-align: center; }

header nav ul { 
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline;
	text-align: center;
}

header nav ul li {
	padding-right: 15px;
	text-align: center;
	display: inline-block;
}

header nav ul li:last-child { padding-right: 0; }

header a:hover {
	color: #e44249;
	border-bottom: 1px solid #ccc;
}

header a.title:hover {
	border-bottom: 1px solid #fff;
	color: #333;
}

header a.active { color: #e44249; }

/* =============================

SHELF

================================ */

section#shelf {
	background-color: #e6e6e6;
}

section#shelf>div {
	max-width: 930px;
	margin: 0 auto;
	padding: 40px 20px;
	overflow: auto;
}

section#shelf div.introtxt {
	float: left;
	width: 40%;
	padding-left: 40px;
}

section#shelf img {
	width: 50%;
	/* max-width: 350px; */
	float: right;
}

section#shelf h2 {
	font-family: ff-quadraat-sans-sc-web, verdana, sans-serif;
	font-size: 21px;
	color: #4f5e67;
	text-transform: lowercase;
	font-weight: normal;
	letter-spacing: 1px;
}

section#shelf h1 {
	color: #e44249;
	font-weight: normal;
	font-size: 80px;
	letter-spacing: -2px;
	max-width: 350px;
	line-height: 90%;
	margin: 0 0 40px 0;
}

div.buybutton {
	margin: 0 10px 15px 0;
}

div.buybutton a {
	min-width: 180px;
	line-height: 35px;
	color: #fff;
	letter-spacing: 1px;
	font-family: ff-quadraat-sans-sc-web, verdana, sans-serif;
	text-transform: lowercase;
	-webkit-border-radius: 8px;
}

div.buybutton a:hover span {
	background-color: #e44249;
}

div.buybutton a:hover span.price {
	background-color: #cf3a41;
}

div.buybutton a span {
	background: #80baac;
	margin: 0;
	padding: 5px 12px;
	display: inline-block;
	min-width: 125px;
}

div.buybutton a span:first-child {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

div.buybutton a span.price {
	background-color: #68a395;
	display: inline-block;
	min-width: 50px;
	text-align: center;
	letter-spacing: 0;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}



/* =============================

ATLANTIC TOUT

================================ */

section#tout-atlantic {
	background-color: #4f5e67;
	padding: 85px 20px;
	color: #fff;
}

section#tout-atlantic blockquote {
	font-size: 36px;
	line-height: 125%;
	font-style: italic;
	width: 75%;
	max-width: 750px;
	text-align: center;
	margin: 0 auto;
}

p.atlantic a strong {
	display: none;
}

p.atlantic a {
	display: block;
	background: url('img/logo-atlantic.png') no-repeat;
	width: 152px;
	height: 48px;
	margin: 0 auto;
}

section#tout-atlantic div.pullquote:before {
	content: ' ';
	width: 200px;
	height: 10px;
	background-color: #748996;
	display: block;
	margin: 0 auto 45px auto;
}

section#tout-atlantic div.pullquote:after {
	content: ' ';
	width: 200px;
	height: 10px;
	background-color: #748996;
	display: block;
	margin: 45px auto 0 auto;
}










/* =============================

TITLE

================================ */

section#title h1 {
	color: #333;
	font-weight: normal;
	font-size: 60px;
	letter-spacing: -2px;
	line-height: 90%;
	margin: 1em 0 0.25em 0;
	text-align: center;
	color: #e44249;
}

section#title h2 {
	color: #777;
	text-align: center;
	margin-bottom: 2em;
}







/* =============================

INTRO BLOCK

================================ */

section#intro {
	background-color: #a2ded0;
	padding: 60px 10px 30px 10px;
}

section#intro h2 {
	color: #fff;
	margin: 0 auto;
	font-size: 36px;
	font-weight: normal;
	line-height: 125%;
	text-align: center;
}

section#intro a {
	max-width: 225px;
	line-height: 35px;
	color: #fff;
	letter-spacing: 1px;
	font-family: ff-quadraat-sans-sc-web, verdana, sans-serif;
	text-transform: lowercase;
	-webkit-border-radius: 8px;
	background-color: #4f5e67;
	margin: 20px auto 40px auto;
	padding: 5px 12px;
	display: block;
	text-align: center;
}

section#intro a:hover {
	background-color: #e44249;
}

section#intro img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
}

/* =============================

BP TOUT

================================ */

section#tout-bp {
	background-color: #fff;
	padding: 85px 20px;
	color: #666;
}

section#tout-bp blockquote {
	font-size: 50px;
	line-height: 125%;
	font-style: italic;
	width: 75%;
	max-width: 750px;
	text-align: center;
	margin: 0 auto;
}

p.brainpickings a strong {
	display: none;
}

p.brainpickings a {
	display: block;
	background: url('img/logo-brainpickings.png') no-repeat;
	width: 155px;
	height: 40px;
	margin: 0 auto;
}

section#tout-bp div.pullquote:before {
	content: ' ';
	width: 200px;
	height: 10px;
	background-color: #e6e6e6;
	display: block;
	margin: 0 auto 45px auto;
}

section#tout-bp div.pullquote:after {
	content: ' ';
	width: 200px;
	height: 10px;
	background-color: #e6e6e6;
	display: block;
	margin: 45px auto 0 auto;
}



/* =============================

TOC

================================ */

section#toc {
	background-color: #f7f7ec;
	font-family: ff-quadraat-sans-sc-web, verdana, sans-serif;
	text-transform: lowercase;
	color: #4f5e67;
}

section#toc h2 {
	border-bottom: 1px solid #e2e1ca;
	color: #e44249;
	text-align: center;
	padding: 40px 0;
	font-style: italic;
	text-transform: none;
	font-family: ff-quadraat-web, georgia, serif;
}

section#toc ol {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: auto;
	background: url('img/bgwave.gif');
}

section#toc ol li {
	float: left;
	width: 25%;
	overflow: hidden;
	background-color: #e1e0c9;
}

section#toc ol li img {
	max-width: 100%;
	background-color: #f7f7ec;
	margin: 0 auto;
}

section#toc ol li div {
	text-align: center;
	margin: 0;
	padding: 15px 0 20px 0;
	vertical-align: bottom;
	}

section#toc h4 {

	color: #e44249;
	margin: 0px 0px 5px 0px;
	font-size: 16px;
}

section#toc h3 {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

section#toc ol li.foreword {
	width: 50%;
	background: none;
}

section#toc ol li.foreword div.fore {
	background-color: #fff;
	font-size: 17px;
	padding: 30px;
	max-width: 50%;
	margin: 20% auto 0 auto;
}

section#toc ol li.foreword div.fore span.name {
	font-size: 42px;
	color: #e44249;
	font-family: ff-quadraat-web, Georgia, serif;
	text-transform: none;
	display: block;
	margin: 10px 0;
}

section#toc ol li.foreword div.fore span.title {
	color: #b1b096;
}



section#toc ol li { background: #F7F7EC; }
section#toc ol li img { display: block; }
section#toc ol li div { background: #E1E0C9; }

a h3 { color: #4F5E67; }
a:hover h3 { color: #E44249; }


/* =============================

SPREADS

================================ */

section#spreads {
	background: url('img/bgtile.gif');
	padding: 60px 20px;
}

section#spreads .slides_container img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
}

section#spreads a.prev {
	position: absolute;
	left: 50%;
	top: 45%;
	margin-top: -15px;
	margin-left: -465px;
	width: 30px;
	height: 64px;
	background: url('img/arrow-left.png') no-repeat;
}

section#spreads a.next {
	position: absolute;
	left: 50%;
	top: 45%;
	margin-top: -15px;
	margin-left: 435px;
	width: 30px;
	height: 64px;
	background: url('img/arrow-right.png') no-repeat;
}

section#spreads a.next strong, section#spreads a.prev strong { display: none; }


/* =============================

EBOOK

================================ */

section#ebook>div {
	max-width: 930px;
	margin: 0 auto;
	padding: 40px 20px;
	overflow: auto;
	font-size: 21px;
	color: #777;
	line-height: 135%;
}

section#ebook img {
	float: left;
	width: 60%;
	margin-right: 55px;
}

section#ebook h2 {
	padding-top: 45px;
	font-size: 36px;
	color: #e44249;
	line-height: 100%;
}

/* =============================

KICKSTARTER

================================ */

section#kickstarter {
	background-color: #fff;
	padding: 25px;
}

section#kickstarter p {
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}

section#kickstarter p a {
	color: #4f5e67;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

section#kickstarter p a:hover { color: #e44249; }

/* =============================

FOOTER

================================ */

footer {
	background-color: #4f5e67;
	padding: 35px 10px;
	text-align: center;
	color: #86949c;
}




/* =============================

KICKSTARTER PAGE

================================ */

body#kickstarter p {
	text-align: center;
	max-width: 50%;
	margin: 0 auto;
	line-height: 150%;
}

body#kickstarter section:after {
	content: ' ';
	display: block;
	height: 1px;
	width: 100px;
	border-bottom: 1px solid #ccc;
	margin: 40px auto;
}

body#kickstarter section:last-child p {
	margin-bottom: 60px;
	font-size: 30px;
	font-style: italic;
	color: #e44249;
}

body#kickstarter section:last-child:after {	display: none; }

body#kickstarter section#ksintro p {
	font-size: 30px;
	line-height: 120%;
	font-style: italic;
	color: #e44249;
	padding-top: 50px;
}

body#kickstarter section#one { font-size: 30px; }
body#kickstarter section#two { font-size: 26px; }
body#kickstarter section#three { font-size: 21px; }
body#kickstarter section#four { font-size: 18px; }
body#kickstarter section#five { font-size: 16px; }


/* =============================

DOWNLOAD

================================ */

body#download {
	text-align: center;
	margin: 1rem;
}

body#download h1 {
	font-weight: normal;
	font-size: 60px;
	letter-spacing: -2px;
	line-height: 95%;
	margin: 1em 0 0.25em 0;
	text-align: center;
	color: #e44249;
	max-width: 5em;
	margin: 2rem auto;
}

body#download a.button {
	max-width: 225px;
	line-height: 35px;
	color: #fff;
	letter-spacing: 1px;
	font-family: ff-quadraat-sans-sc-web, verdana, sans-serif;
	text-transform: lowercase;
	-webkit-border-radius: 8px;
	background-color: #4f5e67;
	margin: 20px auto 40px auto;
	padding: 5px 12px;
	display: block;
	text-align: center;
}

body#download h2 {
	letter-spacing: 1px;
	font-family: ff-quadraat-sans-sc-web, verdana, sans-serif;
	text-transform: lowercase;
	font-size: 1.5rem;
	color: #777;
}


/* =============================

RESPONSIVIZIER

================================ */

@media screen and (max-width: 850px) {
	section#shelf h1 { line-height: 100%; }
}

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

  header a.title { float: none; display: block; }
  header a.title h1 { margin: 0; padding: 0; }
  header nav ul { float: none; display: block; margin: 0; }

  section#shelf img { float: none; padding: 0; max-width: 400px; width: 100%; margin: 0 auto; padding-right: 0;}
  section#shelf div.introtxt { padding: 0; float: none; width: 100%; }
  section#shelf div.buybutton { display: block; margin: 10px auto; }
  section#shelf h2 { font-size: 20px; }
  section#shelf h1 { font-size: 48px; }
  
  section#tout-atlantic { padding: 30px 10px; }
  section#tout-atlantic blockquote { font-size: 24px; }
  section#tout-atlantic div.pullquote:before { display: none; }
  section#tout-atlantic div.pullquote:after { display: none; }
  
  section#tout-bp { padding: 30px 10px; }
  section#tout-bp blockquote { font-size: 24px; }
  section#tout-bp div.pullquote:before { display: none; }
  section#tout-bp div.pullquote:after { display: none; }
  p.brainpickings { margin-bottom: 0; }
  
  section#toc ol li { width: 50%; }
  section#toc ol li.foreword { width: 100%; padding: 40px 0; }
  section#toc ol li.foreword div.fore { margin: 0 auto; } 
  
  section#ebook img { float: none; width: 100%; margin: 0; padding: 0; }
  
  section#kickstarter p { line-height: 180%; }
  
  body#chap1 p { font-size: 16px; }
  
}

@media screen and (max-width: 400px) {
	section#intro h1 { font-size: 24px; }
	section#toc ol li { width: 100%; }
	section#toc ol li.foreword div.fore { margin: 0 auto; max-width: 70%; }
	body#chap1 article div.chapterillo img { width: 100%; }
}