/*
	==============
	STYLESHEET TOC
	==============

	Search any of the TOC entries below to navigate this stylesheet.

01.	FONT EMBEDDING
02.	GLOBAL
03.	HEADERS
04.	COPYRIGHT
05.	TABLE OF CONTENTS
06.	FOOTNOTES
07.	IMAGES
08.	TABLES (IMAGE-BASED & HTML TABLES)
09.	FLOATED IMAGES | FLOATED TEXT BOXES
10.	METHOD (PROCESS) SECTION WITH IMAGES
11.	PULLQUOTES AND TEXTBOXES
12.	INGREDIENT LISTS
13.	AUDIO & VIDEO
14.	SIDEBARS
15.	POETRY
16.	OTHER STYLES
17.	MEDIA QUERIES
18.	MEDIA QUERIES FOR E-INK DEVICES








	============================================================
	


						  FONT EMBEDDING



	============================================================

	Please note how ALL weights from the same font family share the exact
	same CSS font-family name. This allows us to call the relevant font
	style or font weight in the HTML by using simply <strong> and <em>
	tags--no extra classes required.

	>>>>>PLEASE STRICTLY ADHERE TO THE ABOVE METHODOLOGY.<<<<<

	>> Always use a font-stack that falls back to either 'serif' or 'sans-serif'.
*/


@font-face { 
        font-family: "ClarendonPro-Bold";
        src: url(../fonts/ClarendonPro-Bold.otf);
}

@font-face { 
        font-family: "ClarendonPro-ExtraBold";
        src: url(../fonts/ClarendonPro-ExtraBold.otf);
}

@font-face { 
        font-family: "ClarendonPro-Light";
        src: url(../fonts/ClarendonPro-Light.otf);
}

@font-face { 
        font-family: "ClarendonPro-Medium";
        src: url(../fonts/ClarendonPro-Medium.otf);
}

@font-face { 
        font-family: "TradeGothicLTPro-Bold";
        src: url(../fonts/TradeGothicLTPro-Bold.otf);
}

@font-face { 
        font-family: "TradeGothicLTPro-BoldObl";
        src: url(../fonts/TradeGothicLTPro-BoldObl.otf);
}

@font-face { 
        font-family: "TradeGothicLTPro-Light";
        src: url(../fonts/TradeGothicLTPro-Light.otf);
}

@font-face { 
        font-family: "TradeGothicLTPro-LightObl";
        src: url(../fonts/TradeGothicLTPro-LightObl.otf);
}

@font-face { 
        font-family: "TradeGothicLTPro-Obl";
        src: url(../fonts/TradeGothicLTPro-Obl.otf);
}

@font-face { 
        font-family: "TradeGothicLTPro";
        src: url(../fonts/TradeGothicLTPro.otf);
}

@font-face { 
        font-family: "TradeGothicLTPro-BdCn20";
        src: url(../fonts/TradeGothicLTPro-BdCn20.otf);
}

@font-face { 
        font-family: "TradeGothicLTPro-BdCn20Obl";
        src: url(../fonts/TradeGothicLTPro-BdCn20Obl.otf);
}
	
/*
	============================================================



							  GLOBAL



	============================================================
*/
body {
	color: #000;
}
p.indented {
        font-family: "TradeGothicLTPro-Light";
	margin-top:0em;
	margin-bottom: 0.1em;
	orphans: 2;
	text-indent: 1em;
}
/*	Remove paragraph indents on the first paragraph of a chapter.	*/
p.first_paragraph {
        font-family: "TradeGothicLTPro-Light";
	text-indent: 0em;
	margin-top:0em;
	margin-bottom: 0.1em;
}
/*	Capitialize the first three words of the chapter.	*/
p span.uppercase {
	font-size: 0.8em;
	text-transform: uppercase;
}
a, a:visited {
        text-decoration: none;
	color: #000;
}
div.caption {
	width: 100%;
	margin-top: 0.5em;
	padding: 0px;
	page-break-before: avoid;
	page-break-inside: avoid;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.3em;
}
sup, sub {
	font-size: xx-small;
}
.pagebreak_after {
	page-break-after: always;
	margin-bottom: 0em !important;
	padding-bottom: 0em !important;
}
.pagebreak_before {
	page-break-before: always;
	margin-top: 0em !important;
	padding-top: 0em !important;
}
img {
	border: none;
}

.trade-pro
{
        font-family: "TradeGothicLTPro";
}

.trade-li
{
        font-family: "TradeGothicLTPro-Light";
}

.trade-italic
{
        font-family: "TradeGothicLTPro-LightObl";
}

.trade-bold
{
        font-family: "TradeGothicLTPro-BdCn20";
}

.red
{
	color: #e40039;
}

.white
{
	color: #ffffff;
}

.orange
{
	color: #e94d22;
}

.blue
{
	color: #188ec1;
}

.purple
{
	color: #811347;
}

.grey
{
	color: #6f6f6e;
}

.green
{
	color: #169ca0;
}

.pink
{
	color: #ed7488;
}


.num-green
{
        font-family: "ClarendonPro-Bold";
	color: #a5cccf;
}

.num-orange
{
        font-family: "ClarendonPro-Bold";
	color: #f6ae8b;
}

.num-purple
{
        font-family: "ClarendonPro-Bold";
	color: #ba8396;
}

.num-red
{
        font-family: "ClarendonPro-Bold";
	color: #f39a93;
}

