/* -- 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: "FinkHeavy";
src: url("../fonts/FinkHeavy.otf");
     font-style: normal;
     font-weight: normal;
}
@font-face {
    font-family: "GillSans";
src: url("../fonts/GillSans.otf");
     font-style: normal;
     font-weight: normal;
}
@font-face {
    font-family: "GillSansBold";
src: url("../fonts/GillSansBold.otf");
     font-style: normal;
     font-weight: normal;
}
@font-face {
    font-family: "GillSansLight";
src: url("../fonts/GillSansLight.otf");
     font-style: normal;
     font-weight: normal;
}
@font-face {
    font-family: "GillSansItalic";
src: url("../fonts/GillSansItalic.otf");
     font-style: normal;
     font-weight: normal;
}
@font-face {
    font-family: "GillSansBoldItalic";
src: url("../fonts/GillSansBoldItalic.otf");
     font-style: normal;
     font-weight: normal;
}
@font-face {
    font-family: "DejaVuSans";
src: url("../fonts/DejaVuSans.otf");
     font-style: normal;
     font-weight: normal;
}
@font-face {
    font-family: "Candida-Roman";
src: url("../fonts/Candida-Roman.otf");
     font-style: normal;
     font-weight: normal;
}


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

/* ---- 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 ---- */
.dedication {
    margin-top: 1em;
    text-align: center;
    line-height: 1.25em;
}
.acknowledgements {
    text-align: left;
    line-height: 1.25em;
}
.copyrightt {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 0.85em;
    text-align:left;
    margin-top: 4em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: GillSans; /* or other embedded font */
}
.copyright {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 0.85em;
    text-align:left;
    margin-top: 0em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: GillSans; /* or other embedded font */
}
.copyright1 {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 0.85em;
    text-align:left;
    margin-top: 1.3em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: GillSans; /* or other embedded font */
}
.copyright3 {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 0.85em;
    text-align:left;
    margin-top: 1.7em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: GillSansBold; /* or other embedded font */
}
.copyright4 {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 0.85em;
    text-align:left;
    margin-top: 1.7em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: GillSansLight; /* or other embedded font */
}


/* ---- TOC ---- */
.toc {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 1em;
    text-align:left;
    margin-top: 0em;
    margin-left: 0em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: FinkHeavy; /* or other embedded font */
}
.tocc {
    text-indent: -2.5em;
    line-height: 1.5em;
    font-size: 1.15em;
    text-align:left;
    margin-top: 1.2em;
    margin-left: 2.5em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: FinkHeavy; /* or other embedded font */
}
.toci {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 1.15em;
    text-align:left;
    margin-top: 0em;
    margin-left: 2.5em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: GillSans; /* or other embedded font */
}
.tocbt {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 1.1em;
    text-align:left;
    margin-top: 1em;
    margin-left: 0em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: FinkHeavy; /* or other embedded font */
}
.tocb {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 1.1em;
    text-align:left;
    margin-top: 0em;
    margin-left: 0em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: FinkHeavy; /* or other embedded font */
}


/* ---- 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.h2
 {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 2em;
    text-align:left;
    margin-top: 1em;
     background-color: RGB(83,183,232); /* or black */
     padding-left: 0.5em;
     padding-top: 0.3em;
     padding-bottom: 0.3em;
    margin-bottom: 1em;
color: RGB(0,0,0); /* or other color */
       font-family: FinkHeavy; /* or other embedded font */
}

h2.fmtitle
{
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 1.85em;
    text-align:left;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
color: RGB(0,0,0); /* or other color */
       font-family: FinkHeavy; /* or other embedded font */
}
h2.chaptitle
{
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 1.85em;
    text-align:left;
    margin-top: 1em;
    margin-bottom: 0.3em;
color: RGB(0,0,0); /* or other color */
       font-family: FinkHeavy; /* or other embedded font */
}
h2.bmtitle
{
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 1.85em;
    text-align:left;
    margin-top: 1em;
    margin-bottom: 0.7em;
color: RGB(0,0,0); /* or other color */
       font-family: FinkHeavy; /* or other embedded font */
}
h2.fmtitle1
{
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 1.85em;
    text-align:left;
    margin-top: 1em;
    margin-bottom: 1.2em;
color: RGB(0,0,0); /* or other color */
       font-family: FinkHeavy; /* or other embedded font */
}


.h2_txt {
    text-align: center;
    margin-bottom: 1em;
}
h3 {
    text-indent: 0em;
    line-height: 1.5em;
    font-size:1.2em;
    text-align:left;
    margin-top: 1em;
    margin-left: 1.2em;
    margin-bottom: 0em;
    font-family: "FinkHeavy";
    color: RGB(88,88,90); /* or black */
}
.h3b {
    text-indent: 0em;
    line-height: 1.5em;
    font-size:1.2em;
    text-align:left;
    margin-top: 1.2em;
    margin-left: 1.2em;
    margin-bottom: 0em;
    font-family: "FinkHeavy";
    color: RGB(0,0,0); /* or black */
}

.h3_txt {
    text-align: center;
    margin-bottom: 1em;
}

/* -- 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 {
    text-indent: 0em;
    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 */
}

