/*css by Rebecca Springer 8 Feb 2013*/ /*fonts*/ /*used for sb heads*/ @font-face { font-family:dearJoe4; font-style:normal; font-weight:normal; src : url("../fonts/DearJoefour.otf"); } /*general styles*/ body { font-size: 100%; margin:0; padding:0; border-width:0; -epub-hyphens:auto; -webkit-hyphens:auto; } @page { margin: 0; } .ital { font-style: italic; } a { color:#00208B; -webkit-hyphens: none !important; } img { max-width:100%; } ul, ol { margin:1em 0 1em 0 !important; } li { font-family: sans-serif; line-height:1.6em; margin-right: .5em; margin-bottom: .5em; orphans:2; widows:2; text-indent: 0; text-align:left; text-justify: none; -webkit-hyphens: none !important; adobe-hyphenate: none; -moz-hyphens: none; hyphens: none; } p { font-family: sans-serif; font-size: 1em; line-height:1.6em; margin: 0; orphans: 2; widows: 2; text-align: left; /* -webkit-hyphenate-before:3; hyphenate-before:3; -webkit-hyphenate-after:3; hyphenate-after:3; -webkit-hyphenate-lines:2; hyphenate-lines:2;*/ font-weight: normal; font-style: normal; text-decoration: none; font-variant: normal; } div.full-width-image { margin-right:auto; margin-left:auto; width:100%; page-break-inside:avoid; text-align: center !important; } h1, h2, h3, h4 { font-family: sans-serif; -webkit-hyphens: none !important; /* adobe-hyphenate: none;*/ -moz-hyphens: none; hyphens: none; page-break-after: avoid; font-weight:normal; } div.full-width-image { margin: 0 !important; } /*fm, chapter opener, and acks styles*/ div.fm-section, div.chap-intro { page-break-before: always; } p.copyright { font-size: .8em; line-height: 1.3em; margin-top: .8em; } h2.toc-hed, h2.cotoc-hed { text-align: center; text-transform: uppercase; font-size: 1.5em; letter-spacing: 2px; } p.toc, p.cotoc { font-size: 1em; line-height: 1.6em; margin-top: .3em; margin-left: 15px; margin-left:38px; text-indent:-27px; } span.lede { font-family: serif; color: #c85d4a; /*red-orange*/ text-transform: uppercase; letter-spacing: 2px; font-size: 1.3em; } p.normal { text-indent: 1.5em; line-height:1.8em; } p.normal-noindent { text-indent: 0; line-height:1.8em; } div.cotoc { } span.cotoc-link { } p.caption { font-size: .9em; line-height: 1.3em; } /*recipe styles*/ div.recipe { } h2.rt { text-transform: uppercase; letter-spacing: 3px; font-weight:500; font-size: 1.5em; line-height: 1em; text-indent: 0; text-align: center; color: #c85d4a; margin-top:0; margin-bottom:0; } h3.rst { text-align:center; text-transform: uppercase; letter-spacing: 2px; font-size: 1em; line-height: 2.38em; text-indent: 0; color: #c85d4a; margin-top: 0 !important; margin-bottom: 0 !important; } img.dingbat { margin-right: 12px; margin-left: 10px; height: .7em; width: auto; } img.star { margin-right: 4px; margin-left: 4px; height: .9em; width: auto; top : -.15em; } span.yield-star { color: #c85d4a; font-size: 0.9em; } p.y { font-family: serif; text-align:center; font-size: .9em; line-height: 1.4em; margin-bottom: 1.5em; margin-top: 1.3em; text-transform: uppercase; letter-spacing: 1px; -webkit-hyphens: none !important; } div.headnote { margin-bottom: 1em; } p.hn { text-indent: 1em; } p.hn-first { text-indent: 0; } ul.ing-list { list-style: none; } li.ing { line-height: 1.2em !important; font-weight: bold; font-size: .9em; margin-left:33px; text-indent:-27px; } li.ing-space { line-height: .9em !important; font-size: .9em; } li.ing-hed { line-height: 1.2em !important; font-size: .9em; font-weight: bold; text-transform: uppercase; margin-left:33px; text-indent:-27px; } ol.method { } span.step-hed, span.sb-runi-hed { text-transform: uppercase; letter-spacing: 1px; } li.step { margin-left: 2px; padding-left: 5px; } p.trick { } span.trick-hed { letter-spacing: 1px; } p.trick { } img#closeup { padding-top: 5px; } /*sidebar styles*/ div.sidebar-wrapper { page-break-before: always; } div.sidebar { background-color: #E2E0B3; padding: 50px; border-radius: 40px; } p.sb { text-indent: 1.5em; } p.sb-first { text-indent: 0; } span.sb-ahed { font-family: "dearJoe4"; font-size: 2em; padding-left: 2em; padding-right: .5em; } h4.sb-bhed { font-weight: bold; text-transform: uppercase; margin-top: 1.6em; margin-bottom: 0; } li.sb-nls { margin-left: -15px; } img.sidebar-decoration { margin-top: 20px; width: 100%; } /*index styles*/ h2.rmt { font-family: serif; color: #c85d4a; /*red-orange*/ text-transform: uppercase; letter-spacing: 2px; } p.index-nav { margin-top: 2em; margin-bottom: 2em; text-indent: 0; text-align: center; } h3.index-alpha { font-family: serif; text-align: left; color: #c85d4a; margin-top: 1em; margin-bottom:0; } p.index-1 { font-size: .9em; text-indent: -3em; margin: 0 0 0 3em; } p.index-2 { font-size: .9em; text-indent: -1.88em; margin: 0 0 0 3em; }