.num-blue
{
        font-family: "ClarendonPro-Bold";
	color: #a4c4e1;
}

.num
{
        font-family: "ClarendonPro-Bold";
}


div.grey-box {
        font-family: "ClarendonPro-Medium";
	width: 100%;
	font-size: 1.3em;
	color: #ffffff;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

div.box1 {
        font-family: "ClarendonPro-Medium";
	width: 100%;
	font-size: 1.3em;
	color: #169ca0;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

div.box {
        font-family: "ClarendonPro-Medium";
	width: 100%;
	font-size: 1.3em;
	color: #ffffff;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}
span.green-box {
	background-color: #169ca0;
	padding: 5px 5px;
}

span.green-box1 {
	background-color: #ffffff;
	padding: 5px 5px;
}

span.orange-box {
	background-color: #e94d22;
	padding: 5px 5px;
}


span.purple-box {
	background-color: #811347;
	padding: 5px 5px;
}

span.blue-box {
	background-color: #188ec1;
	padding: 5px 5px;
}

span.red-box {
	background-color: #e40039;
	padding: 5px 5px;
}

span.yellow-box {
	background-color: #f9ae48;
	padding: 5px 5px;
}

h3.head {
        font-family: "TradeGothicLTPro-BdCn20";
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 0.1em;
	text-align: left;
	font-weight: normal;
	page-break-inside: avoid;
}

h2.reci-head {
        font-family: "ClarendonPro-Medium";
	font-size: 2.1em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	text-indent: 0em;
	page-break-before: always;
}

h2.reci-head1 {
        font-family: "ClarendonPro-Medium";
	font-size: 1.6em;
	margin-top: 1em;
	margin-bottom: 1.5em;
	text-indent: 0em;
}

.intro {
        font-family: "TradeGothicLTPro-Light";
	margin-top: 1.5em;
	margin-bottom: 0em;
	text-indent: 0em;
}

p.serves {
        font-family: "TradeGothicLTPro";
	font-size: 0.8em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	text-indent: 0em;
}

p.ingredients {
        font-family: "TradeGothicLTPro";
	font-size: 0.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	margin-left: 1.4em;
	text-indent: -1.4em;
}

p.ingredients1 {
        font-family: "TradeGothicLTPro";
	font-size: 0.8em;
	margin-top: 0.2em;
	margin-bottom: 1.5em;
	margin-left: 1.4em;
	text-indent: -1.4em;
}

p.ingredients-head {
        font-family: "TradeGothicLTPro-Bold";
	font-size: 0.8em;
	margin-top: 1.2em;
	margin-bottom: 0.1em;
	margin-left: 1.4em;
	text-indent: -1.4em;
}

.tips {
        font-family: "ClarendonPro-Bold";
	font-size: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.1em;
	text-indent: 0em;
}

.center
{
	text-align: center;
}


p.toc-txt1 {
        font-family: "TradeGothicLTPro-Light";
	margin-top:0.7em;
	margin-bottom: 0.5em;
	orphans: 2;
	text-indent: 0em;
}

p.toc-txt-ind {
        font-family: "TradeGothicLTPro-Light";
	margin-top:0.4em;
	margin-bottom: 0.4em;
	orphans: 2;
	margin-left: 1.5em;
	text-indent: 0em;
}

p.toc-txt2 {
        font-family: "TradeGothicLTPro-Light";
	margin-top:0.7em;
	margin-bottom: 1.5em;
	orphans: 2;
	text-indent: 0em;
}

p.toc-txt3 {
        font-family: "TradeGothicLTPro-Light";
	margin-top:1.5em;
	margin-bottom: 0.5em;
	orphans: 2;
	text-indent: 0em;
}

p.toc-txt {
        font-family: "ClarendonPro-Light";
	font-size: 1.1em;
	margin-top:0.7em;
	margin-bottom: 0.5em;
	orphans: 2;
	text-indent: 0em;
}

p.first_paragraph1 {
        font-family: "TradeGothicLTPro-Light";
	text-indent: 0em;
	margin-top:0em;
	margin-bottom: 0.5em !important;
}

p.list-rec {
        font-family: "TradeGothicLTPro-Light";
	margin-top:0.2em;
	margin-bottom: 0em;
	orphans: 2;
	text-indent: 0em;
}

p.list-rec1 {
        font-family: "TradeGothicLTPro-Light";
	margin-top:1.2em;
	margin-bottom: 0em;
	orphans: 2;
	text-indent: 0em;
}

p.chap-head {
        font-family: "ClarendonPro-Medium";
	font-size: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.7em;
	text-align: center;
	text-indent: 0em;
}

p.chap-reci {
        font-family: "TradeGothicLTPro-Light";
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	text-align: center;
	text-indent: 0em;
}

p.flush_left {
        font-family: "TradeGothicLTPro-Light";
	margin-top: 1.2em;
	margin-bottom: 1em;
	orphans: 2;
	text-indent: 0em;
}

p.copyright {
        font-family: "TradeGothicLTPro-Light";
	margin-top: 1em;
	margin-bottom: 0em;
	orphans: 2;
	text-indent: 0em;
	text-align: center;
}

p.clar-para {
        font-family: "ClarendonPro-Light";
	margin-top:1em;
	margin-bottom: 1em;
	orphans: 2;
	text-indent: 0em;
}

p.author {
        font-family: "TradeGothicLTPro-BdCn20";
	font-size: 1.1em;
	margin-top:1em;
	margin-bottom: 0.5em;
	orphans: 2;
	text-indent: 0em;
}

div.purple-border {
	border-bottom: #811347 1px solid;
	text-indent: 0em;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.green-border {
	border-bottom: #169ca0 1px solid;
	text-indent: 0em;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.orange-border {
	border-bottom: #e94d22 1px solid;
	text-indent: 0em;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.red-border {
	border-bottom: #e40039 1px solid;
	text-indent: 0em;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.blue-border {
	border-bottom: #188ec1 1px solid;
	text-indent: 0em;
	margin-top: 1em;
	margin-bottom: 1em;
}


.list1 {
	margin-top: 1em;
	margin-bottom: 0.2em;
	margin-left: 1.4em;
	text-indent: -1.4em;
	text-align: left;
	font-style: normal;
}

.list {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	margin-left: 1.4em;
	text-indent: -1.4em;
	text-align: left;
	font-style: normal;
}

.list2 {
	margin-top: 0.2em;
	margin-bottom: 0.5em !important;
	margin-left: 1.4em;
	text-indent: -1.4em;
	text-align: left;
	font-style: normal;
}

p.indexhead {
        font-family: "ClarendonPro-Medium";
	font-size: 1.3em;
	margin-top: 1.3em;
	margin-bottom: 0.5em;
	text-indent: 0em;
}

p.indexmain {
        font-family: "TradeGothicLTPro-Light";
	margin-top:0.1em;
	margin-bottom: 0em;
	margin-left: 0.8em;
	text-indent: -0.8em;
}

p.indexsub {
        font-family: "TradeGothicLTPro-Light";
	margin-top:0.1em;
	margin-bottom: 0em;
	margin-left: 2em;
	text-indent: -0.8em;
}


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



							 HEADERS



	============================================================
*/
h1 {
	font-size: 2.2em;
	margin-top: 0em;
	margin-bottom: 1em;
	text-align: left;
	font-weight: normal;
	color: #ef6b00;
	clear: both;
	page-break-inside: avoid;
}
h2 {
        font-family: "ClarendonPro-Medium";
	font-size: 2.1em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	text-align: left;
	font-weight: normal;
	clear: both;
	page-break-inside: avoid;
}
h3 {
        font-family: "ClarendonPro-Medium";
	font-size: 1.4em;
	margin-top: 0em;
	margin-bottom: 1em;
	text-align: left;
	font-weight: normal;
	page-break-inside: avoid;
}
h4 {
        font-family: "TradeGothicLTPro-Bold";
	font-size: 1.1em;
	margin-top: 1em;
	margin-bottom: 0.1em;
	text-align: left;
	font-weight: normal;
	page-break-inside: avoid;
}
h5 {
	font-size: 1em;
	margin-top: 0em;
	margin-bottom: 1em;
	font-weight: bold;
	page-break-inside: avoid;
}
h1 + h2, h2 + h3 {
	margin-top: -1em;
}
p + h1, p + h2, p + h3, p + h4, p + h5, p + .header_decor {
	margin-top: 1em;
}
ul {
	margin: 1em auto;
}
ul + h1, ul + h2, ul + h3, ul + h4, ul +h5 {
	margin-top: 2em;
}
div + h2, div + h3, div + h4, div + h5, div + h6 {
	margin-top: 1em;
}
/*
	==================
	DECORATIVE HEADERS
	==================
*/
h2.header_image {
	text-align:center;
	page-break-inside: avoid;
	width: 100%;
}
h2.header_image img {
	width: 100%;
}
h2.header_image > span.header_secret_text {
	display: block;
	height: 1px;
	font-size: 1px;
	text-indent: -9999px;
}
.header_decor1 {
	text-align: center;
	page-break-inside: avoid;
	line-height: 2em;
}
.header_decor2 {
	width: 100%;
	text-align: center;
	margin: 2em auto 1.5em auto;
	page-break-inside: avoid;
	font-size: 140%;
	font-style: normal;
	font-variant: small-caps;
}
.header_decor3 {
	text-align: center;
	margin: 2em auto 1.5em auto;
	page-break-inside: avoid;
	font-size: 140%;
	font-style: normal;
	font-variant: small-caps;
}
.header_decor2 img, .header_decor3 img {
	width: 20%;
	max-height: 100%;
	margin: 0px auto;
}
/*
	============================================================



							COPYRIGHT



	============================================================
*/
body.copyright_page {
        font-family: "TradeGothicLTPro-Light";
	text-align: left;
	font-size: 75%;
}
/*
	============================================================



						TABLE OF CONTENTS

	[In this instance the Epub3 NAV doc has been re-used as TOC]



	============================================================
*/
ol.toc_lvl1 {
	list-style-type: none;
	padding-left: 0.5em;
}
ol.toc_lvl2 {
	list-style-type: none;
	padding-left: 1.5em;
	margin-top: 0.5em;
}
.toc_lvl1 li, .toc_lvl2 li {
	margin-bottom: 0.5em;
}
.toc_lvl1 a, .toc_lvl1 a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: none;
}
.toc_lvl2 a, .toc_lvl2 a:visited {
	color: #000;
	text-decoration: none;
	font-style: italic; /* Optional */
	border-bottom: none;
}
/*
	============================================================



							FOOTNOTES



	============================================================
*/
h5.footnote_section_header {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 75%;
	color: #fff;
	margin-top: 4em;
	margin-bottom: 2em;
}
.footnote_section_header span {
	background-color: #bebebe;
	padding: 2px 5px;
	text-align: center;
	border-radius: 10px;
}
aside.footnote_wrapper:first-of-type {
	margin-top: 20%;
}
.footnote_section_header + .footnote_wrapper {
	page-break-before: avoid;
	margin-top: 0em !important;
}
.footnote_wrapper {
	font-size: 75%;
	font-style: normal;
	text-align: justify;
	margin: 0em 5% 1em 5%;
	border-radius: 5px;
	width: 90%;
}
.footnote_wrapper p {
	padding-left: 10px;
	padding-right: 10px;
	margin: auto;
}
.footnote_return {
	display: block;
	font-weight: bold;
	margin-bottom: 0em;
	padding: 4px 4px 4px 0px;
	text-transform: capitalize;
}
a.footnote_link {
	display: inline-block;
	vertical-align: super;
	padding: 0px 2px 0.4em 2px;
	margin: 0px !important;
	line-height: 100%;
	font-size: xx-small;
	font-weight: bold;
	border-bottom: 0px;
}
/*
	============================================================



							  IMAGES



	============================================================
*/
img {	/*-- iOS8 Image Fix --*/
	display: inline;
}
/*
	=========================================
	Inline Images Example
	(Apply to image, adjust values as needed)
	=========================================
*/
.inline_image {
	height: 1em; /* Variable, adjust as necessary */
	vertical-align: middle; /* Top, middle, bottom as needed */
}
/*
	============
	Small Images
	============
*/
.portrait_small {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 6px; /* Optional */
	margin: 1.5em 32.5%;
	width: 35%;
}
.portrait_small img {
	page-break-inside: avoid;
	border-radius: 6px; /* Optional */
	width: 100%;
}
.landscape_small {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 6px; /* Optional */
	margin: 1.5em 20%;
	width: 60%;
}
.landscape_small img {
	page-break-inside: avoid;
	border-radius: 6px; /* Optional */
	width: 100%;
}
/*
	==============
	Default Images
	==============
*/
.portrait_default {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 6px; /* Optional */
	margin: 1.5em 30%;
	width: 40%;
}
.portrait_default img {
	page-break-inside: avoid;
	border-radius: 6px; /* Optional */
	width: 100%;
}
.landscape_default {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 6px; /* Optional */
	margin: 1.5em 15%;
	width: 70%;
}
.landscape_default img {
	page-break-inside: avoid;
	border-radius: 6px; /* Optional */
	width: 100%;
}
/*
	=============
	Medium Images
	=============
*/
.portrait_medium {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 6px;
	margin: 1.5em 25%;
	width: 50%;
}
.portrait_medium img {
	page-break-inside: avoid;
	border-radius: 6px;
	width: 100%;
}
.landscape_medium {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 6px;
	margin: 1.5em 8%;
	width: 84%;
}
.landscape_medium img {
	page-break-inside: avoid;
	border-radius: 6px;
	width: 100%;
}
/*
	==============================================
	Large Images + Double Page Spread (DPS) Images
	==============================================
*/
.portrait_large {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 6px;
	margin: 1.5em 17.5%;
	width: 65%;
}
.portrait_large img {
	page-break-inside: avoid;
	border-radius: 6px; /* Optional */
	width: 100%;
}
.landscape_large {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 6px;
	margin: 1.5em auto;
	width: 100%;
}
.landscape_large img {
	page-break-inside: avoid;
	border-radius: 6px;
	width: 100%;
}
/*
	================
	FULL PAGE IMAGES
	================
*/
.image_full, .image_full_caption {
	text-align: center;
	page-break-before: always;
	page-break-after: always;
	page-break-inside: avoid;
	clear: both;
	border-radius: 6px; /* Optional */
	padding: 0px;
	margin: 0em auto;
	height: 99%;
	height: 99vh;
	width: 100%;
}
.image_full img {
	page-break-inside: avoid;
	border-radius: 6px; /* Optional */
	max-width: 100%;
	max-height: 100%;
}
.image_full_caption img {
	page-break-inside: avoid;
	border-radius: 6px; /* Optional */
	height: 90%;
}
.cover_image {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 6px; /* Optional */
	padding: 0px;
	margin: 0em auto;
	height: 99%;
	height: 99vh;
	width: 100%;
}
.cover_image img {
	page-break-inside: avoid;
	height: 100%;
	max-width: 100%;
}
/*
	===============================
	METHOD (PROCESS) SECTION IMAGES
	===============================
*/
.process_grid_wrapper {
	width: 100%;
	text-align: center;
	margin: 1em auto;
}
.process_grid {
	text-align: center;
	page-break-inside: avoid;
	border-radius: 5px; /* Optional */
	display: inline-block;
	margin: 0px;
	padding: 2px;
	width: 46%;
}
.process_grid_3_cols {
	text-align: center;
	page-break-inside: avoid;
	border-radius: 5px; /* Optional */
	display: inline-block;
	margin: 0px;
	padding: 2px;
	width: 31%;
}
.process_grid img, .process_grid_3_cols img {
	page-break-inside: avoid;
	border-radius: 6px; /* Optional */
	width: 100%;
}
span.process_number {
	display: inline-block;
	text-align: center;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	margin-right: 0.5em;
	color: #fff; /* Variable */
	background-color: #000; /* Variable */
	border-radius: 50%;
}
/*
	============================================================



				 TABLES (IMAGE-BASED & HTML TABLES)



	============================================================

	==================
	Image-based Tables
	==================
*/
.image_table {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	margin: 1.5em auto;
	width: 100%;
}
.image_small_table {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	margin: 1.5em 27.5%;
	width: 45%;
}
.image_table img, .image_small_table img {
	page-break-inside: avoid;
	width: 100%;
}
.image_table + .image_table {
	margin-top: -1.5em;
}
/*
	===========
	HTML Tables
	===========
*/
table.example_html_table {
	width: 60%;
	margin: 1.5em 20%;
	font-size: 90%;
	vertical-align: middle;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.example_html_table th {
	text-align: center;
	background-color: #ccc;
	padding: 5px;
}
.example_html_table td {
	width: 50%;
	text-align: left;
	padding: 5px;
	border: 1px solid #ccc;
}
table + .caption {
	margin-top: -1em;
	page-break-before: avoid !important;
}
/*
	============================================================



				FLOATED IMAGES | FLOATED TEXT BOXES



	============================================================
*/
div.floatbox_left {
	position: relative;
	font-size: 80%;
	font-style: italic;
	text-align: left;
	width: 25%;
	margin: 0em 2em 2em 0em;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 3px 3px 2px #ddd;
	background-color: rgb(240,240,240);
	float: left;
}
div.floatbox_right {
	position: relative;
	font-size: 80%;
	font-style: italic;
	text-align: left;
	width: 25%;
	margin: 0em 0em 2em 2em;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 3px 3px 2px #ddd;
	background-color: rgb(240,240,240);
	float: right;
}
div.floatimage_right {
	position: relative;
	float: right;
	margin: 1em 0em 2em 2em;
	text-align: center;
	width: 35%;
	page-break-inside: avoid;
}
div.floatimage_right img {
	page-break-inside: avoid;
	border-radius: 6px; /* Optional */
	width: 100%;
}
div.floatimage_left {
	position: relative;
	float: left;
	margin: 1em 2em 2em 0em;
	text-align: center;
	width: 35%;
	page-break-inside: avoid;
}
div.floatimage_left img {
	page-break-inside: avoid;
	border-radius: 6px; /* Optional */
	width: 100%;
}
/*
	============================================================



					 PULLQUOTES AND TEXTBOXES



	============================================================
*/
.txt_box {
	page-break-inside: avoid;
	width: 85%;
	margin-left: 7.5%;
	margin-right: 7.5%;
	margin-top: 1em;
	margin-bottom: 1em;
	font-style: italic;
	padding: 10px 0px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
}
.txt_box_header {
	text-align: center;
	margin: 0px auto 0.5em auto;
	font-style: normal;
	font-weight: bold;
}
.txt_box_content {
	margin: 0em !important;
	text-indent: 0em;
	text-align: center;
}
/*
	=====
	Box 2
	=====
*/
.txt_box2 {
	page-break-inside: avoid;
	width: 85%;
	margin-left: 6%;
	margin-right: 6%;
	margin-top: 1em;
	margin-bottom: 1em;
	font-style: italic;
	padding: 10px 2%;
	background-color: #eee;
	border: 1px dotted #adadad;
	border-radius: 3px;
	clear: both;
}
.txt_box2_header {
	text-align: center;
	margin: 0px auto 0.5em auto;
	font-style: normal;
	font-weight: bold;
}
.txt_box2_content {
	margin: 0em !important;
	text-indent: 0em;
	text-align: center;
}
/*
	=====
	Box 3
	=====
*/
.txt_box3 {
	page-break-inside: avoid;
	width: 85%;
	margin-left: 6%;
	margin-right: 6%;
	margin-top: 1em;
	margin-bottom: 1em;
	font-style: italic;
	padding: 15px 2% 10px 2%;
	background-color: #d6d6d6;
	background-repeat: repeat-x;
	background-position: left top;
	border-radius: 3px;
	clear: both;
}
.txt_box3_header {
	text-align: center;
	margin: 0px auto 0.5em auto;
	font-style: normal;
	font-weight: bold;
}
.txt_box3_content {
	margin: 0em !important;
	text-indent: 0em;
	text-align: center;
}
/*
	=====
	Box 4
	=====
*/
.txt_box4 {
	page-break-inside: avoid;
	width: 85%;
	margin-left: 7.5%;
	margin-right: 7.5%;
	margin-top: 1em;
	margin-bottom: 1em;
	font-style: italic;
	padding: 0px;
	text-align: center;
	overflow: hidden;
	clear: both;
}
.txt_box4_header {
	text-align: center;
	margin: 0px auto 0.5em auto;
	font-style: normal;
	font-weight: bold;
}
.txt_box4_content {
	margin: 0em !important;
	text-indent: 0em;
	text-align: center;
}
.txt_box4 .textbox_border_image {
	width: 100%;
}
.txt_box4 .textbox_border_image:last-of-type {
	margin-top: 0.5em;
}
/*
	=====
	Box 5
	=====
*/
.txt_box5 {
	page-break-inside: avoid;
	width: 80%;
	margin: 1em 6.9%;
	padding: 5px 10px 10px 10px;
	background-color: #a13f3f;
	border-left: 15px solid #5f0f0f;
	border-right: 15px solid #5f0f0f;
	font-size: 1.4em;
	color: #f0dada;
	border-radius: 2px 50px 2px 50px;
	clear: both;
}
.txt_box5_header {
	text-align: left;
	margin: 0px auto 0.5em auto;
	font-style: normal;
	font-weight: bold;
}
.txt_box5_content {
	margin: 0em;
	font-style: normal;
	font-weight: normal;
	text-indent: 0em;
	text-align: left;
	padding-left: 10px;
}
/*
	=====
	Box 6
	=====
*/
.txt_box6 {
	page-break-inside: avoid;
	width: 40%;
	float: right;
	margin: 0.25em auto 0.5em 0.5em;
	font-style: italic;
	padding: 0px 0px 0px 5px;
	border-left: 15px solid #eee;
	font-size: 1.5em;
	clear: both;
}
.txt_box6_header {
	text-align: left;
	margin: 0px auto 0.5em auto;
	font-style: normal;
	font-weight: bold;
}
.txt_box6_content {
	margin: 0em;
	text-indent: 0em;
	text-align: left;
}
/*
	=====
	Box 7
	=====
*/
.txt_box7 {
	page-break-inside: avoid;
	font-size: 75%;
	font-style: normal;
	text-align: justify;
	margin: 0em 5% 1em 5%;
	border: 1px solid #6bad81;
	border-radius: 5px;
	width: 90%;
	clear: both;
}
.txt_box7 p {
	padding: 10px;
}
.txt_box7 p + p {
	padding-top: 0px;
	margin-top: -15px;
}
h5.txt_box7_header {
	display: block;
	background-color: #6bad81; /* Must match border color. */
	color: #fff;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 0em;
	padding: 4px 4px 4px 10px;
	text-transform: capitalize;
}
.txt_box7_content {
	text-indent: 0px;
}
/*
	=====
	Box 8
	=====
*/
.txt_box8 {
	width: 95%;
	margin: 1em auto;
	padding: 5px 10px;
	background-color: #eee;
	border-radius: 6px;
	clear: both;
}
.txt_box8_header {
	text-align: left;
	margin: 0px auto 0.5em auto;
	font-style: normal;
	font-weight: bold;
}

.txt_box8_content_list1 {
	margin-top: 1em;
	margin-bottom: 0.2em;
	margin-left: 1.8em;
	text-indent: -1.5em;
	text-align: left;
	font-style: normal;
}

.txt_box8_content_list {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	margin-left: 1.8em;
	text-indent: -1.5em;
	text-align: left;
	font-style: normal;
}

.txt_box8_content_list2 {
	margin-top: 0.2em;
	margin-bottom: 0.5em !important;
	margin-left: 1.8em;
	text-indent: -1.5em;
	text-align: left;
	font-style: normal;
}

.txt_box_pink {
	width: 90%;
	margin: 1em auto;
	padding: 5px 10px;
	background-color: #c0839c;
	border-radius: 6px;
	clear: both;
}

.txt_box_green {
	width: 90%;
	margin: 1em auto;
	padding: 5px 10px;
	background-color: #a5cecf;
	border-radius: 6px;
	clear: both;
}

.txt_box_yellow {
	width: 90%;
	margin: 1em auto;
	padding: 5px 10px;
	background-color: #f9ae48;
	border-radius: 6px;
	clear: both;
}

.txt_box_purple {
	width: 90%;
	margin: 1em auto;
	padding: 5px 10px;
	background-color: #bf829b;
	border-radius: 6px;
	clear: both;
}

.txt_box_blue {
	width: 90%;
	margin: 1em auto;
	padding: 5px 10px;
	background-color: #8ab5d1;
	border-radius: 6px;
	clear: both;
}

.txt_box_red {
	width: 90%;
	margin: 1em auto;
	padding: 5px 10px;
	background-color: #ed7488;
	border-radius: 6px;
	clear: both;
}

.bullet_list1 {
        font-family: "TradeGothicLTPro-Light";
	margin-top: 1em;
	margin-bottom: 0.1em;
	margin-left: .8em;
	text-indent: -0.8em;
	text-align: left;
	font-style: normal;
}

.bullet_list {
        font-family: "TradeGothicLTPro-Light";
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.8em;
	text-indent: -0.8em;
	text-align: left;
	font-style: normal;
}

.bullet_list2 {
        font-family: "TradeGothicLTPro-Light";
	margin-top: 0.1em;
	margin-bottom: 0.5em !important;
	margin-left: .8em;
	text-indent: -0.8em;
	text-align: left;
	font-style: normal;
}

p.hang {
        font-family: "TradeGothicLTPro-Light";
	margin-top:0.1em;
	margin-bottom: 0.1em;
	orphans: 2;
	margin-left: 0.8em;
	text-indent: 0em;
}

p.hang1 {
        font-family: "TradeGothicLTPro-Light";
	margin-top:0.1em;
	margin-bottom: 0.5em !important;
	orphans: 2;
	margin-left: 0.8em;
	text-indent: 0em;
}

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



						 INGREDIENT LISTS



	============================================================
*/
div.ingredient_wrapper {
	width: 70%;
	margin: 1.5em auto;
	font-style: normal;
	font-size: 90%;
	text-align: left;
}
div.ingredient_wrapper_centered {
	width: 70%;
	margin: 1.5em auto;
	font-style: normal;
	font-size: 90%;
	text-align: center;
}
h5.ingredient_header { /* Apply this class to the header for each ingredient block */
	font-weight: bold;
	font-style: normal;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	margin-top: 0em;
	text-align: inherit;
}
ul.ingredient_items { /* Parent element for each ingredient block */
	padding: 0px;
	margin-top: 0px;
	list-style-type: none;
}
.ingredient_wrapper ul.ingredient_items li {
	margin-left: 0.5em;
	text-indent: -0.5em;
}
.ingredient_wrapper_centered ul.ingredient_items li {
	text-align: center;
}
/*
	============================================================



						  AUDIO & VIDEO



	============================================================
*/
div.media_wrapper {
	text-align: center;
	border-radius: 6px;
	margin: 1.5em auto;
	padding: 0px;
	width: 100%;
	page-break-inside: avoid;
}
audio {
	width: 50%;
	border-radius: 6px;
}
video {
	border-radius: 6px;
}
img.nomedia_warning {
	background-repeat: no-repeat;
	background-position: center center;
}
/*
	============================================================



							 SIDEBARS



	============================================================

	The sidebar must use the <aside> tag as well as the epub type 'sidebar', ie: <aside class="sidebar_wrapper" epub:type="sidebar"></aside> */
aside.sidebar_wrapper {
	width: 25%;
	float: left;
	margin-right: 3%;
	margin-top: 0.4em;
	padding: 0px;
	font-size: 0.72em;
	font-weight: normal;
	text-align: left; /* Or text-align:right */
	line-height: 1.2em;
	page-break-before: avoid;
}
/*	'div.maincontent_wrapper' *MUST ALWAYS* follow immediately after 'aside.sidebar_wrapper'. */
div.maincontent_wrapper {
	float: right;
	width: 71%;
	margin-top: 0em;
	padding: 0px;
}
/*	'div.clear_float' *MUST ALWAYS* follow immediately after 'div.maincontent_wrapper'. The only content of this div must a single non-breaking space &#160; ie: <div class="clear_float">&#160</div>	*/
div.clear_float {
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 0px !important;
}
/*	All headers within '.sidebar_wrapper' must use the <h5> tag.	*/
.sidebar_wrapper h5 {
    font-family: "myFont";
    font-weight: bold;
	color: #ef6b00;
	text-align: inherit;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	line-height: 1.2em;
}
.sidebar_wrapper h5:first-child {
	margin-top: 0em;
}
/*	Not only paragraphs, but also each child list item of '.sidebar_wrapper' must also use the <p> tag.	*/
.sidebar_wrapper p {
	text-align: inherit;
	margin-bottom: 0.5em;
	text-indent: 0px !important;
}
/*
	============================================================



							  POETRY



	============================================================
*/
.poetry_stanza, .numbered_paragraphs {
	margin: 1em 10% auto 0px;
	width: 90%;
	overflow: visible;
	text-align: justify;
}
.poetry_line {
	text-align: left;
	margin-left: 0em;
	text-indent: 0em;
}
.poetry_line_indented {
	text-align: left;
	margin-left: 1em;
}
.line_number {
	text-indent: 0em;
	text-align: right;
	width: 7%;
	margin: 0.4em -9% auto auto;
	padding: 0em;
	font-size: 65%;
	display: inline-block;
	float: right;
}
/*
	============================================================



						   OTHER STYLES



	============================================================
*/
.underline {
	border-bottom: 1px solid #ccc;
}
/*
	============================================================



						  MEDIA QUERIES

	[Must sit at the end of the very last referenced stylesheet]



	============================================================


	================================================
	REMOVE DIFFERENT VERSIONS FROM THE DOCUMENT FLOW
	================================================
*/
@media not amzn-kf8 {
	.kf8_only {
		display: none;
	}
}
@media amzn-kf8 {
	.epub3_only {
		display: none;
	}
}
/*
	=================================
	KF8 NIGHT-MODE FIX FOR HYPERLINKS
	=================================
*/
@media amzn-kf8 {
	.toc_level1 a, .toc_level1 a:visited {
		color: #0066ff;
		text-decoration: none;
		border-bottom: none;
	}
	.toc_level2 a, .toc_level2 a:visited {
		color: #0066ff;
		text-decoration: none;
		border-bottom: none;
	}
}
/*
	=================================
	SIDEBAR LAYOUT FOR KINDLE IOS APP
	=================================
*/
@media amzn-kf8 and (device-height: 1024px) and (device-width: 768px), amzn-kf8 and (device-height: 768px) and (device-width: 1024px) {
	.sidebar_wrapper {
		width: 100%;
		text-align: center;
		float: none;
		font-size: 1em;
	}
	.maincontent_wrapper {
		width: 100%;
		float: none;
	}
	.sidebar_wrapper p {
		text-align: center;
		font-size: 0.9em;
	}
	.sidebar_wrapper h5 {
		text-align: center;
	}
}
/*
	==================
	KINDLE IMAGE FIXES
	==================

*/
@media amzn-kf8 {
	/*
		==
		KF8 Small Images
		==
	*/
	.portrait_small {
		text-align: center;
		width: 100%;
		margin: 1.5em auto;
	}
	.portrait_small img {
		width: 35%;
	}
	.landscape_small {
		text-align: center;
		width: 100%;
		margin: 1.5em auto;
	}
	.landscape_small img {
		width: 60%;
	}
	/*
		==
		KF8 Default Images
		==
	*/
	.portrait_default {
		text-align: center;
		width: 100%;
		margin: 1.5em auto;
	}
	.portrait_default img {
		width: 40%;
	}
	.landscape_default {
		text-align: center;
		width: 100%;
		margin: 1.5em auto;
	}
	.landscape_default img {
		width: 70%;
	}
	/*
		==
		KF8 Medium Images
		==
	*/
	.portrait_medium {
		text-align: center;
		width: 100%;
		margin: 1.5em auto;
	}
	.portrait_medium img {
		width: 50%;
	}
	.landscape_medium {
		text-align: center;
		width: 100%;
		margin: 1.5em auto;
	}
	.landscape_medium img {
		width: 84%;
	}
	/*
		==
		KF8 Large Images
		==
	*/
	.portrait_large {
		width: 100%;
		margin: 1.5em auto;
	}
	.portrait_large img {
		width: 65%;
	}
	.landscape_large {
		text-align: center;
		width: 100%;
		margin: 1.5em auto;
	}
	.landscape_large img {
		width: 100%;
	}
	/*
		==
		KF8 FULL PAGE IMAGES
		==
	*/
	.image_full, .image_full_caption {
		text-align: center;
		height: 100%;
		width: 100%;
	}
	.image_full img {
		height: 99%;
	}
	.image_full_caption img {
		height: 90%;
	}
	/*
		==
		KF8 IMAGE BASED TABLES
		==
	*/
	.image_small_table {
		text-align: center;
		width: 100%;
		margin: 1.5em auto;
	}
	.image_small_table img {
		width: 45%;
	}	
}/* -- End KF8 Image Fix Media Queries --*/
/*
	============================================================
	              MEDIA QUERIES FOR E-INK DEVICES
	[Must sit at the end of the very last referenced stylesheet]
	============================================================


		==
		GENERIC
		==
	*/
@media screen and (device-height: 800px) and (device-width: 600px), screen and (device-height: 600px) and (device-width: 800px) {
	body * {
		color: #0c0a0b !important;
	}	
	a, a:visited {
		color: #0066ff !important;
		text-decoration: none;
		border-bottom: 1px dotted;

	}
	h1, h2, h3, h4, h5, h6 {
		font-weight: bold !important;
	}
}
	/*
		==
		NOOK
		==
	*/
@media screen and (device-height: 1024px) and (device-width: 758px), screen and (device-height: 758px) and (device-width: 1024px) {
	body * {
		color: #0c0a0b !important;
	}
	a, a:visited {
		color: #0066ff !important;
		text-decoration: none;
		border-bottom: 1px dotted;

	}
	h1, h2, h3, h4, h5, h6 {
		font-weight: bold !important;
	}
}
	/*
		==
		KINDLE VOYAGE
		==
	*/
@media amzn-kf8 and (device-height: 1448px) and (device-width: 1072px), amzn-kf8 and (device-height: 1072px) and (device-width: 1448px) {
	body * {
		color: #0c0a0b !important;
	}
	a, a:visited {
		color: #0066ff !important;
		text-decoration: none;
		border-bottom: 1px dotted;

	}
	h1, h2, h3, h4, h5, h6 {
		font-weight: bold !important;
	}
}
/* ---------------------------------------- END SYLES ----------------------------------------

							Koko H.Ekong for Random House, 2012/2013
									kekong@randomhouse.co.uk



















	==========================================
				 >> EXCLUDE!!! <<
	*ONLY* USED FOR THE PURPOSES OF THIS GUIDE
	==========================================
*/
code { 
	display: inline-block;
	padding: 0px 5px;
	border-radius: 6px;
	background-color: #f4f4f4;
	color: #000;
	text-indent: 0em !important;
	font-family: Courier New, Courier, monospace;
	font-weight: normal;
	font-size: 0.9em;
	font-style: italic;
}
.important_information {
	font-weight: bold;
}
.button, .button2 {
        width: 100%;
        text-align: center;
        margin: 1em auto;
}
.tip {
	text-indent: 0em;
	width: 90%;
	margin: 2em auto 1em;
	font-size: 0.8em;
}
.tip + .tip {
	margin-top: 1em;
}
.button a {
        text-align: center;
        display: inline-block;
        background-color: #990000;
        color: #fff;
        border: 0px;
        border-radius: 50%;
        box-shadow: 0px 2px 0px #000;
        text-shadow: 0px -2px 0px #000;
        width: 30px;
        height: 30px;
        font-size: 20px;
        font-weight: normal;
}
.button a:active {
        border: 0px;
        border-radius: 50%;
        box-shadow: 0px 2px 0px #000;
        width: 28px;
        height: 28px;
}
.button2 a {
        display: inline-block;
        background-color: #009933;
        color: #fff;
        border: 0px;
        border-radius: 6px;
        padding: 5px 10px;
        box-shadow: 0px 2px 0px #000;
        text-shadow: 0px -2px 0px #000;
        font-size: 15px;
        font-weight: normal;
}
.button span {
        margin-top: 0.5em;
        color: #990000;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        display: block;
}
table.entities {
        width: 55%;
        margin: 1.5em auto 1.5em 3em;
}
table.entities td {
        height: 2.4em;
        width: 30%;
        text-align: left;
        vertical-align: middle;
        font-size: 0.8em;
        border-top: 1px dotted #ccc;
}