/* -- Updated 02/20/13, CB Digital Production-- */

/* ---- GENERAL ---- */
html, body { margin: 0; padding:0; border-width: 0; 	
-webkit-hyphens:none;
-epub-hyphens:none;
/* -- ePub 3 -- */	
widows: 3; 
orphans: 3;
         word-wrap: break-word;
         overflow-wrap: normal;
         text-wrap: normal;
}

/* ---- EMBEDDED FONTS ---- */
/* ---- These are examples ---- */
@font-face {
    font-family: "Century-Schoolbook-Bold-Italic";
src: url("../fonts/Century-Schoolbook-Bold-Italic.otf");
     
}
@font-face {
    font-family: "New-Century-Schoolbook-Bold";
src: url("../fonts/New-Century-Schoolbook-Bold.otf");
    
}
@font-face {
    font-family: "New-Century-Schoolbook-Italic";
src: url("../fonts/New-Century-Schoolbook-Italic.otf");
     
}
@font-face {
    font-family: "New-Century-Schoolbook-Roman";
src: url("../fonts/New-Century-Schoolbook-Roman.otf");
     
}
@font-face {
    font-family: "ScalaSans-Bold";
src: url("../fonts/ScalaSans-Bold.otf");
     
}
@font-face {
    font-family: "ScalaSans-Italic";
src: url("../fonts/ScalaSans-Italic.otf");
     
}


/* ---- LINKS ---- */	
a {
	color: RGB(0,157,224); /* or black */
	text-decoration: none;
} 

/* ---- TITLE PAGE ---- */
/* ---- we prefer an image here, rather than text, but the classes are here for reference ---- */
.title { 
    margin-top: 2em;
    text-align: center;
    margin-bottom: .5em;
color: RGB(0,0,0); /* or other color */
       font-family:sans-serif; /* or other embedded font */
}

.sub_title {
    margin-bottom: 2em;
    text-align: center;
color: RGB(0,0,0); /* or other color */
       font-family:sans-serif; /* or other embedded font */
}

/* -- descriptive text about the title -- */  
.reading_line {
    text-align: center;
margin: 0;
}

/* -- author, iIllustrator, photographer -- */
.byline_author {
    text-align: center;
}
.byline_illus {
    text-align: center;
}
.byline_photo {
    text-align: center;
}

/* -- foreword by, introduction by, preface by -- */
.sub_byline {
    font-size: .75em;
    text-align: center;
    font-family:Verdana, Geneva, sans-serif;
}
/* -- Chronicle Books logo on the title page -- */ 
.logo {
    margin-top: 2em;
    text-align: center;
border: 0;
}



/* ---- FRONT MATTER ---- */
.dedication1 {
	font-family: Scala;
	font-size: 0.8em;
	margin-top: 6em;
	margin-bottom: 0.5em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: center;
}
.dedication {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 0.9em;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: center;
}
.acknowledgements {
    text-align: left;
    line-height: 1.25em;
}
.copyright {
	font-family: Scala;
	font-size: 0.8em;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}
.copyright1 {
	font-family: Scala;
	font-size: 0.8em;
	margin-top: 1em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}
.copyright2 {
	font-family: ScalaSans-Bold;
	font-size: 0.8em;
	margin-top: 1em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}
.copyrighttop {
	font-family: Scala;
	font-size: 0.8em;
	margin-top: 1em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}


/* ---- TOC ---- */
.toc-part {
    font-family: New-Century-Schoolbook-Roman;
    font-size: 1.3em;
    margin-top: 0.5em;
    margin-bottom: 0em;
    line-height: 1.25em;
    text-indent: 0em;
    text-align:left;
    color: RGB(0,0,0);
}
.toc1 {
    font-family: New-Century-Schoolbook-Bold;
    font-size: 2.5em;
    margin-top: 0.5em;
    margin-bottom: 0em;
    line-height: 1.0em;
    text-indent: 0em;
    text-align:center;
    color: RGB(0,0,0);
}
.toc {
    font-family: New-Century-Schoolbook-Roman;
    font-size: 1.0em;
    margin-top: 0em;
    margin-bottom: 0em;
    line-height: 1.0em;
    text-indent: 0em;
    text-align:center;
    color: RGB(0,0,0);
}

