/* BB eBooks BoilerPlate EPUB */

/* Modify as Needed */

/* NOT SUITABLE for Kindle */

/* visit us @ http://bbebooksthailand.com/developers.html */


/* This adds margins around every page to stop ADE's line numbers from being superimposed over content */

@page {margin: 10px;}

/*===Reset code to prevent cross-reader strangeness===*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}

table
{
border-collapse: collapse;
border-spacing: 0;
}

ol, ul, li, dl, dt, dd
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}

/*===GENERAL PRESENTATION===*/


/*===Body Presentation and Margins===*/

/* Text alignment is still a matter of debate. Feel free to change to text-align: left; */

body
{
text-align: left;
line-height: 120%;
}


/*===Headings===*/

/* After page breaks, eReaders sometimes do not render margins above the content. Adjusting padding-top can help */



h1
{
text-indent: 0;
text-align: center;
margin: 100px 0 10px 0;
font-size: 2.0em;
font-weight: bold;
page-break-before: always;
line-height: 150%;
/*gets squished otherwise on ADE */
color:#2b4e76;
}

h2
{
text-indent: 0;
text-align: left;
margin: 20px 0 10px 0;
font-size: 1.8em;
font-weight: bold;
page-break-before: always;
line-height: 135%;
/*get squished otherwise on ADE */
color:#2b4e76;
}

h3
{
text-indent: 0;
text-align: left;
font-size: 1.2em;
font-weight: bold;
color: #5b803a;
}

h4
{
text-indent: 0;
text-align: left;
font-size: 1.0em;
font-weight: bold;
font-style: italic;
color: #5b803a;
}

h5
{
text-indent: 0;
text-align: left;
font-size: 1.1em;
font-weight: bold;
}

h6
{
text-indent: 0;
text-align: left;
font-size: 1.0em;
font-weight: bold;
}

/* Hyphen and pagination Fixer */

/* Note: Do not try on the Kindle, it does not recognize the hyphens property */

h1, h2, h3, h4, h5, h6
{
-webkit-hyphens: none !important;
hyphens: none;
page-break-after: avoid;
page-break-inside: avoid;
}

/*===Paragraph Elements===*/

/* Margins are usually added on the top, left, and right, but not on the bottom to prevent certain eReaders not collapsing white space properly */


/*first-line indent paragraph for fiction*/

p
{
text-indent: 0;
margin: 0px 0px 1.5em 0px;
widows: 2;
orphans: 2;
}

/* block type paragraph for non-fiction* / /* p { text-indent: 0; margin: 1.0em 0 0 0; widows: 2; orphans: 2; } */


/* for centered text and wrappers on images */

p.centered
{
text-indent: 0;
margin: 0 0 1.0em 0;
text-align: center;
}

/* section Breaks (can use centered-style for non-fiction) */

p.centeredbreak
{
text-indent: 0;
margin: 1.0em 0 1.0em 0;
text-align: center;
}

/* First sentence in chapters following heading */

p.texttop
{
margin: 1.5em 0 0 0;
text-indent: 0;
}

/* Use for second sentence to clear drop cap's float */

p.clearit
{
clear: both;
}

/* 1st level TOC */

p.toctext
{
margin: 0 0 0 1.5em;
text-indent: 0;
}

/* 2nd level TOC */

p.toctext2
{
margin: 0 0 0 2.5em;
text-indent: 0;
}

p.note_para {
	font-weight: bold;
}
/*==LISTS==*/

ul
{
margin: 1em 0 0 2em;
text-align: left;
}

ol
{
margin: 1em 0 0 2em;
text-align: left;
}

/*===IN-LINE STYLES===*/

/* Recommend avoiding use of <b>, <i>, and <u>. Use span tags instead */

span.i
{
font-style: italic;
}

span.b
{
font-weight: bold;
}

span.u
{
text-decoration: underline;
}

span.st
{
text-decoration: line-through;
}


/*==in-line combinations==*/

/* Using something like <span class="i b">... may seem okay, but it causes problems on some eReaders */

span.ib
{
font-style: italic;
font-weight: bold;
}