/* -- this class (.running_txt) should be used on paragraphs with "noindent" --*/
p.running_txt {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 1em;
    text-align:left;
    margin-top: 0em;
    margin-left: 1.5em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: GillSans; /* or other embedded font */
}
p.running_txtsa {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 1em;
    text-align:left;
    margin-top: 1em;
    margin-left: 0em;
    margin-bottom: 1.5em;
color: RGB(0,0,0); /* or other color */
       font-family: GillSansBoldItalic; /* or other embedded font */
}
p.running_txtbo {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 0.9em;
    text-align:left;
    margin-top: 0em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: GillSans; /* or other embedded font */
}
p.running_txtt {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 1em;
    text-align:left;
    margin-top: 1.2em;
    margin-left: 1.5em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: GillSans; /* or other embedded font */
}
p.running_txti {
    text-indent: 1.5em;
    line-height: 1.5em;
    font-size: 1em;
    text-align:left;
    margin-top: 0em;
    margin-left: 1.5em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: GillSans; /* or other embedded font */
}
p.running_txtit {
    text-indent: 1.5em;
    line-height: 1.5em;
    font-size: 1em;
    text-align:left;
    margin-top: 1.2em;
    margin-left: 1.5em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: GillSans; /* or other embedded font */
}
p.chapauthor {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 0.85em;
    text-align:center;
    margin-top: 0em;
    margin-bottom: 1em;
color: RGB(0,0,0); /* or other color */
       font-family: GillSansBold; /* or other embedded font */
}
p.figcaption
{
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 0.85em;
    text-align:left;
    margin-top: 0em;
    margin-left: 1.7em;
    margin-bottom: 1em;
color: RGB(0,0,0); /* or other color */
       font-family: FinkHeavy; /* or other embedded font */
}
p.running_txtau {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 1em;
    text-align:left;
    margin-top: 3em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: GillSans; /* or other embedded font */
}

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-bottom: 1em;
}
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;
}



/* -- COOKBOOKS -- */
.recipe_hdnote {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 1em;
    text-align:left;
    margin-top: 0em;
    margin-left: 1.5em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
    font-family: "Candida-Roman";
}
.recipe_hdnotet {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 1em;
    text-align:left;
    margin-top: 1em;
    margin-left: 1.5em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
    font-family: "Candida-Roman";
}
.recipe_hdnotei {
    text-indent: 1.5em;
    line-height: 1.5em;
    font-size: 1em;
    text-align:left;
    margin-top: 0em;
    margin-left: 1.5em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
    font-family: "Candida-Roman";
}
.yield {
size: .75em;
      text-transform: uppercase;
      text-align:center;
      font-weight: bold;
}
.method_txt {
    text-indent: 0em;
    line-height: 1.5em;
    font-size: 1em;
    text-align:left;
    margin-top: 1.2em;
    margin-left: 1.5em;
    margin-bottom: 0em;
color: RGB(0,0,0); /* or other color */
       font-family: GillSans; /* or other embedded font */
}

.ingred_list1 {
    text-indent: 0em;
    line-height: 1.5em;
    font-size:1.1em;
    text-align:left;
    margin-top: 0.5em;
    margin-bottom: 0em;
    font-family: "FinkHeavy";
    color: RGB(88,88,90); /* or black */
}
.ingred_list {
    text-indent: -1.5em;
    line-height: 1.5em;
    font-size:0.8em;
    text-align:left;
    margin-top: 0em;
    margin-left: 1.5em;
    margin-bottom: 0em;
    color: RGB(0,0,0); /* or black */
    font-family: "GillSansBold";
}


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

div.image_wrap {
    text-align: center;
}
div.image_wrap_small {
    text-align: center;
    max-width: 100%;
}

/* -- icons or small graphics -- */
p.image {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    text-align: center;
}
p.imagel {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
    text-align: left;
}
p.imagej {
    margin-top: 1em;
    margin-bottom: 1.5em;
    margin-left: 1.5em;
    text-align: center;
}

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

/* -- landscape-oriented images (largest on the horizontal side) -- */
p.image_horiz {
    margin-top: 0.1em;
    margin-bottom: 0.01em;
    text-align: center;
width: 100%;
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;
}

/* ---- FRACTIONS / use entity code if available / beware embedded fonts with entity code ---- */
span.font
{
    font-family: "DejaVuSans";
}
span.gilsan
{
    font-family: "GillSans";
}
span.grey
{
    color: RGB(88,88,90); /* or black */
}
span.italic
{
    font-family: "GillSansItalic";
}
span.bold
{
    font-family: "GillSansBold";
}

span.heavy7
{
    font-family: "FinkHeavy";
color: RGB(164,53,70); /* or other color */
    font-size:1.2em;
}
span.heavy1
{
    font-family: "FinkHeavy";
    color: RGB(88,88,90); /* or black */
    font-size:1.2em;
}
span.heavyj
{
    font-family: "FinkHeavy";
    color: RGB(88,88,90); /* or black */
    font-size:1.3em;
}
span.heavyi
{
    font-family: "FinkHeavy";
}
span.heavyi1
{
    font-family: "FinkHeavy";
    font-size:1.3em;
}
div.boxj
{
     padding:1em;
     background-color: RGB(231,242,217); /* or black */
     border: 5px dotted RGB(249,183,177);
}
div.box-left
{
     margin-left:1.2em;
     margin-bottom:1em;
}
div.boxy
{
     padding:1em;
     background-color: RGB(247,248,205); /* or black */
     padding-left:1.6em;
     margin-top:1em;
     margin-bottom:1em;
}
div.boxy1
{
     padding:1em;
     background-color: RGB(247,248,205); /* or black */
     padding-left:1.6em;
     margin-top:1em;
     margin-bottom:1em;
}
div.box
{
     padding:1em;
     background-color: RGB(219,236,200); /* or black */
     padding-left:1.6em;
     border: 5px dotted RGB(250,164,35);
     margin-top:1em;
     margin-bottom:1em;
}
div.box1
{
     padding:1em;
     background-color: RGB(232,208,228); /* or black */
     padding-left:1.6em;
     border: 5px dotted RGB(250,164,35);
     margin-top:1em;
     margin-bottom:1em;
}

div.boxj1
{
     padding-left:1.6em;
}
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 {
    margin-top: 1em;
    margin-bottom: 1em;
}
td, th {
padding: 3px 5px;
}