/* -- 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: "GothamBook";
    src: url("../fonts/Gotham-Book.otf");
     
}
@font-face {
    font-family: "MrsEavesOTItalic";
src: url("../fonts/MrsEavesOT-Italic.otf");
     
}
@font-face {
    font-family: "MrsEavesOTRoman";
src: url("../fonts/MrsEavesOT-Roman.otf");
}
@font-face {
    font-family: "TallFilms";
src: url("../fonts/TallFilms.otf");
     
}


/* ---- LINKS ---- */	
a {
color: RGB(0,157,224);
text-decoration: none;
}
SPAN.weblink
{
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 ---- */
.dedication {
    margin-top: 20%;
    text-align: center;
    line-height: 1.25em;
    font-family:sans-serif;
}
.acknowledgements {
    text-align: left;
    font-size: 3.25em;
    margin-bottom: 0.4em;
    margin-top: 2em;
color: RGB(88,89,91); /* or other color */
       font-family:TallFilms; /* or other embedded font */    
}
.copyright {
    font-size: .90em;
}

.copyright1 {
    font-size: .90em;
    margin: 0;
    text-align: center;
color: RGB(35,31,32); /* or other color */
       font-family: MrsEavesOTRoman; /* or other embedded font */
}
.copyright2 {
    font-size: .90em;
    margin-top: 1em;
    margin-bottom: 0em;
    margin-left: 0em;
    margin-right: 0em;
    text-align: center;
color: RGB(35,31,32); /* or other color */
       font-family: MrsEavesOTRoman; /* or other embedded font */
}
.copyright2b {
    font-size: .90em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    text-align: center;
color: RGB(35,31,32); /* or other color */
       font-family: MrsEavesOTRoman; /* or other embedded font */
}




/* ---- TOC ---- */
.toc {
    margin-left: 1em;
    text-indent: 0em;
    line-height: 1.4em;
    font-size: 1em;
    text-align:left;
    margin-top: 0em;
    margin-bottom: 0em;
color: RGB(35,31,32); /* or other color */
       font-family: MrsEavesOTRoman; /* or other embedded font */
}
.toc1 {
    margin-right: 2em;
    text-indent: 0em;
    line-height: 1.4em;
    font-size: 1em;
    text-align:right;
    margin-top: 0em;
    margin-bottom: 0em;
color: RGB(35,31,32); /* or other color */
       font-family: MrsEavesOTRoman; /* 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 {
    text-align: center;
color: RGB(0,0,0); /* or other color */
       font-family:sans-serif; /* or other embedded font */
}
.h2_txt {
    text-align: left;
    font-size: 3.25em;
    margin-bottom: 0.4em;
    margin-top: 2em;
color: RGB(88,89,91); /* or other color */
       font-family:TallFilms; /* or other embedded font */    
}
h3 {
    text-align: center;
color: RGB(0,0,0); /* or other color */
       font-family:sans-serif; /* or other embedded font */
}
.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.4em;
    font-size: 1em;
    text-align:left;
    margin-top: 0em;
    margin-bottom: 0em;
color: RGB(35,31,32); /* or other color */
       font-family: MrsEavesOTRoman; /* or other embedded font */
}

/* -- this class (.running_txt) should be used on paragraphs with "noindent" --*/
p.running_txtf {
    text-indent: 0em;
    line-height: 1.4em;
    font-size: 1em;
    text-align:left;
    margin-top: 1.2em;
    margin-bottom: 0em;
color: RGB(35,31,32); /* or other color */
       font-family: MrsEavesOTRoman; /* or other embedded font */
}

p.running_first1 {
    text-indent: 0em;
    line-height: 1.2em;
    font-size: 1em;
    text-align:left;
    margin-top: 0em;
    margin-bottom: 0em;
color: RGB(88,88,90); /* or other color */
       font-family: MrsEavesOTRoman; /* or other embedded font */
}
p.running_firstc {
    text-indent: 0em;
    line-height: 1.2em;
    font-size: 1em;
    text-align:center;
    margin-top: 20%;
    margin-bottom: 0em;
color: RGB(88,88,90); /* or other color */
       font-family: MrsEavesOTRoman; /* or other embedded font */
}
p.running_first2 {
    text-indent: 0em;
    line-height: 1.2em;
    font-size: .90em;
    text-align:left;
    margin-top: 1em;
    margin-bottom: 0em;
color: RGB(64,64,65); /* or other color */
       font-family: MrsEavesOTRoman; /* or other embedded font */
}
p.running_index {
    text-indent: 0em;
    line-height: 1.2em;
    font-size: 1.0em;
    text-align:left;
    margin-top: 1em;
    margin-bottom: 0.3em;
color: RGB(35,31,32); /* or other color */
       font-family: MrsEavesOTRoman; /* or other embedded font */
}
p.running_index_main {
    text-indent: -1.2em;
    margin-left: 1.2em;
    line-height: 1.2em;
    font-size: 0.90em;
    text-align:left;
    margin-top: 0em;
    margin-bottom: 0.3em;
color: RGB(88,88,90); /* or other color */
       font-family: MrsEavesOTRoman; /* 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-bottom: 1em;
color: RGB(0,0,0); /* or other color */
       font-family: serif; /* or other embedded font */
}
p.running_txt1 {
    text-indent: 0em;
    line-height: 1.2em;
    font-size: 1em;
    text-align: left;
    margin-top: 0em;
    margin-bottom: 0em;
color: RGB(64,64,65); /* or other color */
       font-family: MrsEavesOTRoman; /* or other embedded font */
}
p.running_txt2 {
    text-indent: 0em;
    line-height: 1.2em;
    font-size: .90em;
    text-align: left;
    margin-top: 1em;
    margin-bottom: 0em;
color: RGB(64,64,65); /* or other color */
       font-family: MrsEavesOTRoman; /* 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;
}
span.rf  {
font-size: 0.9em;
color: RGB(88,88,90); /* or other color */
       font-family: GothamBook; /* or other embedded font */
}
span.italic
{
       font-family: MrsEavesOTItalic;

}

/* ---- 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 {
    font-style: normal;
    text-indent: 0;
    text-align: left;
    margin-bottom: 1em;
}
.yield {
size: .75em;
      text-transform: uppercase;
      text-align:center;
      font-weight: bold;
}
.method_txt {
    text-indent: 0;
    margin-bottom: 1em; 
}
.ingred_list {}


/* ---- 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.1em;
    margin-bottom: 0.1em;
    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;
}

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

.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 ---- */
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;
margin: 1em 0;
        text-align: left;
}
td, th {
padding: 3px 5px;
}