.toc-chap {
    font-family: New-Century-Schoolbook-Roman;
    font-size: 0.9em;
    margin-top: 0em;
    margin-bottom: 0em;
    line-height: 1.25em;
    text-indent: 0em;
    text-align:left;
    color: RGB(0,0,0);
}
.toc-part-pn {
    font-family: New-Century-Schoolbook-Bold;
    font-weight: bold;
    font-size: 0.9em;
    margin-top: 0.5em;
    margin-bottom: 0em;
    line-height: 1.25em;
    text-indent: 0em;
    text-align:right;
    color: RGB(0,0,0);
}
.toc-chap-pn {
    font-family: New-Century-Schoolbook-Bold;
    font-size: 0.9em;
    font-weight: bold;
    margin-top: 0em;
    margin-bottom: 0em;
    line-height: 1.25em;
    text-indent: 0em;
    text-align:right;
    color: RGB(0,0,0);
}


/* ---- HEADER STYLES ---- */
h1 {
    text-align: center;
color: RGB(0,0,0); /* or other color */
       font-family: sans-serif; /* or other embedded font */
}
.h1_txt {
    text-align:center;
    margin-bottom: 1em;
    font-size: .75em;
    font-family: sans-serif; /* or other embedded font */
}

h2 {
	text-align: center; /* or other color */
	font-family: sans-serif; /* or other embedded font */
}
.h2_toc {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
	color: #0d80eb;
}
.h2_back {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
	color: #eb451f;
}
.h2_back1 {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
	color: #333;
}
.h2a {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}
.h2 {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 1.25em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
	padding-top: 0em;
}
.h2b {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 1.5em;
	margin-top: 0em;
	margin-bottom: 1.25em;
	margin-left: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}

.h2_Part {
	font-family: New-Century-Schoolbook-Roman;
	font-weight: normal;
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: center;
}
h3 {
	text-align: center; /* or other color */
	font-family: sans-serif;
}
.h3fm1 {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 0em;
	line-height: 1em;
	text-indent: 0em;
	text-align: left;
	color: RGB(0,0,0);
}
.h3fm2 {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 1.5em;
	margin-top: 0em;
	margin-bottom: 1.5em;
	margin-left: 2em;
	line-height: 1em;
	text-indent: 0em;
	text-align: left;
	color: RGB(0,0,0);
}
.h3a {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 0em;
	text-indent: 0em;
	text-align: left;
	color: #eb451f;
}
.h3 {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 2.25em;
	text-indent: 0em;
	text-align: left;
	color: #eb451f;
}
.h3_back {
	font-family: ScalaSans-Bold;
	font-size: 0.85em;
	margin-top: 2em;
	margin-bottom: 1em;
	text-indent: 0em;
	text-align: left;
	color: #eb451f;
}
.h3_bg {
	font-family: New-Century-Schoolbook-Bold;
	font-weight: bold;
	font-size: 2em;
	margin-top: 2em;
	margin-bottom: 2em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: center;
	color: #eb451f;
}
.h3r {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 3em;
	text-indent: 0em;
	text-align: right;
}
.h3cent {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 3em;
	text-indent: 0em;
	text-align: center;
}
.h3b {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 1.5em;
	margin-top: 0em;
	margin-bottom: 2.25em;
	margin-left: 2em;
	text-indent: 0em;
	text-align: left;
	color: #0d80eb;
}
.h3c {
    font-family: New-Century-Schoolbook-Roman;
    font-size: 1.5em;
    margin-top: -2.25em;
    margin-bottom: 2.25em;
    margin-left: 3.5em;
    text-indent: 0em;
    text-align:left;
    color: RGB(0,0,0);
}

/* -- use as ingredient or material list header -- */
h4 {
    text-align: left;
color: RGB(0,0,0); /* or other color */
       font-family:sans-serif; /* or other embedded font */
       margin-bottom: 0;
}
/* -- use the following classes as needed for h4 or h5 classes --*/
.section_title {}

.section_head {}

.chapter_title {}

.chapter_head {}

/* ---- TEXT STYLES ---- */
/* -- (.running_first) should be used on paragraphs with no indent, followed by (running_txt_indent) -- */
p.running_first {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 0.9em;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}
p.running_first1 {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 0.9em;
	margin-top: 1em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}
p.index_hd1 {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 0.8em;
	margin-top: 1.5em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
	color: #eb451f;
}
p.index_txt {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 0.8em;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 1em;
	line-height: 1.25em;
	text-indent: -1em;
	text-align: left;
}
p.index_sub_txt {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 0.8em;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 2em;
	line-height: 1.25em;
	text-indent: -1em;
	text-align: left;
}

/* -- this class (.running_txt) should be used on paragraphs with "noindent" --*/
p.running_txt {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 0.9em;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 2.5em;
	text-align: left;
}
p.bm_txt1 {
	font-family: New-Century-Schoolbook-Bold;
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
	color: #333;
}
p.bm_txt {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 0.25em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
	color: #333;
}
p.running_txt_indent {
    text-indent: 1em;
    line-height: 1.5em;
    font-size: 1em;
    text-align:left;
    margin-top: 0em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: serif; /* or other embedded font */
}

