/* -- 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: "GriffithGothicBold"; src: url("../fonts/GriffithGothic-Bold.otf"); } @font-face { font-family: "griffithgothicthinitalic"; src: url("../fonts/griffithgothicthinitalic.otf"); } @font-face { font-family: "GriffithGothicRegular"; src: url("../fonts/GriffithGothic-Regular.otf"); } @font-face { font-family: "GriffithGothicItalic"; src: url("../fonts/GriffithGothic-RegularItalic.otf"); } @font-face { font-family: "GriffithGothicBoldItalic"; src: url("../fonts/GriffithGothic-BoldItalic.otf"); } @font-face { font-family: "StoneSerif"; src: url("../fonts/StoneSerif.otf"); } @font-face { font-family: "StoneSerifItalic"; src: url("../fonts/StoneSerifItalic.otf"); } @font-face { font-family: "GriffithGothicThin"; src: url("../fonts/GriffithGothic-Thin.otf"); } @font-face { font-family: "GriffithGothicBlack"; src: url("../fonts/GriffithGothic-Black.otf"); } /* ---- LINKS ---- */ a { color: RGB(0,157,224); /* or black */ text-decoration: none; } span.weblink { 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; } /* ---- FRONT MATTER ---- */ .dedication { margin-top: 1em; text-align: left; line-height: 1.25em; font-family: GriffithGothicBoldItalic; /* or other embedded font */ } .acknowledgements { text-align: left; line-height: 1.25em; font-family: GriffithGothicBold; /* or other embedded font */ } .copyright { font-size: .6em; text-indent: 0em; line-height: 1em; text-align:left; margin-top: 0; margin-bottom: 0em; font-family: GriffithGothicRegular /* or other embedded font */ } .copyright1 { font-size: .6em; text-indent: 0em; line-height: 1em; text-align:left; margin-top: 1em; margin-bottom: 0em; font-family: GriffithGothicRegular; /* or other embedded font */ } .copyright2 { font-size: .6em; text-indent: 0em; line-height: 1em; text-align:left; margin: 0 0 0 1em; font-family: GriffithGothicRegular; /* or other embedded font */ } .copyright3 { font-size: .6em; text-indent: 0em; line-height: 1em; text-align:left; margin-top: 0em; margin-bottom: 1em; font-family: GriffithGothicRegular; /* or other embedded font */ } /* ---- TOC ---- */ .toc { margin-left: 1em; } /* ---- 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 { margin-bottom: 0.5em; text-align: left; font-weight:normal; margin-left:0em; font-size:2.3em; margin-top: 1em; font-family:GriffithGothicThin; /* or other embedded font */ } .h2_txtf { margin-bottom: 0.5em; text-align: left; font-weight:normal; margin-left:0em; font-size:2.3em; margin-top: 1em; font-family:GriffithGothicThin; /* or other embedded font */ } .h2_txt1 { font-size: 2em; text-align: right; margin-right:0; margin-top: 1em; margin-bottom: 1em; font-family: GriffithGothicBold; /* or other embedded font */ } .h2_txt2 { text-align: left; font-weight:normal; margin-left:2em; font-size:2.3em; margin-top: 1em; margin-bottom: 2em; text-indent:-2em; font-family:GriffithGothicBold; /* or other embedded font */ } .h2_txt2a { text-align: left; font-weight:normal; margin-left:0em; font-size:2.3em; margin-top: 1em; margin-bottom: 4em; font-family:GriffithGothicBold; /* or other embedded font */ } .h2_txt2b { text-align: left; font-weight:normal; margin-left:0em; font-size:2.3em; margin-top: 1em; margin-bottom: 1em; text-indent:1.75em; font-family:GriffithGothicBold; /* or other embedded font */ } span.h2_txt3 { text-align: left; font-weight:normal; margin-left:0em; font-size:1em; margin-top: 0em; font-family:GriffithGothicThin; /* or other embedded font */ } .h2_table { text-align: left; font-weight:normal; margin-left:2em; font-size:2em; margin-top: 1em; margin-bottom: 2em; font-family:GriffithGothicThin; /* or other embedded font */ } .h2_txt4 { text-align: left; font-weight:normal; margin-left:1.8em; line-height:1em; font-size:2.3em; margin-top: 1em; margin-bottom: 1em; text-indent:-1.8em; font-family:GriffithGothicThin; /* or other embedded font */ } .h2_txt5 { font-size:2.3em; font-weight:normal; text-align: right; margin-right:6em; margin-bottom: 0em; margin-top:0em; font-family: GriffithGothicThin; /* or other embedded font */ } .h2_txt6 { font-size:2.3em; margin-top:1em; text-align: right; margin-right:0; margin-bottom: 0em; font-family: GriffithGothicBold; /* or other embedded font */ } .h2_txt6a { margin-top:1em; text-align: right; margin-left:0; font-size:3em; line-height:0.8em; font-weight:normal; margin-bottom: 0em; font-family: GriffithGothicThin; /* or other embedded font */ } .h2_txt7 { font-size:2.3em; font-weight:normal; margin-top:0em; text-align: left; margin-left:2em; margin-bottom: 2em; font-family: GriffithGothicThin; /* or other embedded font */ } .h2_txt8 { margin-bottom: 0em; text-align: left; font-weight:normal; margin-left:0em; font-size:2.3em; margin-top: 1em; font-family:GriffithGothicThin; /* 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: left; font-weight:normal; font-size:1.6em; margin-top: 2em; margin-bottom: 0.5em; font-family:GriffithGothicThin; /* or other embedded font */ } .h3_txt1 { text-align: left; font-weight:normal; margin-left:3.3em; font-size:1.6em; margin-top: 0.5em; margin-bottom: 0.5em; font-family:GriffithGothicThin; /* or other embedded font */ } .h3_txt2 { text-align: center; font-size:1.5em; margin-bottom: 1em; font-family:GriffithGothicBold; /* or other embedded font */ } .h3_txt3 { text-align: left; font-weight:normal; margin-left:0em; font-size:1.2em; margin-top: 0.5em; margin-bottom: 0.3em; font-family:GriffithGothicBold; /* or other embedded font */ } .h3_txt3f { text-align: left; font-weight:normal; margin-left:0em; font-size:1.1em; margin-top: 0.8em; margin-bottom: 0.2em; font-family:GriffithGothicBold; /* or other embedded font */ } .h3_txt3a { text-align: left; font-weight:normal; margin-left:3.5em; font-size:1.1em; margin-top: 1.015em; margin-bottom: 1em; font-family:GriffithGothicBold; /* or other embedded font */ } .h3_txt4 { text-align: left; font-weight:normal; margin-left:0em; font-size:1.2em; margin-top: 0.5em; margin-bottom: 1em; font-family:GriffithGothicBold; /* or other embedded font */ } .h3_txt4a { text-align: left; font-weight:normal; margin-left:0em; font-size:1.2em; margin-top: 1em; margin-bottom: 0.5em; font-family:GriffithGothicBold; /* or other embedded font */ } .h3_txt5 { text-align: left; font-weight:normal; line-height:1.5em; margin-left:1.5em; font-size:0.85em; margin-top: 1em; margin-bottom: 0.3em; font-family:GriffithGothicRegular; /* or other embedded font */ } /* -- 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:GriffithGothicBold; /* or other embedded font */ } p.running_firstt { text-indent: 0em; line-height: 1.5em; font-size: 1em; text-align:left; margin-top: 1.3em; margin-bottom: 0em; color: RGB(0,0,0); /* or other color */ font-family:GriffithGothicBold; /* or other embedded font */ } p.running_firsta { 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: GriffithGothicRegular; /* or other embedded font */ } p.running_firstf { 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: GriffithGothicRegular; /* or other embedded font */ } p.running_first1 { text-indent: 0em; line-height: 1.5em; font-size: 1em; text-align:left; margin-top: 3em; margin-bottom: 0em; color: RGB(0,0,0); /* or other color */ font-family:GriffithGothicBold; /* or other embedded font */ } p.running_first3 { text-indent: 0em; line-height: 1.5em; font-size: 1em; text-align:left; margin-top: 0em; margin-left:1.3em; margin-bottom: 0em; color: RGB(0,0,0); /* or other color */ font-family:GriffithGothicItalic; /* or other embedded font */ } p.running_first4 { text-indent: -1.2em; line-height: 1.5em; font-size: 1em; text-align:left; margin-top: 0em; margin-left:1.35em; margin-bottom: 0em; color: RGB(0,0,0); /* or other color */ font-family:GriffithGothicItalic; /* or other embedded font */ } p.running_first2 { text-indent: 0em; font-weight:normal; 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:StoneSerif; /* or other embedded font */ } /* -- this class (.running_txt) should be used on paragraphs with "noindent" --*/ p.running_txt { text-indent: 2em; 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: GriffithGothicRegular; /* or other embedded font */ } p.auth { text-indent: 0em; line-height: 1.5em; font-size: 1em; text-align:left; margin-top: -0.5em; margin-bottom: 0em; color: RGB(0,0,0); /* or other color */ font-family: GriffithGothicRegular; /* or other embedded font */ } p.running_txt2 { text-indent: 2em; 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:StoneSerif; /* or other embedded font */ } p.running_txt_indent { text-indent: 1.5em; 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: GriffithGothicRegular; /* or other embedded font */ } p.running_txt_left { text-indent: 0em; line-height: 1.5em; font-size: 1em; text-align:left; margin-top: 0.5em; margin-bottom: 0em; color: RGB(0,0,0); /* or other color */ font-family: GriffithGothicBold; /* or other embedded font */ } p.running_txt_left1 { text-indent: 0em; line-height: 1.5em; font-size: 1em; text-align:left; margin-top: 2em; margin-bottom: 0em; color: RGB(0,0,0); /* or other color */ font-family: GriffithGothicBold; /* or other embedded font */ } p.running_txt_left2 { text-indent: 0em; line-height: 1.5em; font-size: 1em; text-align:left; margin-top: 0em; margin-left: 2em; margin-bottom: 0em; color: RGB(0,0,0); /* or other color */ font-family: GriffithGothicBold; /* or other embedded font */ } p.running_txtt { text-indent: 0em; line-height: 1.5em; font-size: 1em; text-align:left; margin-top: 1em; margin-bottom: 0em; color: RGB(0,0,0); /* or other color */ font-family: GriffithGothicRegular; /* or other embedded font */ } p.chapter_head_note {} span.italic { font-family: GriffithGothicItalic; /* or other embedded font */ } span.italic1 { font-family: griffithgothicthinitalic; /* or other embedded font */ } span.ssi { font-family: StoneSerifItalic; /* or other embedded font */ } span.note { font-family: GriffithGothicRegular; /* or other embedded font */ } span.bold { font-family: GriffithGothicBold; /* or other embedded font */ } span.bolds { font-family: GriffithGothicBold; /* or other embedded font */ font-size:0.85em; } span.authi { font-family: GriffithGothicBoldItalic; /* or other embedded font */ } span.black { font-family: GriffithGothicBlack; /* or other embedded font */ } span.bolditalic { font-family: GriffithGothicBoldItalic; /* or other embedded font */ } span.gbi { font-family: GriffithGothicBoldItalic; /* or other embedded font */ } 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_title { font-style: normal; text-indent: 0; text-align: left; margin-left:2em; margin-bottom: 0.2em; font-family:GriffithGothicThin; font-weight:normal; font-size:2.7em; } .recipe_name { font-style: normal; text-indent: 0; text-align: right; line-height:0.5em; margin-left:0; margin-bottom: 1em; font-family:GriffithGothicRegular; font-weight:normal; font-size:1em; } .recipe_title1 { font-style: normal; text-indent: 0; text-align: left; margin-left:0em; margin-bottom: 0.2em; font-family:GriffithGothicThin; font-weight:normal; font-size:2.7em; } .recipe_name1 { font-style: normal; line-height:0.5em; text-indent: 0; text-align: left; margin-left:0em; margin-bottom: 1em; font-family:GriffithGothicRegular; font-weight:normal; font-size:1em; } .recipe_hdnote { font-style: normal; text-indent: 0; margin-top:3em; line-height:1.5em; text-align: left; font-family:GriffithGothicBold; margin-bottom: 1em; } .yield { font-size: .8em; margin-left:2em; text-transform: uppercase; text-align:left; font-family:GriffithGothicRegular; font-weight: normal; } .method_txt { text-indent: 0em; font-size:1em; margin-bottom: 0em; margin-top:1em; margin-bottom:0em; line-height:1.7em; text-align:left; font-family:StoneSerif; font-weight: normal; } .note_txt { text-indent: 0em; font-size:1em; margin-bottom: 0em; margin-top:1em; margin-bottom:0em; line-height:1.7em; text-align:left; font-family:GriffithGothicItalic; font-weight: normal; } .note_txt1 { text-indent: 0em; font-size:1em; margin-top:1em; margin-bottom:0em; line-height:1.7em; text-align:left; font-family:StoneSerifItalic; font-weight: normal; } .note_txt2 { text-indent: 0em; font-size:1em; margin-bottom: 0em; margin-top:0em; margin-bottom:0em; line-height:1.7em; text-align:left; font-family:GriffithGothicItalic; font-weight: normal; } .ingred_list { font-size: 1em; text-indent:-1em; margin-top:0em; margin-bottom:0em; line-height:1.7em; text-align:left; margin-left:2em; font-family:GriffithGothicBold; font-weight: normal; } .ingred_listg { font-size: 1em; text-indent:-1em; margin-top:1em; margin-bottom:0em; line-height:1.7em; text-align:left; margin-left:2em; font-family:GriffithGothicBold; font-weight: normal; } .ingred_list1 { font-size: 1em; margin-top:1em; margin-bottom:0em; line-height:1.7em; font-size:1em; text-align:left; margin-left:2em; font-family:GriffithGothicRegular; font-weight: normal; } /* ---- 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%; } img.vertical { height: 100%; width: auto; } /* -- icons or small graphics -- */ p.image { margin-top: 1em; margin-bottom: 1em; text-align: center; } p.imagea { margin-top: 0.3em; margin-bottom: 0.3em; text-align: center; } /* -- portrait-oriented images (largest on the vertical side) -- */ p.image_vert { margin: 0; text-align: center; } /* -- landscape-oriented images (largest on the horizontal side) -- */ p.image_horiz { margin: 0; text-align: center; } p.image_left { margin-top: 0.1em; margin-bottom: 0.01em; text-align: left; } .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: super; font-size: 0.7em; line-height: 0em; } sub { vertical-align: sub; 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; } .h3_index { text-align: left; margin-left:2em; font-size:3em; margin-top:1em; margin-bottom: 1.3em; font-family:GriffithGothicBold; /* or other embedded font */ } .indextitle { text-align: left; margin-left:0em; font-size:1.2em; margin-top:2em; margin-bottom: 0.2em; font-family:GriffithGothicBold; /* or other embedded font */ } .indexmain { text-align: left; margin-left:0em; line-height:1.5em; font-size:1em; margin-top:0em; margin-bottom: 0.2em; font-family:GriffithGothicBold; /* or other embedded font */ } .indexsub { text-align: left; margin-left:0.7em; text-indent: -0.7em; line-height:1.5em; font-size:0.95em; margin-top:0em; margin-bottom: 0.2em; font-family:GriffithGothicRegular; /* or other embedded font */ } span.bi { font-family:GriffithGothicBoldItalic; /* or other embedded font */ } span.indexi { font-family:GriffithGothicItalic; /* or other embedded font */ } span.tro { font-family:serif ; /* or other embedded font */ font-weight:normal; } span.troi { font-family:serif ; /* or other embedded font */ font-weight:normal; font-style:italic; } span.trobi { font-family:sans-serif ; /* or other embedded font */ font-weight:bold; font-style:italic; } span.trob { font-family:sans-serif ; /* or other embedded font */ font-weight:bold; } span.ti { font-family:griffithgothicthinitalic; /* or other embedded font */ } .author{ text-indent: 0em; font-size:2em; margin-bottom: 1em; margin-top:1em; margin-bottom:0em; line-height:1.7em; text-align:center; font-family:GriffithGothicThin; /* or other embedded font */ font-weight: normal; } span.small { font-size:0.85em; }