/* -- 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 ---- */ @font-face { font-family: "Verlag-Book"; src: url("../fonts/Verlag-Book.otf"); font-style: normal; font-weight: normal; } @font-face { font-family: "AntiqueCentral"; src: url("../fonts/AntiqueCentral-Bold.otf"); font-style: normal; font-weight: bold; } @font-face { font-family: "AntiqueCentral"; src: url("../fonts/AntiqueCentral-BoldItalic.otf"); font-style: italic; font-weight: bold; } @font-face { font-family: "AtmaSerif"; src: url("../fonts/AtmaSerif-BookItalic.otf"); font-style: italic; font-weight: normal; } @font-face { font-family: "AtmaSerif"; src: url("../fonts/AtmaSerif-BookRoman.otf"); font-style: normal; font-weight: normal; } @font-face { font-family: "AntiqueCentral"; src: url("../fonts/AntiqueCentral-Medium.otf"); font-style: normal; font-weight: bold; } @font-face { font-family: "AntiqueCentral"; src: url("../fonts/AntiqueCentral-Regular.otf"); font-style: normal; font-weight: normal; } @font-face { font-family: "Tw-Cen-MT"; src: url("../fonts/Tw-Cen-MT-Bold-Italic.otf"); font-style: italic; font-weight: bold; } @font-face { font-family: "Tw-Cen-MT"; src: url("../fonts/Tw-Cen-MT-Bold.otf"); font-style: normal; font-weight: bold; } @font-face { font-family: "Tw-Cen-MT"; src: url("../fonts/TwCenMT-Italic.otf"); font-style: italic; font-weight: normal; } @font-face { font-family: "Tw-Cen-MT"; src: url("../fonts/Tw-Cen-MT.otf"); font-style: normal; font-weight: normal; } @font-face { font-family: "TwCenMT"; src: url("../fonts/TwCenMTStd.otf"); font-style: normal; font-weight: normal; } @font-face { font-family: "TwCenMT"; src: url("../fonts/TwCenMTStd-Bold.otf"); font-style: normal; font-weight: bold; } @font-face { font-family: "TwCenMTStd-ExtraBold"; src: url("../fonts/TwCenMTStd-ExtraBold.otf"); font-style: normal; font-weight: bold; } @font-face { font-family: "TwCenMT"; src: url("../fonts/TwCenMTStd-Italic.otf"); font-style: italic; font-weight: normal; } @font-face { font-family: "TwCenMT"; src: url("../fonts/TwCenMTStd-Light.otf"); font-style: normal; font-weight: normal; } @font-face { font-family: "TwCenMTStd-SemiBold"; src: url("../fonts/TwCenMTStd-SemiBold.otf"); font-style: normal; font-weight: bold; } @font-face { font-family: "TwCenMT"; src: url("../fonts/TwCenMTStd-SemiMedium.otf"); font-style: normal; font-weight: bold; } /* ---- 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 { font-family: "Tw-Cen-MT"; font-size: .9em; margin-top: 1em; margin-bottom: 1em; } .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 { font-family: AntiqueCentral; /* or other embedded font */ font-size: 1.2em; margin-top: 5em; margin-bottom: 0em; text-align:center; color: RGB(240,77,69); } .dedication1 { font-family: AntiqueCentral; /* or other embedded font */ font-size: 1.2em; margin-top: 1.2em; margin-bottom: 0em; text-align:center; color: RGB(240,77,69); } .acknowledgements { text-align: left; line-height: 1.25em; } .copyright { font-family: AtmaSerif; font-size: .8em; margin-top: 0em; margin-bottom: 0em; text-align:left; color: RGB(0,0,0); } .copyrightc { font-family: AtmaSerif; font-size: .8em; margin-top: 0.5em; margin-bottom: 0em; margin-left: 10em; text-align:left; color: RGB(0,0,0); } .copyrighttop { font-family: AtmaSerif; font-size: .8em; margin-top: 4.0em; margin-bottom: 0em; text-align:left; color: RGB(0,0,0); } .copyright1 { font-family: AtmaSerif; font-size: .8em; margin-top: 1.0em; margin-bottom: 0em; text-align:left; color: RGB(0,0,0); } /* ---- TOC ---- */ .toc { font-family: AntiqueCentral; /* or other embedded font */ font-size: 1.6em; margin-top: 1em; margin-bottom: 0em; text-align:center; color: RGB(0,0,0); line-height:1.25em; } .toc4 { font-family: AntiqueCentral; /* or other embedded font */ font-size: 1.2em; margin-top: 0.5em; margin-bottom: 0em; text-align:center; color: RGB(0,0,0); line-height:1.25em; } .toc1 { font-family: Tw-Cen-MT; /* or other embedded font */ font-size: 0.85em; margin-top: 0em; margin-bottom: 0em; text-align:center; color: RGB(0,0,0); line-height:1.25em; } .toc2 { font-family: AntiqueCentral; /* or other embedded font */ font-size: 1.1em; margin-top: 0em; margin-bottom: 0em; text-align:center; color: RGB(0,0,0); line-height:1.25em; } .toc3 { font-family: AntiqueCentral; /* or other embedded font */ font-size: 0.8em; margin-top: 0em; margin-bottom: 0em; text-align:center; color: RGB(0,0,0); line-height:1.25em; } .toc-image { margin-top: 0.25em; text-align:center; } /* ---- HEADER STYLES ---- */ .h1 { font-family: Tw-Cen-MT; /* or other embedded font */ font-size: 0.85em; font-weight: bold; margin-bottom: 0.25em; 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: AntiqueCentral; font-size: 2.25em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; text-align:center; color: RGB(0,0,0); } .h2_txt { text-align: center; margin-bottom: 1em; } .h2_toc { font-family: AntiqueCentral; /* or other embedded font */ font-size: 2.25em; font-weight: normal; margin-top: 1.5em; margin-bottom: 0em; text-align:center; color: RGB(240,77,69); } .h2_fm { font-family: Tw-Cen-MT; font-size: 0.7em; font-weight: normal; margin-top: 2.0em; margin-bottom: 0em; text-align:center; line-height: 1.25em; color: RGB(0,0,0); } .h1_bm { font-family: AntiqueCentral; font-size: 2em; font-weight: normal; margin-top: 1.0em; margin-bottom: 0em; text-align:center; line-height: 1.25em; color: RGB(240,77,69); } .h1_bm1 { font-family: AntiqueCentral; font-size: 2em; font-weight: normal; margin-top: 1.2em; margin-bottom: 0.5em; text-align:center; line-height: 1.25em; color: RGB(240,77,69); } .h1_fm1 { font-family: AntiqueCentral; /* or other embedded font */ font-size: 1.75em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; text-align:center; line-height: 1.25em; color: RGB(240,77,69); } .h1_fm3 { font-family: AntiqueCentral; /* or other embedded font */ font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 1.5em; text-align:center; line-height: 1.25em; color: RGB(240,77,69); } h3.attribute { font-family: AtmaSerif; /* or other embedded font */ font-size: 1.0em; font-weight: normal; margin-top: 0em; margin-bottom: 2.0em; line-height: 1.25em; text-align:center; color: RGB(0,0,0); } 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; } h3.subhead { font-family: Tw-Cen-MT; font-weight: bold; font-size: 1em; margin-top: 1.0em; margin-bottom: .5em; text-align:left; color: RGB(240,77,69); } /* -- use as ingredient or material list header -- */ .h4 { font-family: Tw-Cen-MT; font-weight: bold; font-size: 1.0em; margin-top: 1.2em; margin-bottom: .3em; text-align:left; color: RGB(0,0,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: AtmaSerif; /* or other embedded font */ font-size: 0.9em; margin-top: 0.7em; margin-bottom: 0em; text-align:left; text-indent:0em; color: RGB(0,0,0); } p.running_bmc { font-family: Tw-Cen-MT; font-size: 1.0em; margin-top: 1.0em; margin-bottom: 4.0em; text-align:center; text-indent:0em; color: RGB(0,0,0); } p.running_nl { font-family: AtmaSerif; /* or other embedded font */ font-size: 0.9em; margin-top: 0.7em; margin-bottom: 0em; margin-left: 1.0em; text-align:left; text-indent:0em; color: RGB(0,0,0); } p.running_bm1 { font-family: TwCenMT; /* or other embedded font */ font-size: 0.9em; margin-top: 0.6em; margin-bottom: 0em; margin-left: 0em; text-align:left; text-indent:1.0em; color: RGB(0,0,0); } p.running_bm2 { font-family: TwCenMT; /* or other embedded font */ font-size: 0.9em; margin-top: 0.6em; margin-bottom: 0em; margin-left: 0em; text-align:left; text-indent:0em; color: RGB(0,0,0); } p.running_bm { font-family: TwCenMT; /* or other embedded font */ font-size: 0.9em; margin-top: 0.6em; margin-bottom: 0em; margin-left: 0em; text-align:left; text-indent:1.0em; color: RGB(0,0,0); } p.running_bq { font-family: TwCenMT; /* or other embedded font */ font-size: 0.9em; margin-top: 0.7em; margin-bottom: 0em; text-align:left; text-indent:0em; color: RGB(0,0,0); } p.running_bqb { font-family: AtmaSerif; /* or other embedded font */ font-size: 1.0em; margin-top: 0.7em; margin-bottom: 0em; text-align:left; text-indent:0em; color: RGB(0,0,0); } p.running_txt_bq { font-family: TwCenMT; /* or other embedded font */ font-size: 0.9em; margin-top: 0.7em; margin-bottom: 0em; text-align:left; text-indent:1.0em; color: RGB(0,0,0); } p.index_hd { font-family: Tw-Cen-MT; font-weight: bold; font-size: 0.8em; margin-top: 1.4em; margin-bottom: 0em; text-align:left; text-indent:0em; color: RGB(0,0,0); } p.index_main { font-family: Tw-Cen-MT; /* or other embedded font */ font-size: 0.8em; margin-top: 0.2em; margin-bottom: 0em; margin-left: 1em; text-align:left; text-indent:-1em; color: RGB(0,0,0); } p.running_imc { font-family: Tw-Cen-MT; /* or other embedded font */ font-size: 0.8em; margin-top: 0.5em; margin-bottom: 0em; margin-left: 0em; text-align:left; text-indent:0em; color: RGB(0,0,0); } p.running_imc1 { font-family: Tw-Cen-MT; /* or other embedded font */ font-size: 0.8em; margin-top: 1.2em; margin-bottom: 0em; margin-left: 0em; text-align:left; text-indent:0em; color: RGB(0,0,0); } p.index_sub { font-family: Tw-Cen-MT; /* or other embedded font */ font-size: 0.8em; margin-top: 0.2em; margin-bottom: 0em; margin-left: 2em; text-align:left; text-indent:-1em; color: RGB(0,0,0); } p.running_firstb { font-family: Tw-Cen-MT; /* or other embedded font */ font-size: 1.1em; margin-top: 0.6em; margin-bottom: 0em; text-align:left; color: RGB(0,0,0); } p.running_firsta { font-family: Tw-Cen-MT; /* or other embedded font */ font-size: 1.0em; margin-top: 1.0em; margin-bottom: 0em; text-align:left; color: RGB(0,0,0); } p.running_fmtxt1 { font-family: Tw-Cen-MT; /* or other embedded font */ font-size: 1.1em; margin-top: 2.0em; margin-bottom: 0em; text-align:left; color: RGB(0,0,0); } p.running_fmtxt { font-family: TwCenMT; /* or other embedded font */ font-size: 0.9em; margin-top: 0em; margin-bottom: 0em; text-align:left; color: RGB(0,0,0); } p.running_fmtxtn { font-family: Tw-Cen-MT; /* or other embedded font */ font-size: 1.0em; margin-top: 0em; margin-bottom: 0em; text-align:left; color: RGB(0,0,0); } p.running_fmtxtn15 { font-family: Tw-Cen-MT; /* or other embedded font */ font-size: 1.0em; margin-top: 1.5em; margin-bottom: 0em; text-align:left; color: RGB(0,0,0); } /* -- this class (.running_txt) should be used on paragraphs with "noindent" --*/ p.running_txt { font-family: AtmaSerif; /* or other embedded font */ font-size: 0.9em; margin-top: 0.7em; margin-bottom: 0em; text-align:left; text-indent:1.0em; color: RGB(0,0,0); } p.running_txtx { font-family: AtmaSerif; /* or other embedded font */ font-size: 0.9em; margin-top: 0.7em; margin-bottom: 20em; text-align:left; text-indent:1.0em; color: RGB(0,0,0); } p.running_txt_n2 { font-family: AtmaSerif; /* or other embedded font */ font-size: 0.9em; margin-top: 2.0em; margin-bottom: 0em; text-align:left; text-indent:0em; color: RGB(0,0,0); } 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: AtmaSerif; /* 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 { font-family: Tw-Cen-MT; /* or other embedded font */ font-size: .7em; margin-top: 0.3em; margin-bottom: 1.2em; text-align:left; color: RGB(0,0,0); } .captionx { font-family: Verlag-Book; /* or other embedded font */ font-size: .7em; margin-top: 0.3em; margin-bottom: 1.2em; text-align:left; color: RGB(0,0,0); } .captionr1 { font-family: Tw-Cen-MT; /* or other embedded font */ font-size: .7em; margin-top: 0.3em; margin-bottom: 1.2em; text-align:right; color: RGB(0,0,0); } .captionr { font-family: Tw-Cen-MT; font-weight: bold; font-size: 1.0em; margin-top: 0.3em; margin-bottom: 1.2em; text-align:right; color: RGB(0,0,0); } .captionc { font-family: Tw-Cen-MT; /* or other embedded font */ font-size: .7em; margin-top: 0.3em; margin-bottom: 1.2em; text-align:center; color: RGB(0,0,0); } .captionc1 { font-family: Tw-Cen-MT; font-weight: bold; font-size: 1.1em; margin-top: 0.6em; margin-bottom: 0.1em; text-align:center; color: RGB(0,0,0); } .captionc2 { font-family: Tw-Cen-MT; /* or other embedded font */ font-size: 0.7em; margin-top: 0.4em; margin-bottom: 1.2em; text-align:center; 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 { font-family: TwCenMT; /* or other embedded font */ margin-top:0.7em; margin-bottom:0.7em; margin-left:1em; margin-right:1em; } div.blockquote-left { margin-top:0.7em; margin-bottom:0.7em; margin-left:1em; 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: 0em; margin-top: 0em; margin-left: 0.6em; } ul.alternate_style { list-style-type: none; padding: 0px; margin-bottom: 1em; } li { font-family: TwCenMT; font-size: 0.9em; margin-top: 0.5em; margin-bottom: 0em; text-align:left; text-indent:-0.6em; color: RGB(0,0,0); } li.list { font-family: AtmaSerif; font-size: 0.9em; margin-top: 0.5em; margin-bottom: 0em; text-align:left; text-indent:-0.6em; color: RGB(0,0,0); } /* -- 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 ---- */ div.image_wrap { margin: 0; text-align: center; vertical-align: top; page-break-inside: avoid; page-break-after:always; } div.image_wrap_small { text-align: center; } p.image { margin: 0; text-align: center; max-width: 100%; } img.horizontal { width: 100%; height: auto; } img.vertical { height: 100%; width: auto; } p.image1 { margin-top: 1em; margin-bottom: 1em; text-align: center; max-width: 100%; } p.image2 { margin-top: 1em; margin-bottom: 0.3em; text-align: center; max-width: 100%; } p.image-l2 { margin-top: 2.0em; margin-bottom: 0.1em; text-align: left; max-width: 100%; } p.image_vert { margin-top: 0.1em; margin-bottom: 0.01em; text-align: center; height: 90%; width: auto; } p.image_horiz { margin-top: 0.1em; margin-bottom: 0.01em; text-align: center; max-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; } small { font-family: "TwCenMT"; font-size: 0.6em; } .font { font-family: "TwCenMTStd-SemiBold"; } .font1 { font-family: "AntiqueCentral"; }