p.chapter_head_note {}

span.drop_cap {
    font-size: 3em;
    font-weight: bold;
height: auto;
}

/* ---- EXTRACT, PULL QUOTES ---- */
p.pull_quote {
    text-align:left;
margin: 1em;
        font-size:1.5em;
}

/* -- for a small group of words or characters that given special treatment within text, only use when instructed -- */
.display_type {}


/* ---- CAPTIONS ---- */
.caption {
    text-align:center;
    font-family:sans-serif;
    font-size:.75em;
}

.caption_1_hd {}

.caption_1_txt {}

.caption_2_hd {}

.caption_2_txt {}

.footnotes {}

/* ---- SIDE BARS ---- */
div.sidebar {
    margin-top:2em;
    margin-bottom:2em;
    margin-left:1em;
    margin-right:1em;
}

div.sidebar_1_hd {}

div.sidebar_1_hdnote {}

div.sidebar_1_txt {}

div.sidebar_2_hd {}

div.sidebar_2_hdnote {}

div.sidebar_2_txt {}


/* ---- LISTS ---- */
ol {
    list-style-type: none;
padding: 0px; 
         margin-top: 0em;
         margin-bottom: 0em;
         margin-left: 0.5em;
         margin-right: 0em;
}
ul {
    list-style-type: none;
padding: 0px;
         margin-bottom: 1em;
}
ul.alternate_style {
    list-style-type: none;
padding: 0px;
         margin-bottom: 1em;
}
li {
    margin-bottom: .5em;
}
.list-ol1 {
    font-family: New-Century-Schoolbook-Bold;
    font-size: 0.8em;
    font-weight: bold;
    margin-top: 1.25em;
    margin-bottom: 0em;
    line-height: 1.25em;
    text-indent: 0em;
    text-align:left;
    color: RGB(99,98,80);
}
.list-ol {
    font-family: New-Century-Schoolbook-Roman;
    font-size: 0.9em;
    margin-top: 0em;
    margin-bottom: 0em;
    line-height: 1.25em;
    text-indent: 0em;
    text-align:left;
    color: RGB(99,98,80);
}
li.list-ol2 {
    font-family: New-Century-Schoolbook-Roman;
    font-size: 0.9em;
    margin-top: 1.2em;
    margin-bottom: 0em;
    line-height: 1.25em;
    text-indent: 0em;
    text-align:left;
    color: RGB(99,98,80);
}



/* -- COOKBOOKS -- */
.recipe_hdnote {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 0.9em;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}
.tips_hd {
	font-family: Scala;
	font-size: 0.8em;
	margin-top: 1.5em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}
p.recipe_txt {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 0.9em;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 2.5em;
	text-align: left;
}
.yield {
	font-family: New-Century-Schoolbook-Bold;
	font-size: 0.7em;
	margin-top: 2em;
	margin-bottom: 1.5em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}
.method_txt1 {
	font-family: Scala;
	font-size: 0.9em;
	margin-top: 2em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}
.method_txt2 {
	font-family: Scala;
	font-size: 0.9em;
	margin-top: 1em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}
.method_txt {
	font-family: Scala;
	font-size: 0.9em;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 1.5em;
	text-align: left;
}
.ingred_list {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 0.8em;
	margin-top: 0.5em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}
.ingred_list2 {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 0.8em;
	margin-top: 1.5em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}
.ingred_list1 {
	font-family: New-Century-Schoolbook-Bold;
	font-size: 0.8em;
	margin-top: 2em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
	color: #eb451f;
}


/* ---- IMAGES ---- */
/* -- images should be smaller than 2 million pixels -- */
/* -- large images should be in div tags --*/

div.image_wrap {
	text-align: center;
	page-break-before: avoid;
}
div.image_wrap_small {
    text-align: center;
}

/* -- icons or small graphics -- */
.image {
    margin-top: 1.0em;
    margin-bottom: 1.0em;
    text-align: center;
}

/* -- portrait-oriented images (largest on the vertical side) -- */
.image_vert {
	margin-top: 0.1em;
	margin-bottom: 0.01em;
	text-align: center;
	height: 80%;
	width: auto;
}

.image_vert_ipad {
	margin-top: 0.1em;
	margin-bottom: 0.01em;
	text-align: center;
	height: 80%;
	width: auto;
}

/* -- landscape-oriented images (largest on the horizontal side) -- */
.image_horiz {
	margin-top: 0.1em;
	margin-bottom: 0.01em;
	text-align: center;
	width: 80%;
	height: auto;
}