span.iu
{
font-style: italic;
text-decoration: underline;
}

span.bu
{
font-weight: bold;
text-decoration: underline;
}

span.ibu
{
font-style: italic;
font-weight: bold;
text-decoration: underline;
}

/* This fixes the bug where the text-align property of block-level elements is not recognized on iBooks example: html markup would look like <p class="centered"><span class="ipadcenterfix">Centered Content</span></p> */


span.ipadcenterfix
{
text-align: center;
}

/*==IMAGES==*/

img
{
max-width: 100%;
}

/*==TABLES==*/

table
{
margin: 1.0em auto;
}

tr, th, td
{
margin: 0;
padding: 2px;
border: 1px solid black;
font-size: 100%;
vertical-align: baseline;
}

/* Superscripted Footnote Text */

.footnote
{
vertical-align: super;
font-size: 0.75em;
text-decoration: none;
}


/*==DROP CAPS==*/

span.dropcap {
font-size: 300%;
font-weight: bold;
height: 1em;
float: left;
margin: 0.3em 0.125em -0.4em 0.1em;
}

/*==PULL QUOTE==*/

div.pullquote
{
margin: 2em 2em 0 2em;
text-align: left;
}

div.pullquote p
{
font-weight: bold;
font-style: italic;
}

div.pullquote hr
{
width: 100%;
margin: 0;
height: 3px;
color: #2E8DE0;
background-color: #2E8DE0;
border: 0;
}

/*==BLOCK QUOTE==*/

div.blockquote
{
margin: 1em 1.5em 0 1.5em;
text-align: left;
font-size: 0.9em;
}

/*==eBook Specific Formatting Below Here==*/

p.imgcentered {
	text-indent: 0;
	margin: 1em 0 15px 0;
	padding: 0;
	text-align: center;
	font-size: 0.8em;
}

p.imgcentered img {
	padding: 3px;
	border: solid 1px #A68A38;
	box-shadow: 2px 2px 4px #999;
	-webkit-box-shadow: 2px 2px 4px #999;
}

p.image_full {
	text-indent: 0;
	margin: 1em 13px 15px 5px;
	padding: 0;
	text-align: center;
	font-size: 0.8em;
}

p.image_full img {
	padding: 3px;
	border: solid 1px #A68A38;
	box-shadow: 2px 2px 4px #999;
	-webkit-box-shadow: 2px 2px 4px #999;
	width: 100%;
	max-width:600px;
}

p.imgleft {
	text-indent: 0;
	margin: 5px 5px 5px 0px;
	padding: 3px;
	text-align: center;
font-size: 0.8em;
	float: left;
	border: solid 1px #A68A38;
}
/*p.imgright {
	text-indent: 0;
	margin: 5px 0px 5px 5px;
	padding: 3px;
	text-align: center;
font-size: 0.8em;
	float: right;
	border: solid 1px #A68A38;
}*/

p.imgright img{
	text-indent: 0;
	margin: 5px 0px 5px 5px;
	padding: 3px;
	text-align: center;
font-size: 0.8em;
	float: right;
	border: solid 1px #A68A38;
	max-width:50%;
}

body {
	font-family: "Palatino", "Verdana", sans-serif;
}
div.item_name {
	text-align: center;
}

div.bold_callout {
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 20px;
	line-height: 1.3em;
}

div.makes_needs {
	font-weight:bold;
	margin-bottom:10px;
	color: #5b803a;
}

div.chapter_introduction {
	border: solid 1px black;
	padding: 20px;
	margin: 20px 20px;
}

div.recipe_section_intro {
	border: solid 1px black;
	padding: 20px;
	margin: 20px 20px;
}

div.recipe_section_intro h1{
		margin: 20px;
}

h1.recipe_header {
	border-bottom: solid 1px black;
	margin-bottom: 10px;
}

div.section_header1 h3{
	text-align: center;
	margin: 20px 0 10px 0;
	font-size: 1.8em;
}

h3.recipe_direction_time {
	font-style: italic;
	font-weight: normal;
	font-size: 1em;
}