/* -- Updated 02/20/13, CB Digital Production-- */ /* ---- GENERAL ---- */ html, body { margin: 0; padding:0; border-width: 0; } @page { margin: 5pt; } hr.bar10 { width:10%; margin-left:45%; } h1, h2, h3, h4, h5, h6, p { -webkit-hyphens:none; -epub-hyphens:none; } p { text-indent: 0em; line-height: 1.5em; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } /* ---- EMBEDDED FONTS ---- */ @font-face { font-family: "AGaramond-RegularSC"; src: url("../fonts/AGaramond-RegularSC.otf"); } @font-face { font-family: "AGaramond-SemiboldItalicOsF"; src: url("../fonts/AGaramond-SemiboldItalicOsF.otf"); } @font-face { font-family: "goudyboldosf"; src: url("../fonts/goudyboldosf.otf"); } @font-face { font-family: "AGaramond-Regular"; src: url("../fonts/AGaramond-Regular.otf"); } @font-face { font-family: "AGaramond-Bold"; src: url("../fonts/AGaramond-Bold.otf"); } @font-face { font-family: "AGaramond-Italic"; src: url("../fonts/AGaramond-Italic.otf"); } @font-face { font-family: "AGaramond-Semibold"; src: url("../fonts/AGaramond-Semibold.otf"); } @font-face { font-family: "AGaramond-SemiboldSC"; src: url("../fonts/AGaramond-SemiboldSC.otf"); } @font-face { font-family: "AGaramond-SemiboldItalic"; src: url("../fonts/AGaramond-SemiboldItalic.otf"); } /* ---- LINKS ---- */ a { color: RGB(0,157,224); text-decoration: none; } /* ---- TITLE PAGE ---- */ .title { font-size: 3em; margin-top: 1.5em; text-align: center; margin-bottom: 0.5em; line-height:0.7em; color: RGB(128,16,37); /* or other color */ font-family:goudyboldosf; /* or other embedded font */ } .sub_title { margin-bottom: 2em; font-size: 1.50em; margin-top: 0.5em; text-align: center; color: RGB(128,16,37); /* or other color */ font-family: "AGaramond-SemiboldItalicOsF"; } /* -- 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; } .author { font-size: 0.9em; margin-top: 2.5em; text-align: center; margin-bottom: 0em; font-family:AGaramond-RegularSC; /* or other embedded font */ } .author1 { font-size: 1.7em; font-weight: bold; margin-top: 0.2em; text-align: center; margin-bottom: 0em; color: RGB(128,16,37); /* or other color */ font-family:goudyboldosf; /* or other embedded font */ } .author2 { font-size: 0.9em; margin-top: 0.1em; text-align: center; margin-bottom: 6em; font-family:AGaramond-RegularSC; /* or other embedded font */ } /* -- foreword by, introduction by, preface by -- */ .sub_byline { font-size: .75em; text-align: center; font-family:Verdana, Geneva, sans-serif; } /* ---- FRONT MATTER ---- */ .dedicationy { font-size: 1em; margin-top: -0.9em; margin-bottom: 2em; text-align: center; font-family: "AGaramond-RegularSC"; } .dedication { font-size: 1em; margin-top: 0em; margin-bottom: 2em; text-align: center; font-family: "AGaramond-RegularSC"; } .acknowledgements { text-align: left; line-height: 1.25em; } .copyrightt { font-size: 90%; margin-top: 6em; margin-bottom: 0.1em; text-align: center; font-family:AGaramond-Regular; /* or other embedded font */ } .copyright { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-align: center; font-family:AGaramond-Regular; /* or other embedded font */ } .copyright1 { font-size: 90%; margin-top: 1.2em; margin-bottom: 0.1em; text-align: center; font-family:AGaramond-Regular; /* or other embedded font */ } .copyright2 { font-size: 90%; margin-top: 2em; margin-bottom: 0.1em; text-align: center; font-family:AGaramond-Regular; /* or other embedded font */ } .copyright3 { font-size: 90%; margin-top: 3em; margin-bottom: 0.1em; text-align: center; font-family:AGaramond-Regular; /* or other embedded font */ } .halftitle { font-size: 2em; margin-top: 4em; margin-bottom: 5em; line-height:0.7em; text-align: center; font-family:goudyboldosf; /* or other embedded font */ } /* ---- TOC ---- */ .toc { font-size: 90%; margin-top: 0em; text-align: left; margin-bottom: 0em; font-family: "AGaramond-RegularSC"; } .toci { font-size: 90%; margin-top: 0em; text-align: left; margin-bottom: 0em; margin-left: 7em; font-family: "AGaramond-RegularSC"; } .toc1 { font-size: 100%; margin-top: 1.2em; margin-bottom: 0.4em; text-align: center; font-family: "AGaramond-RegularSC"; } .toci1 { font-size: 90%; margin-top: 1.2em; margin-bottom: 0.4em; text-align: center; margin-left: 7em; font-family: "AGaramond-RegularSC"; } .toc2 { font-size: 90%; margin-top: 0em; margin-bottom: 0em; margin-left: 4.2em; text-align: left; font-family: "AGaramond-Regular"; } .toci2 { font-size: 90%; margin-top: 0em; margin-bottom: 0em; text-align: left; margin-left: 7em; font-family: "AGaramond-RegularSC"; } /* ---- 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: 2em; font-size: .75em; font-family: sans-serif; /* or other embedded font */ } /* -- use h2 as recipe header -- */ h2 { text-align: center; color: RGB(0,0,0); /* or other color */ font-family:sans-serif; /* or other embedded font */ } .h2_txt { margin-bottom: 2em; } .h2_fm { font-family: "AGaramond-Bold"; font-size:140%; font-weight:normal; margin-top: 2.1em; margin-bottom: 0.5em; text-align:center; } .h2_fm2 { font-family: "AGaramond-Semibold"; font-size:1.8em; font-weight:normal; margin-top: 2.1em; margin-bottom: 0.5em; text-align:center; } .h2_fm1 { font-family: "AGaramond-Semibold"; font-size:1.8em; font-weight:normal; margin-top: 3.5em; margin-bottom: 1.2em; text-align:center; } .h2_bm { font-family: "AGaramond-Semibold"; font-size:1.5em; font-weight:normal; margin-top: 3em; margin-bottom: 1.2em; text-align:center; } .h2_bm1 { font-family: "goudyboldosf"; font-size:1.7em; font-weight:normal; margin-top: 0.5em; margin-bottom: 0em; text-align:center; } h3 { font-size:1.2em; font-weight:normal; margin-top: 1.7em; margin-bottom: 0.4em; text-align:center; font-family: "AGaramond-RegularSC"; } .h3_txt { margin-bottom: 2em; } /* -- use as ingredient or material list header -- */ h4 { font-size:1.1em; font-weight:normal; margin-top: 1.2em; margin-bottom: 0.4em; text-align:center; font-family: "AGaramond-RegularSC"; } /* ---- TEXT STYLES ---- */ /* -- this class (.running_first) should be used on initial paragraphs under a header -- */ p.running_first { font-size: 1em; text-indent: 0em; text-align:left; margin: 0; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.running_firstb { font-size: 1em; text-indent: 0em; text-align:left; margin: 0; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.running_firstw { font-size: 1em; text-indent: 0em; text-align:center; margin-bottom: 2em; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-RegularSC"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } /* -- this class (.running_txt) should be used on paragraphs that follow .running_first -- */ p.centerc { text-indent: 0em; line-height: 1.5em; font-size: 100%; text-align:center; margin-top: 0.2em; margin-top: 0.4em; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Italic"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.centerb { text-indent: 0em; font-size: 1.1em; text-align:center; margin-top: 0.1em; margin-bottom: 2em; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Semibold"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.centerb1 { text-indent: 0em; font-size: 1em; text-align:center; margin-top: 0.1em; margin-bottom: 2em; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-RegularSC"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.figcaption { text-indent: 0em; font-size: 1.1em; text-align:center; margin: 0; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-RegularSC"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.figcaptionl { text-indent: 0em; font-size: 0.8em; text-align:center; margin-top: .3em; margin-bottom: 1em; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.running_txt { text-indent: 0em; font-size: 1em; text-align:left; margin: 0; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.running_txt1 { text-indent: 0em; font-size: 1em; text-align:left; margin-top: 1.3em; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.tablel { text-indent: 0em; font-size: 1em; text-align:left; margin-top: 0em; color: RGB(0,0,0); /* or other color */ margin-bottom: 0.2em; font-family: "AGaramond-SemiboldSC"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.tablel1 { text-indent: 0em; font-size: 1em; text-align:left; margin-top: 0em; margin-bottom: 0em; margin-left: 1em; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.running_txtj { text-indent: 0em; font-size: 1em; text-align:left; margin: 0; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.running_txtat { text-indent: 0em; font-size: 1em; text-align:left; margin-top: 1em; margin-left: 4em; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.running_txta { text-indent: 0em; font-size: 1em; text-align:left; margin-top: -1em; margin-left: 4em; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.running_txta1 { text-indent: 0em; font-size: 1em; text-align:left; margin-top: -0.5em; margin-left: 4em; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.running_txtb { text-indent: 0em; font-size: 1em; text-align:left; margin-top: 0.1em; margin-bottom: 0em; margin-left: 3em; margin-right: 3em; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Italic"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.running_txtr { text-indent: 0em; font-size: 1em; text-align:right; margin-top: 0.1em; margin-bottom: 0em; margin-right: 0em; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-RegularSC"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.ref { text-indent: -1.8em; font-size: 1em; text-align:left; margin-top: 0em; margin-bottom: 0em; margin-left: 1.8em; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.running_txti { text-indent: 3em; font-size: 1em; text-align:left; margin: 0; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.running_txti7 { text-indent: 2.1em; font-size: 1em; text-align:left; margin: 0; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.running_txtbj { text-indent: 3em; font-size: 1em; text-align:left; margin: 0; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.running_txtbi { text-indent: 2.3em; font-size: 1em; text-align:left; margin: 0; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } p.running_txtb7 { text-indent: 0em; font-size: 1em; text-align:left; margin-top: 0.1em; margin-bottom: 0em; margin-left: 2.3em; margin-right: 3em; color: RGB(0,0,0); /* or other color */ font-family: "AGaramond-Regular"; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } .pagebreak { page-break-before:left; } .section_title {} .section_head {} .chapter_title {} .chapter_head {} .chapter_head_note {} .drop_cap { font-size: 3em; font-weight: bold; height: auto; } /* ---- EXTRACT, PULL QUOTES ---- */ .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/ SIDE BARS ---- */ .caption { text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:.75em; } .caption_1_hd {} .caption_1_txt {} .caption_2_hd {} .caption_2_txt {} .sidebar { margin-top:2em; margin-bottom:2em; margin-left:1em; margin-right:1em; } .sidebar_1_hd {} .sidebar_1_hdnote {} .sidebar_1_txt {} .sidebar_2_hd {} .sidebar_2_hdnote {} .sidebar_2_txt {} /* ---- LISTS ---- */ ol { list-style-type: none; padding: 0px; margin-bottom: 1em; } ul { font-family: "AGaramond-Regular"; list-style-type: none; padding: 0px; margin-bottom: 1em; } ul.alternate_style { list-style-type: none; padding: 0px; margin-bottom: 1em; } li { font-family: "AGaramond-Regular"; margin-bottom: .5em; } .ingred_list_sub {} .footnotes {} /* -- 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; } /* ---- IMAGES ---- */ /* -- images should be smaller than 2 million pixels -- */ div.image_wrap { text-align: center; } /* -- icons or small graphics -- */ p.image { margin-top: 1em; margin-bottom: 1em; text-align: center; } p.imaged { margin-top: 4em; margin-bottom: 0em; text-align: center; } /* -- images that are largest on the vertical side -- */ p.image_vert { margin-top: 0.1em; margin-bottom: 0.01em; text-align: center; height: 90%; width: auto; display: inline-block; } /* -- images that are largest on the horizontal side -- */ p.image_horiz { margin-top: 0.1em; margin-bottom: 0.01em; text-align: center; width: 90%; height: auto; display: inline-block; } .image_background { margin: 0; background-repeat: no-repeat; background-size: contain; } /* -- should be used for the Chronicle Books logo on the title page -- */ .logo { margin-top: 3em; text-align: center; border: 0; } .floatleft { float: left; width: 40%; margin: 10px 10px 10px 0; } .floatright { float: right; width: 40%; margin: 10px 10px 10px 0; } /* -- 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%; } /* ---- FRACTIONS ---- */ sup { vertical-align: top; font-size: 0.7em; line-height: 0em; } sub { vertical-align: middle; font-size: 0.7em; line-height: 0em; } span.weblink { color: RGB(0,157,224); text-decoration: none; } span.regular { font-family: "AGaramond-Regular"; } span.sbi { font-family: "AGaramond-SemiboldItalic"; } span.font { font-size: 0.7em; } span.ab { font-family: "AGaramond-Bold"; } span.semibold { font-family: "AGaramond-Semibold"; } span.ags { font-family: "AGaramond-SemiboldSC"; } span.osf { font-family: "AGaramond-SemiboldItalicOsF"; } span.italic { font-family: "AGaramond-Italic"; } span.regularsc { font-family: "AGaramond-RegularSC"; } /* -- TABLES -- */ div.table { margin-top: 2em; margin-bottom: 2em; } table { border-collapse: collapse; margin: 1em 0; text-align: left; } td, th { padding: 3px 5px; } li { }