@page { margin-top:30px; margin-bottom:20px; } @font-face { font-family: OpenSans; font-style: normal; font-weight: normal; src:url("fonts/OpenSans-Regular.ttf"); } @font-face { font-family: OpenSans; font-style: normal; font-weight: bold; src:url("fonts/OpenSans-Bold.ttf"); } @font-face { font-family: OpenSans; font-style: italic; font-weight: normal; src:url("fonts/OpenSans-Italic.ttf"); } @font-face { font-family: OpenSans; font-style: italic; font-weight: bold; src:url("fonts/OpenSans-BoldItalic.ttf");} body { font-family: OpenSans, Seravek, sans-serif; font-weight: normal; font-size: medium; } a { color: #336699; text-decoration: none; -webkit-hyphens: none !important; -adobe-hyphenate: none; -moz-hyphens: none; hyphens: none; } img { max-width: 100%; max-height: 100%; } .center { text-align: center; } sup.fnum { font-size: 0.6em; vertical-align: 0.5em; } sub.fden { font-size: 0.6em; vertical-align: -0.1em; } /* ---------------------------DIVS---------------------------- */ .keep { page-break-inside: avoid; } .ext { margin-top: 1em; margin-bottom: 1em; margin-left: 2em; margin-right: 2em; font-size: small; } .ser { text-align: center; margin-top: 1em; margin-bottom: 0; } .fig { page-break-inside: avoid; text-align: center; margin-top: 1em; margin-bottom: 1em; } .greenbartop { height: 20px; width: 100%; background-color: #94CB61; margin-bottom: 2em; } .greenbarbottom { height: 20px; width: 100%; background-color: #94CB61; margin-top: 2em; } .serl { } /* ---------------------------HEADINGS---------------------------- */ h1, h2, h3, h4, h5, h6 { -webkit-hyphens: none !important; adobe-hyphenate: none; -moz-hyphens: none; hyphens: none; page-break-inside: avoid; page-break-after: avoid; margin-top: 2em; margin-bottom: 1em; font-weight: bold; font-style: normal; text-align: left; } .fmh { font-size: xx-large; color: #666666; } .tocc { margin-top: 1em; font-size: large; margin-bottom: 0; } .ahd { font-size: x-large; font-weight: bold; margin-top: 1em; margin-bottom: 0; } .bhd { font-size: large; margin-top: 1em; color: #666666; } .cp { font-size: 2em; text-align: center; background-color: #94CB61; margin-bottom: 40px; padding-bottom: 0.5em; padding-top: 0.5em; margin-top: 0; margin-left: -1em; margin-right: -1em; font-weight: normal; } .cn { font-size: xx-large; text-align: center; font-weight: normal; margin-top: 1em; margin-bottom: 0; } .cht { margin-top: 0; margin-bottom: 2em; font-size: x-large; text-align: center; font-weight: normal; } .buydo { font-size: xx-large; text-align: center; margin-top: 1em; color: #666666; } .chd { margin-top: 1em; font-size: medium; } .boi_title { margin-top: 0; margin-bottom: 0; text-align: center; } .boi_author { margin-top: 0; margin-bottom: 1em; font-weight: normal; text-align: center; } /* ---------------------------------- LISTS ---------------------------------- */ /* To fix that stupid Nook Color bug*/ ol { adobe-text-layout: optimizeSpeed; } ul, ol { margin-top: 1em; margin-bottom: 1em; } li { font-family: OpenSans, Seravek, sans-serif; text-align: left; font-size: medium; line-height: 1.5em; } .tocul {margin-top: 0; } .tocul li { font-size: small; } /* -----Dirty Hacks----- */ /* These styles *only* apply if a list has to be hard-coded as

elements. If they're

  • elements, they'll use the defaults. Lists must be hard-coded any time any NL2 or BL2 variant is used. */ p.bl-1st, p.bl2-1st { margin-top:1em; } p.bl-last, p.bl2-last { margin-bottom:1em; } p.bl, p.bl-1st, p.bl-last { margin-left: 2em; text-indent: -1em; } p.bl2, p.bl2-1st, p.bl2-last { margin-left: 4em; text-indent: -1em; } /* ---------------------------PARAGRAPHS---------------------------- */ p { font-size: medium; text-indent: 0; line-height: 1.5em; margin: 0; text-align: left; orphans: 1; widows: 2; -webkit-hyphenate-before: 3; hyphenate-before: 3; -webkit-hyphenate-after: 3; hyphenate-after: 3; -webkit-hyphenate-lines: 2; hyphenate-lines: 2; } .tx1s { margin-bottom: 1em; } .tx { text-indent: 1em; } .pcred { font-size: x-small; font-style: italic; color: #666666; text-align: center; } .tocd { font-size: small; } .tocfm, .tocfm1 { font-size: medium; font-weight: bold; } .tocfm1 { margin-top: 1em; } .cc { text-align: center; -webkit-hyphens: none !important; adobe-hyphenate: none; -moz-hyphens: none; hyphens: none; } .crt { font-size: x-small; margin-bottom: 1em; } .crt1, .crt4 { font-size: x-small; text-indent: 1em; } .crt2 { font-size: x-small; text-align: center; } .crt3 { font-size: x-small; margin-left: 1em; text-indent: 2em; } .ing, .step, .res { margin-left: 1em; text-indent: -1em; } .res {font-size: small; } .boi_specs { font-style: italic; margin-top: 1em; margin-bottom: 1em; } /* ---------------------------SPANS---------------------------- */ .chdparen { font-weight: normal; font-style: italic; } .tocct, .rom { font-weight: normal; } /* ---------------------------TITLE PAGE---------------------------- */ .tpt1, .tpt2, .tpst, .tpau, .colophon { text-align: center; } .tpt1 { margin-top: 1em; font-size: 3em; font-weight: normal; margin-bottom: 0; line-height: 1em; } .tpt2 { line-height: 1em; font-size: 3em; letter-spacing: 0.1em; margin-top: 0; margin-bottom: 1em; } .tpst { margin-top: 0; margin-bottom: 2em; font-size: 1.1em; color: #666666; } .tpau { margin-top: 0; margin-bottom: 3em; font-size: 1.1em; color: #666666; } .colophon { font-size: x-small; font-weight: bold; text-align: center; margin-bottom: 3em; } /* -----------------------PRACTICALLY GREEN & GREENER SIDEBARS------------------------ */ .pg, .eg { margin-top: 1em; margin-bottom: 1em; border: 1px solid #94CB61; padding: 1em; font-size: small; page-break-inside: avoid; text-align: center; } .pgh, .egh { margin-top: 0; font-size: small; text-align: center; } .pgtni, .egtni, .egtx { font-size: small; text-align: left; } .egtx { text-indent: 1em; } .egul li { font-size: small; } /* -----------------------ADVENTURES IN GREEN LIVING SIDEBARS------------------------ */ .agl { border: 4px solid #715232; -webkit-border-radius: 2em; -moz-border-radius: 2em; page-break-inside: avoid; margin-top: 1em; margin-bottom: 1em; padding: 1.5em; } .aglh { color: #715232; margin-top: 0; margin-bottom: 1em; font-size: medium; text-align: center; } .agltni { font-size: small; text-align: left; } /* ---------------------------SHOP GREEN SIDEBARS---------------------------- */ .sg { background-color: #D8E9C3; border: 3px dotted #715232; padding: 1em; margin-top: 1em; margin-bottom: 1em; page-break-inside: avoid; } .sgh { color: #666666; margin-top: 0; margin-bottom: 1em; font-size: large; } .sgtni, .sgul li { font-size: small; } /* ---------------------------ALERT SIDEBARS---------------------------- */ .alert { border: 1px solid #F7941E; padding: 1em; margin-top: 1em; margin-bottom: 1em; page-break-inside: avoid; text-align: center; } .ah { margin-top: 0; margin-bottom: 1em; font-size: large; font-weight: normal; text-align: center; } .atni, .atx, .atnis { font-size: small; font-weight: bold; text-align: left; } .atx { text-indent: 1em; } .atnis { margin-bottom: 1em; } .ahspan { color: #666666; font-weight: bold; } .alist li { font-size: small; font-weight: bold; } /* ---------------------------ECO-ALERT SIDEBARS---------------------------- */ .ealert { border: 2px solid #F7941E; -webkit-border-radius: 2em; -moz-border-radius: 2em; padding: 1.5em; margin-top: 1em; margin-bottom: 1em; page-break-inside: avoid; text-align: center; } .eah { margin-top: 0; margin-bottom: 1em; font-size: large; font-weight: normal; text-align: center; } .eatni, .eatx { font-size: small; text-align: left; } .eatx { text-indent: 1em; } /* ---------------------------MISC ORANGE SIDEBARS---------------------------- */ .mosb { background-color: #FFE0C3; border: 3px dotted #715232; padding: 1em; margin-top: 1em; margin-bottom: 1em; page-break-inside: avoid; } /* ---------------------------HEALTHY HINTS SIDEBARS---------------------------- */ .hh { border: 1px solid #F7941E; padding: 1em; margin-top: 1em; margin-bottom: 1em; page-break-inside: avoid; } .hhh { margin-top: 0; margin-bottom: 1em; font-size: large; font-weight: normal; } .hhtni { font-size: small; font-weight: bold; } /* ---------------------------ECO-SPOTLIGHT SIDEBARS---------------------------- */ .es { border-left: 2px solid #94CB61; border-right: 2px solid #94CB61; padding: 1em; margin-top: 1em; margin-bottom: 1em; page-break-inside: avoid; background-color: #F3F8EC; } .eslogo { } .esh { margin-top: 0; margin-bottom: 1em; font-size: large; font-weight: normal; } .estni, .estx { font-size: small; text-align: left; } .estx { text-indent: 1em; } .esul li { font-size: small; } /* ---------------------------TABLES--------------------------- */ .mindful { border: 2px solid #34AE56; -webkit-border-radius: 2em; -moz-border-radius: 2em; padding: 0 1.5em; margin-top: 1em; margin-bottom: 1em; page-break-inside: avoid; } /* ---------------------------TABLES--------------------------- */ /* .table .clrt - column left, row top .cmrt - column middle, row top .crrt - column right, row top .clrm - column left, row middle .cmrm - column middle, row middle .crrm - column right, row middle .clrb - column left, row bottom .cmrb - column middle, row bottom .crrb - column right, row bottom .tint - green background tint */ table { margin-top: 1em; margin-bottom: 1em; } td, th { padding: 3px; font-size: small; vertical-align: top; } th { text-align: left; font-weight: bold; font-size: medium; } .clrm, .cmrm, .crrm { border-bottom: 1px dotted #F7941E; } .clrm, .cmrm, .clrb, .cmrb { border-right: 1px dotted #F7941E; } .tint { background-color: #EDF5E3; } th.clrt, th.cmrt, th.crrt { background-color: #C8E2AA; border-bottom: 1px dotted #94CB61; } .table, .table1, .table_tint, .table_mindful { }