body { margin: 0; padding:0; border-width: 0; } h1, h2, h3, h4 { -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; page-break-after: avoid; } /*title page styles*/ div#titleblock { /* max-width: 100%;*/ } h1 { font-family: sans-serif; font-weight: bolder; text-indent:0; text-align: center; } h1.booktitle1 { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; line-height: 100%; text-transform: uppercase; color: #6AADE4; font-size: 3.5em; /* letter-spacing: 10px;*/ } h1.booktitle2 { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; line-height: 65%; text-transform: uppercase; color: #466788; /*dark blue*/ font-size: 8em; /* letter-spacing: 10px;*/ } h1.booktitle3 { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; line-height: 100%; text-transform: uppercase; color: #6AADE4; font-size: 3.5em; /* letter-spacing: 10px;*/ } h2.booksubtitle { text-indent:0; text-align: center; font-family: sans-serif; padding-top:1em; font-weight: normal; /* letter-spacing: 1px;*/ font-size: 1.3em; } p.bookauthor { text-indent:0; text-align: center; font-family: sans-serif; font-weight: bold; font-size: 1.5em; color: #466788; /*dark blue*/ /* letter-spacing: 1px;*/ padding-top:1em; } div.colophon { padding-top:3em; width: 2.5em; margin: auto; } #colophon { width: 100%; } p.publisher { text-indent:0; text-align: center; text-transform: lowercase; font-variant: small-caps; /* letter-spacing: 1px;*/ font-size: .8em; } h1.fronttitle { color: #6AADE4; font-size:3em; margin-bottom:1.5em; /* letter-spacing: 5px;*/ } div.toc { margin-left: 10%; margin-right: 10%; } ul.toc, ul.cotoc { list-style: none; font-family: sans-serif; font-weight: bold; } li.toc-item, li.cotoc-item { margin-bottom: .7em; line-height: 1.4em; text-indent: -5%; } li.toc-sub { margin-bottom: .7em; font-style: italic; } a { color: #466788; /*dark blue*/ } .txt-leadin { color: #466788; /*dark blue*/ font-size: 1.1em; /* letter-spacing: 2px;*/ font-family: sans-serif; font-weight: bold; } p { margin-top: 0; margin-bottom: 0; text-indent: 0; line-height: 1.5em; } p.follow { text-indent: 1em; } /* chapter-opener styles */ div.full-width-image-break { width: 100%; margin: auto; page-break-before: always; page-break-inside: avoid; } div.full-width-image { width: 100%; margin: auto; page-break-inside: avoid; } img.chapter-opener { margin:0; /* max-width: 100%;*/ width: 100%; text-align:center; text-indent: 0; } h1.chaptertitle { color: #6AADE4; font-size:3em; margin-bottom:.1em; margin-top: 0; /* letter-spacing: 5px;*/ } h1.chaptertitle-break-before { color: #6AADE4; font-size:3em; margin-bottom:1em; margin-top: 0; /* letter-spacing: 5px;*/ page-break-before: always; } h2 { color: #6AADE4; font-weight: bold; font-family: sans-serif; /* letter-spacing: 3px;*/ } h2.cotoc-hed { font-size: 1.5em; text-indent: .1em; text-align: left; margin-top: 1em; margin-bottom: 0; } /* body styles */ div.recipe { } h2.recipetitle, h2.vartitle, h2.sectiontitle { font-size: 2em; text-align: center; margin-top: 0; margin-bottom: 0; } h3.yield { color: gray; text-align:center; font-weight: bold; font-size: 1em; /* letter-spacing: 2px;*/ font-family: sans-serif; margin-top: .5em; } p.headnote-first, p.bio { text-indent: 0; } p.headnote-follow { text-indent: 1em; } .leadin { color: #466788; /*dark blue*/ font-size: 1em; /* letter-spacing: 1.5px;*/ font-family: sans-serif; font-weight: bold; } ul.inglist { list-style: none; } li.ing { line-height: 1.5em; text-indent: 0; text-indent: -1em; padding-left: 1em; } li.inghed { color: #6AADE4; /* letter-spacing: 3px;*/ line-height: 1.5em; margin-top: 1em; text-indent: -1.5em; } span.method-runin { color: #6AADE4; /* letter-spacing: 3px;*/ } div.float-right-illo { margin-top: 1em; float: right; width: 40%; } div.spot-illo { margin-top: 1em; text-align: center; width: 70%; margin-left: auto; margin-right: auto; } img.spot { width:100%; /* max-width: 200px;*/ } img.midsize { width:100%; /* max-width: 300px;*/ } img#large-dingbat { width: 55px; line-height: 0.8em; margin-bottom: -0.1em; float: left; } img.small-dingbat { vertical-align: top; width: 1.5em; padding-right:.2em; } h4.boxtitle { color: #466788; font-size: 1.1em; font-weight: bold; text-align:left; /* letter-spacing: 1px;*/ margin-top: .5em; margin-bottom: .5em; } .box { /*border: solid 2px;*/ border: none; border-color: #466788; /*dark blue*/ /*background-color: #ECF3FE;*/ margin: 1em 1em 1em 1em; } .box > * { padding-left: 1em; padding-right: 1em; } hr { margin-top: 1em; color: #466788; /*dark blue*/ background-color: #466788; /*dark blue*/ height: 2px; } span.var-yield { margin-left: 1em; color: black; font-weight: normal; } p.var-ing { margin-top: 1em; margin-bottom: 1em; text-indent: 1em; } video { /* max-width:100%;*/ width: 300px; height: 169px; } div.video-box { padding-top: 2em; width: 300px; margin: 0 auto; text-align: center; } p.vid-caption { text-indent:0; text-align: center; font-size: .9em; font-family: sans-serif; color: #466788; /*dark blue*/ margin-top: 0 !important; margin-bottom: 1em !important; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; } p.center { text-align: center; font-family: sans-serif; color: #466788; /*dark blue*/ } /*backmatter styles*/ h3.index-alpha { color: #466788; /*dark blue*/ margin-top: 2em; margin-bottom:0; } p.index { margin-top: 0; margin-bottom: 0; text-indent: -1em; padding-left: 1em; } p.index-nav { margin-top: 2em; margin-bottom: 0; text-indent: 0; text-align: center; } p.index-sub { text-indent: -1em; padding-left: 2em; } p.copyright { margin-bottom:1em; } p.ad-card { text-align: center; font-style: italic; } h3.ad-card-title { color: #466788; /*dark blue*/ text-align:center; font-weight: bold; font-size: 1em; /* letter-spacing: 2px; */ font-family: sans-serif; margin-top: 2em; page-break-before: always; }