/* -- 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: "Artegio"; src: url("../fonts/Artegio.otf"); font-style: normal; font-weight: normal; } @font-face { font-family: "Trade-Gothic-Bold-No-2-Oblique"; src: url("../fonts/Trade-Gothic-Bold-No-2-Oblique.otf"); } @font-face { font-family: "Trade-Gothic-Light-Oblique"; src: url("../fonts/Trade-Gothic-Light-Oblique.otf"); } @font-face { font-family: "Trade-Gothic-Light"; src: url("../fonts/Trade-Gothic-Light.otf"); font-style: normal; font-weight: normal; } @font-face { font-family: "Trade-Gothic-Oblique"; src: url("../fonts/Trade-Gothic-Oblique.otf"); } @font-face { font-family: "Trade-Gothic"; src: url("../fonts/Trade-Gothic.otf"); font-style: normal; font-weight: normal; } @font-face { font-family: "TradeGothic-BoldTwo"; src: url("../fonts/TradeGothic-BoldTwo.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 { font-family: TradeGothic-BoldTwo; font-size: 2em; margin-top: 0; margin-bottom: 0.5em; text-indent: 0em; line-height: 1.0em; text-align:left; } .sub_title { font-family: TradeGothic-BoldTwo; font-size: 1.5em; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; line-height: 1.0em; text-align:left; color: RGB(0,0,0); } .author { font-family: TradeGothic-BoldTwo; font-size: 0.8em; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.5em; text-align:left; color: RGB(91,146,67); } /* -- 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: left; border: 0; } /* ---- FRONT MATTER ---- */ .dedication { font-family: Artegio; font-size: 1.0em; margin-top: 15%; margin-bottom: 0.3em; text-indent: 0em; line-height: 1.25em; text-align:left; color: RGB(88,88,90); } .dedication1 { font-family: TradeGothic-BoldTwo; font-size: 1.2em; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; line-height: 1em; text-align:left; color: RGB(245,130,31); } .dedication2 { font-family: TradeGothic-BoldTwo; font-size: 1.2em; margin-top: 1.0em; margin-bottom: 0em; text-indent: 0em; line-height: 1em; text-align:left; color:RGB(248,158,84); } .acknowledgements { text-align: left; line-height: 1.25em; } .copyrighttop { font-family: Trade-Gothic; font-size: 0.7em; margin: 0; text-indent: 0em; line-height: 1.25em; text-align:left; color: RGB(88,88,90); } .copyright { font-family: Trade-Gothic; font-size: 0.7em; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.25em; text-align:left; color: RGB(88,88,90); } .copyright1 { font-family: Trade-Gothic; font-size: 0.7em; margin-top: 1.2em; margin-bottom: 0em; text-indent: 0em; line-height: 1.25em; text-align:left; color: RGB(88,88,90); } /* ---- TOC ---- */ .toc { margin-left: 1em; } .toc-chap { font-family: Artegio; font-size: 0.9em; margin-top: 1.0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.25em; text-align:left; } .toc-space { font-family: Trade-Gothic; font-size: 1.0em; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.25em; text-align:left; } .toc-chap1 { font-family: TradeGothic-BoldTwo; font-size: 0.9em; margin-top: 0em; margin-bottom: 0em; margin-right: 0.5em; text-indent: 0em; line-height: 1.25em; text-align:right; } .toc-chap2 { font-family: TradeGothic-BoldTwo; font-size: 0.9em; margin-top: 0em; margin-bottom: 0em; margin-right: 0em; text-indent: 0em; line-height: 1.25em; text-align:left; } .toc-sec-pn { font-family: Trade-Gothic-Light; font-size: 0.9em; margin-top: 0em; margin-bottom: 0em; margin-right: 0.5em; text-indent: 0em; line-height: 1.25em; text-align:right; } .toc-sec-pn1 { font-family: Trade-Gothic-Light; font-size: 0.9em; margin-top: 1.0em; margin-bottom: 0em; margin-right: 0.5em; text-indent: 0em; line-height: 1.25em; text-align:right; } .toc-sec { font-family: Trade-Gothic-Light; font-size: 0.9em; margin-top: 0em; margin-bottom: 0em; margin-right: 0.5em; text-indent: 0em; line-height: 1.25em; text-align:left; } .toc-sec1 { font-family: Trade-Gothic-Light; font-size: 0.9em; margin-top: 1.0em; margin-bottom: 0em; margin-right: 0.5em; text-indent: 0em; line-height: 1.25em; text-align:left; } /* ---- HEADER STYLES ---- */ h1 { font-family: Artegio; font-size: 1em; margin-top: 20%; margin-bottom: 1em; text-indent: 0em; line-height: 1.5em; text-align:center; color: RGB(0,0,0); } .h1a { font-family: TradeGothic-BoldTwo; font-size: 2.0em; margin-top: 0.75em; margin-bottom: 1em; text-indent: 0em; line-height: 1.0em; text-align:center; color: RGB(0,0,0); } .h1_txt { text-align:center; margin-bottom: 1em; font-size: .75em; font-family: sans-serif; /* or other embedded font */ } .h2 { font-family: TradeGothic-BoldTwo; font-size: 2em; margin-top: 0.3em; margin-bottom: 0em; text-indent: 0em; line-height: 1em; text-align:left; color: RGB(0,0,0); } .h2a { font-family: TradeGothic-BoldTwo; font-size: 1.25em; margin-top: -0.3em; margin-bottom: 0em; text-indent: 0em; line-height: 1.5em; text-align:left; color: RGB(0,0,0); } .h2_sec { font-family: TradeGothic-BoldTwo; font-size: 2em; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; line-height: 1.0em; text-align:left; color: RGB(0,0,0); } .h2_bm { font-family: TradeGothic-BoldTwo; font-size: 2.5em; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; line-height: 1.0em; text-align:left; color: RGB(0,0,0); } .h2_sec1 { font-family: TradeGothic-BoldTwo; font-size: 2em; margin-top: 0.75em; margin-bottom: 0.5em; text-indent: 0em; line-height: 1.0em; text-align:left; color: RGB(0,0,0); } .h2_toc { font-family: TradeGothic-BoldTwo; font-size: 3.0em; margin-top: 0.6em; margin-bottom: 1.0em; text-indent: 0em; line-height: 1.25em; text-align:left; color: RGB(0,0,0); } h3 { font-family: TradeGothic-BoldTwo; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; text-align:left; color: RGB(0,0,0); } .h3a { font-family: TradeGothic-BoldTwo; font-size: 1.35em; margin-top: 1.0em; margin-bottom: 0.3em; text-indent: 0em; line-height: 1.5em; text-align:left; color: RGB(0,0,0); } .h3_sec { font-family: TradeGothic-BoldTwo; font-size: 1.2em; margin-top: 1.0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.5em; text-align:left; color: RGB(0,0,0); } .h4_sec { font-family: TradeGothic-BoldTwo; font-size: 1.1em; margin-top: 1.0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.5em; text-align:left; color: RGB(0,0,0); } .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 { font-family: Trade-Gothic; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } p.running_first1 { font-family: Trade-Gothic; margin-top: 1.0em; margin-bottom: 0em; text-indent: 0em; line-height: 1em; text-align:left; color: RGB(0,0,0); } p.running_first2 { font-family: Trade-Gothic; font-size: 0.8em; margin-top: -0.8em; margin-bottom: 0em; text-indent: 0em; line-height: 1.25em; text-align:left; color: RGB(0,0,0); } /* -- this class (.running_txt) should be used on paragraphs with "noindent" --*/ p.running_txt { font-family: Trade-Gothic; margin-top: 0em; margin-bottom: 0em; text-indent: 2em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } p.running_txta1 { font-family: TradeGothic-BoldTwo; margin-top: 1.0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } p.running_txta { font-family: Trade-Gothic; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } p.running_bm1 { font-family: Trade-Gothic; font-size: 0.9em; margin-top: 1em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } p.running_bm { font-family: Trade-Gothic; font-size: 0.9em; margin-top: 0em; margin-bottom: 0em; text-indent: 1.5em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } p.running_txt_small { font-family: Trade-Gothic; font-size: 0.9em; margin-top: 0.2em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } p.running_txt_c1 { font-family: Trade-Gothic-Light; font-size: 1.1em; margin-top: 1.0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } p.running_txt_c { font-family: Trade-Gothic-Light; font-size: 1.1em; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } p.index_hd { font-family: TradeGothic-BoldTwo; margin-top: 1.25em; margin-bottom: 0.2em; line-height: 1.0em; text-indent: 0em; text-align:left; color:RGB(128,113,179); } p.index_txt { font-family: Trade-Gothic; font-size: 0.9em; margin-top: 0em; margin-bottom: 0em; line-height: 1.0em; margin-left: 1em; text-indent: -1em; text-align:left; color:RGB(0,0,0); } p.index_sub_txt { font-family: Trade-Gothic; font-size: 0.9em; margin-top: 0em; margin-bottom: 0em; line-height: 1.0em; margin-left: 2em; text-indent: -1em; text-align:left; color:RGB(0,0,0); } p.hang_txt { font-family: Trade-Gothic; margin-top: 0em; margin-bottom: 0em; margin-left: 1em; text-indent: -1em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } p.running_txt_indent { text-indent: 1em; line-height: 1.2em; 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: 2em; font-weight: bold; height: auto; } span.font-tgb2s { font-family: TradeGothic-BoldTwo; font-size: 0.9em; } span.aut-font { font-size: 1.3em; } span.font-small { font-size: 0.80em; } span.soft-red{ color:RGB(241,90,84); } span.soft-rose{ color:RGB(247,160,147); } span.orange3{ color:RGB(243,111,58); } span.tg2-italic{ font-family: Trade-Gothic-Bold-No-2-Oblique; font-style: italic; } span.txt-italic{ font-family: Trade-Gothic-Oblique; font-style: italic; } span.light-green{ color:RGB(146,175,42); } span.light-green1{ color:RGB(182,200,73); } span.sea-blue{ color:RGB(29,191,215); } span.dark-gray{ color:RGB(0,0,0); } span.rose{ color:RGB(240,102,152); } span.violet{ color:RGB(128,113,179); } span.red{ color:RGB(237,27,47); } span.light-saffron{ color:RGB(247,148,72); } span.saffron{ color:RGB(248,158,85); } span.orange1{ color:RGB(245,130,31); } span.orange2{ color:RGB(243,111,33); } span.ink-blue{ color:RGB(41,98,151); } span.pink{ color:RGB(189,16,88); } span.blue{ color:RGB(16,139,175); } span.sky-blue{ color:RGB(75,164,194); } span.green{ color:RGB(75,137,53); } span.maroon{ color:RGB(196,15,57); } span.yellow{ color:RGB(252,176,64); } span.c-brown{ color:RGB(224,134,47); } span.dark-saffron{ color:RGB(241,89,49); } /* ---- 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 { font-family: TradeGothic-BoldTwo; font-size: 0.8em; margin-top: 1.0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } .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.blockquote { margin-top:1em; margin-bottom:1em; margin-left:2em; margin-right:0em; } 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-family: Trade-Gothic-Light; margin-top: 1em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } .recipe_txt_n { font-family: Trade-Gothic-Light; font-size: 1.1em; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.25em; text-align:left; color: RGB(0,0,0); } .recipe_txt { font-family: Trade-Gothic; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } .recipe_txt1 { font-family: Trade-Gothic; margin-top: 1.5em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } .recipe_txt_indent { font-family: Trade-Gothic; margin-top: 0em; margin-bottom: 0em; text-indent: 2.0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } .recipe_hdnote_txt { font-family: Trade-Gothic-Light; margin-top: 0em; margin-bottom: 0em; text-indent: 2.3em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } .yield { font-family: Artegio; margin-top: 1em; margin-bottom: 1em; margin-right: 0.5em; text-indent: 0em; line-height: 1.2em; text-align:right; color: RGB(0,0,0); } .yield_txt_n { font-family: Artegio; font-size: 0.9em; margin-top: 0.5em; margin-bottom: 0.5em; margin-right: 0em; text-indent: 0em; line-height: 1.2em; text-align:right; color: RGB(0,0,0); } .method_txt1 { font-family: Trade-Gothic; font-size: 0.9em; margin-top: 1.75em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } .method_txt { font-family: Trade-Gothic; font-size: 0.9em; margin-top: 1.0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } .method_txt_n1 { font-family: Trade-Gothic; font-size: 0.9em; margin-top: 1.5em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } .method_txt_n { font-family: Trade-Gothic; font-size: 0.9em; margin-top: 0em; margin-bottom: 0em; text-indent: 1.75em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } .ingred_list1 { font-family: TradeGothic-BoldTwo; font-size: 0.85em; margin-top: 1.75em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } .ingred_list_n1 { font-family: TradeGothic-BoldTwo; font-size: 0.85em; margin-top: 0em; margin-bottom: 0em; margin-left: 1.75em; text-indent: -1.75em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } .ingred_list_n { font-family: TradeGothic-BoldTwo; font-size: 0.85em; margin-top: 0.1em; margin-bottom: 0em; margin-left: 1.75em; text-indent: -1.75em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } .ingred_list { font-family: TradeGothic-BoldTwo; font-size: 0.85em; margin-top: 0.5em; margin-bottom: 0em; text-indent: 0em; line-height: 1.2em; text-align:left; color: RGB(0,0,0); } /* ---- 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; } p.image1 { margin-top: 1.0em; margin-bottom: 1.0em; text-align: center; } p.image2 { margin-bottom: 1.0em; text-align: center; } /* -- portrait-oriented images (largest on the vertical side) -- */ p.image_vert { margin-top: 0; margin-bottom: 0.01em; text-align: center; height: 100%; width: auto; } /* -- landscape-oriented images (largest on the horizontal side) -- */ p.image_horiz { margin-top: 0em; 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; 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; margin: 1em 0; text-align: left; } td, th { padding: 3px 5px; } span.recipe-italic{ font-family: Trade-Gothic-Light-Oblique; font-style: italic; } span.ingred-italic{ font-family: Trade-Gothic-Bold-No-2-Oblique; font-style: italic; } span.ingred-italic1{ font-family: Trade-Gothic-Oblique; font-style: italic; } span.tips-italic{ font-family: Trade-Gothic-Oblique; font-style: italic; } span.txt-italic{ font-family: Trade-Gothic-Oblique; font-style: italic; } span.txt-bold{ font-family: TradeGothic-BoldTwo; font-weight: bold; } p.tips_txt { font-family: Trade-Gothic; font-size: 0.9em; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.25em; text-align:left; color: RGB(0,0,0); } p.tips_txt1 { font-family: Trade-Gothic; font-size: 0.9em; margin-top: 1.0em; margin-bottom: 0em; text-indent: 0em; line-height: 1.25em; text-align:left; color: RGB(0,0,0); } p.tips_hd { font-family: TradeGothic-BoldTwo; font-size: 0.85em; margin-top: 1.5em; margin-bottom: 0.3em; text-indent: 0em; line-height: 1.25em; text-align:left; color: RGB(0,0,0); } .en { font-family: sans-serif; } p.running_bm1x { font-family: Trade-Gothic; font-size: 1em; margin-top: 20%; margin-bottom: 1.5em; text-indent: 0em; line-height: 1.25em; text-align:left; color: RGB(0,0,0); }