.image_background {
margin: 0;
        background-repeat: no-repeat;
        background-size: contain;
}

.floatleft {
float: left;
margin: 10px 10px 10px 0;
}

.floatright {
float: right;
margin: 10px 0 10px 10px;	
}

img.inline {
    vertical-align: middle;
}


/* -- to be used within floatleft, floatright, and gallery divs -- */
.img_float {
width: 100%; 
height: auto;
}

/* -- used to create a grid of images -- */
.gallery_25 {
width: 23%;
float: left;
padding: 1%;
}
.gallery_50 {
width: 48%;
float: left;
padding: 1%;
}

div.clear 
{
clear: both;
}
div.pagebreak
{
    page-break-before:always;
	padding-top:0.5em;
}

/* ---- FRACTIONS / use entity code if available / beware embedded fonts with entity code ---- */
sup {
    vertical-align: top;
    font-size: 0.7em;
    line-height: 0em;
}
sub {
    vertical-align: middle;
    font-size: 0.7em;
    line-height: 0em;
}


/* -- TABLES -- */
div.table {
    margin-top: 2em;
    margin-bottom: 2em;
}
table {
	border-collapse: collapse;
	text-align: left;
}
td, th {
padding: 3px 5px;
}
span.gray
{
	color: #333;
}
span.color-blue
{
	color: #03F;
}
span.color-orange
{
	color: #eb451f;
}
span.color-pgreen
{
	color: #063;
}
span.color-lgray
{
       color:RGB(173,172,158);
}
span.color-dpink
{
	color: #0d80eb;
}
span.color-dpink1
{
	color: #eb451f;
	font-size: 1.3em;
}
span.color-mrose
{
	color: #930;
}
span.color-inkblue
{
	color: #336;
}
span.color-lgreen
{
	color: #063;
}
span.color-lbrown
{
	color: #933;
}
span.color-lblue
{
	color: #0d80eb;
}
span.color-red
{
	color: #900;
}
span.color-lred
{
       color:RGB(217,81,90);
}
span.color-blue1
{
	color: #039;
}
span.color-yellow
{
	color: #C30;
}
span.ncs-italic
{
    font-family: New-Century-Schoolbook-Italic;
    font-style: italic;
}
span.h2small
{
	font-size:0.5em;
	vertical-align:middle;
}
span.small-bg
{
	font-size:0.5em;
	vertical-align:middle;
}
span.big
{
	font-size: 1.3em;
}
span.fs-18
{
       font-size:0.6em;
}
span.fs-20
{
       font-size:0.7em;
}
span.fs-24
{
       font-size:0.8em;
}
span.fs-26
{
       font-size:0.8em;
}
span.fs-28
{
	font-size: 1em;
}
span.fs-30
{
       font-size:1.0em;
}
span.fs-32
{
	font-size: 1em;
}
span.fs-34
{
	font-size: 1em;
}
span.fs-35
{
	font-size: 1em;
}
span.fs-36
{
	font-size: 1em;
}
span.fs-39
{
	font-size: 1.0em;
}
span.fs-40
{
	font-size: 1em;
}
span.fs-41
{
	font-size: 1em;
}
span.fs-42
{
	font-size: 1em;
}
span.fs-48
{
	font-size: 1em;
}
span.fs-60
{
	font-size: 1.2em;
}
span.fs-62
{
	font-size: 1.em;
}
span.tip-bold
{
	font-family:ScalaSans-Bold;
	font-weight:bold;
}
div.bg_rose
{
	background-color:RGB(244,241,219);
	padding:0.5em;
}
div.bg_rose p
{
	color: black;
}

span.ncs-italic
{
    font-family: New-Century-Schoolbook-Italic;
    font-style:italic;
}
span.sca-italic
{
    font-family: ScalaSans-Italic;
    font-style:italic;
}
span.cen-italic
{
    font-family: Century-Schoolbook-Bold-Italic;
    font-style:italic;
}
.entity { 
       font-family: serif; /* or other embedded font */
}
p.author {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 0.9em;
	margin-top: 2em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}
p.author1 {
	font-family: New-Century-Schoolbook-Roman;
	font-size: 0.9em;
	margin-top: 1em;
	margin-bottom: 0em;
	line-height: 1.25em;
	text-indent: 0em;
	text-align: left;
}

.borderrightbottom
{
        border-bottom: solid 0.1em;
        border-right: solid 0.1em;
        border-color: RGB(117,97,103);
}
.borderright
{
        border-right: solid 0.1em;
        border-color: RGB(117,97,103);
}
.borderbottom
{
        border-bottom: solid 0.1em;
        border-color: RGB(117,97,103);
}