@font-face { font-family: "RockwellStd"; src: url(../fonts/RockwellStd.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "RockwellStd"; src: url(../fonts/RockwellStd-Italic.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "RockwellStd"; src: url(../fonts/RockwellStd-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "RockwellStd"; src: url(../fonts/RockwellStd-BoldItalic.ttf); font-style: italic; font-weight: bold; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-Regular.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-Italic.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-BoldItalic.ttf); font-style: italic; font-weight: bold; } @font-face { font-family: "RotisSansSerif"; src: url(../fonts/RotisSansSerif.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "RotisSansSerif"; src: url(../fonts/RotisSansSerif-Italic.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "RotisSansSerif"; src: url(../fonts/RotisSansSerif-Bold.ttf); font-style: normal; font-weight: bold; } /* Begin CSS */ /* Reset */ /* So here's the trick, we must reset to manage a number of problems once and for all: - HTML5 backwards compatibility (EPUB 3 file in EPUB 2 app); - user settings (e.g. line-height on Kobo and Kindle); - CSS bloat (DRY); - KFX for which a reset using `border: 0` seems to disable support; - etc. It all started as a normalize and became a reset given the magnitude of the task. */ article, address, aside, blockquote, canvas, dd, details, div, dl, dt, figure, figcaption, footer, h1, h2, h3, h4, h5, h6, header, hr, li, main, nav, ol, p, pre, section, summary, ul { margin: 0; padding: 0; /* RS may apply vertical padding to el such as p */ font-size: 1em; /* Font size in pixel disable the user setting in legacy RMSDK */ line-height: inherit; /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */ text-indent: 0; font-style: normal; font-weight: normal; } /* This is absolutely necessary for backwards compatibility */ article, aside, figure, figcaption, footer, header, main, nav, section { display: block; } /* Page Layout */ @page { margin: 30px 30px 20px 30px; padding: 0; /* Recommended by Barnes & Noble in this old spec: https://simg1.imagesbn.com/pimages/pubit/support/pubit_epub_formatting_guide.pdf */ } body { font-size: 100%; margin: 0; /* RS will override margins anyways */ padding: 0; widows: 2; /* iBooks and Kobo support widows and orphans */ orphans: 2; } h1,h2,h3,h4,h5,h6 { page-break-after:auto; -epub-hyphens: none !important; adobe-hyphenate: none !important; hyphens: none !important; page-break-after: auto !important; } .pub { margin-top: 2em; margin-bottom: 0.3em; text-align: center; } .toc1 { font-family: "PTSans", sans-serif; line-height: 1em; margin-top: 1em; margin-bottom: 0em; text-indent: 0em; text-align: left; } .toc3 { font-family: "PTSans", sans-serif; line-height: 1em; margin-top: 0.3em; margin-bottom: 0.3em; text-indent: 0em; text-align: left; } .toc3b { font-family: "PTSans", sans-serif; line-height: 1em; margin-top: 0.2em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .toc2 { font-family: "RockwellStd"; font-size: 90%; line-height: 1em; font-weight: normal; margin-top: 1em; margin-bottom: 1em; margin-left: 1em; text-indent: -1em; text-align: left; } .h2 { font-family: "RockwellStd"; font-weight: normal; font-size: 180%; line-height: 1em; margin-top: 0.1em; margin-bottom: 1em; text-align: center; border: solid #FFE600 0.1em; padding: 0.4em 0.4em 0.1em 0.4em; } .h2a { font-family: "RockwellStd"; font-weight: normal; font-size: 180%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0.5em; text-align: center; background-color: #FFE600; border: solid #FFE600 0.1em; color: #000000; padding: 0.4em 0.4em 0.1em 0.4em; } .h2b { font-family: "RockwellStd"; font-weight: normal; font-size: 110%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0em; text-align: left; text-indent: 0em; background-color: #B3D8C7; border-top: solid #B3D8C7 0.1em; color: #000000; padding: 0.5em 0.2em 0em 0.4em; } .h2c { font-family: "RockwellStd"; font-weight: normal; font-size: 170%; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-align: left; text-indent: 0em; background-color: #B3D8C7; border-bottom: solid #B3D8C7 0.1em; color: #000000; padding: 0.2em 0.2em 0.2em 0.3em; } .h2d { font-family: "RockwellStd"; font-weight: normal; font-size: 100%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0em; text-align: left; text-indent: 0em; background-color: #CA922B; border-top: solid #CA922B 0.1em; color: #000000; padding: 0.5em 0.2em 0em 0.5em; } .h2e { font-family: "RockwellStd"; font-weight: normal; font-size: 150%; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-align: left; text-indent: 0em; background-color: #CA922B; border-bottom: solid #CA922B 0.1em; color: #000000; padding: 0.2em 0.2em 0.2em 0.3em; } .h2f { font-family: "RockwellStd"; font-weight: normal; font-size: 100%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0em; text-align: left; text-indent: 0em; background-color: #91A63E; border-top: solid #91A63E 0.1em; color: #000000; padding: 0.5em 0.2em 0em 0.5em; } .h2g { font-family: "RockwellStd"; font-weight: normal; font-size: 150%; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-align: left; text-indent: 0em; background-color: #91A63E; border-bottom: solid #91A63E 0.1em; color: #000000; padding: 0.2em 0.2em 0.2em 0.3em; } .h2h { font-family: "RockwellStd"; font-weight: normal; font-size: 100%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0em; text-align: left; text-indent: 0em; background-color: #5BBDE2; border-top: solid #5BBDE2 0.1em; color: #000000; padding: 0.5em 0.2em 0em 0.5em; } .h2i { font-family: "RockwellStd"; font-weight: normal; font-size: 150%; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-align: left; text-indent: 0em; background-color: #5BBDE2; border-bottom: solid #5BBDE2 0.1em; color: #000000; padding: 0.2em 0.2em 0.2em 0.3em; } .h2j { font-family: "RockwellStd"; font-weight: normal; font-size: 100%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0em; text-align: left; text-indent: 0em; background-color: #F26122; border-top: solid #F26122 0.1em; color: #000000; padding: 0.5em 0.2em 0em 0.5em; } .h2k { font-family: "RockwellStd"; font-weight: normal; font-size: 150%; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-align: left; text-indent: 0em; background-color: #F26122; border-bottom: solid #F26122 0.1em; color: #000000; padding: 0.2em 0.2em 0.2em 0.3em; } .h2l { font-family: "RockwellStd"; font-weight: normal; font-size: 100%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0em; text-align: left; text-indent: 0em; background-color: #A8774B; border-top: solid #A8774B 0.1em; color: #000000; padding: 0.5em 0.2em 0em 0.5em; } .h2m { font-family: "RockwellStd"; font-weight: normal; font-size: 150%; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-align: left; text-indent: 0em; background-color: #A8774B; border-bottom: solid #A8774B 0.1em; color: #000000; padding: 0.2em 0.2em 0.2em 0.3em; } .h2n { font-family: "RockwellStd"; font-weight: normal; font-size: 100%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0em; text-align: left; text-indent: 0em; background-color: #58B947; border-top: solid #58B947 0.1em; color: #000000; padding: 0.5em 0.2em 0em 0.5em; } .h2o { font-family: "RockwellStd"; font-weight: normal; font-size: 150%; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-align: left; text-indent: 0em; background-color: #58B947; border-bottom: solid #58B947 0.1em; color: #000000; padding: 0.2em 0.2em 0.2em 0.3em; } .h2p { font-family: "RockwellStd"; font-weight: normal; font-size: 100%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0em; text-align: left; text-indent: 0em; background-color: #FFD800; border-top: solid #FFD800 0.1em; color: #000000; padding: 0.5em 0.2em 0em 0.5em; } .h2q { font-family: "RockwellStd"; font-weight: normal; font-size: 150%; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-align: left; text-indent: 0em; background-color: #FFD800; border-bottom: solid #FFD800 0.1em; color: #000000; padding: 0.2em 0.2em 0.2em 0.3em; } .h2r { font-family: "RockwellStd"; font-weight: normal; font-size: 100%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0em; text-align: left; text-indent: 0em; background-color: #D494A8; border-top: solid #D494A8 0.1em; color: #000000; padding: 0.5em 0.2em 0em 0.5em; } .h2s { font-family: "RockwellStd"; font-weight: normal; font-size: 150%; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-align: left; text-indent: 0em; background-color: #D494A8; border-bottom: solid #D494A8 0.1em; color: #000000; padding: 0.2em 0.2em 0.2em 0.3em; } .h2t { font-family: "RockwellStd"; font-weight: normal; font-size: 100%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0em; text-align: left; text-indent: 0em; background-color: #D5E05B; border-top: solid #D5E05B 0.1em; color: #000000; padding: 0.5em 0.2em 0em 0.5em; } .h2u { font-family: "RockwellStd"; font-weight: normal; font-size: 150%; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-align: left; text-indent: 0em; background-color: #D5E05B; border-bottom: solid #D5E05B 0.1em; color: #000000; padding: 0.2em 0.2em 0.2em 0.3em; } .h2v { font-family: "RockwellStd"; font-weight: normal; font-size: 100%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0em; text-align: left; text-indent: 0em; background-color: #9C745E; border-top: solid #9C745E 0.1em; color: #000000; padding: 0.5em 0.2em 0em 0.5em; } .h2w { font-family: "RockwellStd"; font-weight: normal; font-size: 150%; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-align: left; text-indent: 0em; background-color: #9C745E; border-bottom: solid #9C745E 0.1em; color: #000000; padding: 0.2em 0.2em 0.2em 0.3em; } .h2x { font-family: "RockwellStd"; font-weight: normal; font-size: 100%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0em; text-align: left; text-indent: 0em; background-color: #87B5E1; border-top: solid #87B5E1 0.1em; color: #000000; padding: 0.5em 0.2em 0em 0.5em; } .h2y { font-family: "RockwellStd"; font-weight: normal; font-size: 150%; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-align: left; text-indent: 0em; background-color: #87B5E1; border-bottom: solid #87B5E1 0.1em; color: #000000; padding: 0.2em 0.2em 0.2em 0.3em; } .h2z { font-family: "RockwellStd"; font-weight: normal; font-size: 120%; line-height: 1em; margin-top: 1em; margin-bottom: 1em; text-align: left; text-indent: 0em; } .h3i { font-family: "RockwellStd"; font-weight: normal; font-size: 120%; line-height: 1em; margin-top: 1em; margin-bottom: 1em; text-align: center; } .h3 { font-family: "RockwellStd"; page-break-before: always; font-weight: normal; font-size: 140%; line-height: 1em; margin-top: 1em; margin-bottom: 0.5em; text-align: left; text-indent: 0em; } .h3r { font-family: "RockwellStd"; font-weight: normal; font-size: 140%; line-height: 1em; margin-top: 0em; margin-bottom: 0.5em; background-color: #EDE7E3; color: #000000; padding: 0.4em; text-align: left; text-indent: 0em; } .h4 { font-family: "RockwellStd"; font-weight: normal; letter-spacing: 0.1em; font-size: 120%; line-height: 1em; margin-top: 0em; margin-bottom: 0em; text-align: center; } .h4a { font-family: "RockwellStd"; font-weight: normal; letter-spacing: 0.1em; font-size: 100%; line-height: 1em; margin-top: 0em; margin-bottom: 0em; text-align: center; } .h4b { font-family: "RockwellStd"; font-weight: normal; font-size: 130%; line-height: 1em; margin-top: 1.5em; margin-bottom: 0em; text-align: left; text-indent: 0em; } .sidebar1 { page-break-before:always; margin-top: 1.5em; margin-bottom: 1.5em; font-size: 90%; padding: 0.75em; background-color: #EDE7E3; color: #000000; border: solid #FFD400 0.1em; text-align: left; } .stitle { font-family: "RockwellStd"; font-size: 130%; margin-top: 0em; margin-bottom: 0em; font-weight: normal; text-align: center; line-height: 1em; } .noindent { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .noindent1 { margin-top: 0.5em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .noindenta { font-size: 80%; font-family: "RockwellStd"; margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .noindentaa { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .copy { margin-top: 0.1em; text-indent: 0em; font-size: 90%; margin-bottom: 0.1em; text-align: left; } .copyh { margin-top: 0.1em; margin-left: 1em; text-indent: -1em; font-size: 90%; margin-bottom: 0.1em; text-align: left; } .copy1 { margin-top: 1em; text-indent: 0em; font-size: 90%; margin-bottom: 0.1em; text-align: left; } .copya { margin-top: 1em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; } .imagea { margin-top: 1em; margin-bottom: 0em; text-align: center; } .imageb { margin-top: 0em; margin-bottom: 1em; text-align: center; } .imagei { margin-top: 0.3em; margin-bottom: 0em; text-align: center; } .ulist { font-size: 90%; margin-top: 0.5em; margin-bottom: 0.1em; margin-left: 1.2em; text-indent: -1.2em; text-align: left; } .ulisti { font-size: 90%; margin-top: 1em; margin-bottom: 0.1em; margin-left: 1.2em; text-indent: 0em; text-align: left; } .bg1 { page-break-before: always; font-family: "PTSans"; font-size: 110%; margin-top: 1em; margin-bottom: 0em; line-height: 1em; font-weight: bold; padding: 0.4em 0.4em 0.4em 0.4em; background-color: #B3D8C7; border-bottom: solid #B3D8C7 0.1em; color: #000000; } .bg2 { page-break-before: always; font-family: "PTSans"; font-size: 110%; margin-top: 1em; margin-bottom: 0em; line-height: 1em; font-weight: bold; padding: 0.4em 0.4em 0.4em 0.4em; background-color: #CC942B; border-bottom: solid #CC942B 0.1em; color: #000000; } .bg3 { page-break-before: always; font-family: "PTSans"; font-size: 110%; margin-top: 1em; margin-bottom: 0em; line-height: 1em; font-weight: bold; padding: 0.4em 0.4em 0.4em 0.4em; background-color: #91A63E; border-bottom: solid #91A63E 0.1em; color: #000000; } .bg4 { page-break-before: always; font-family: "PTSans"; font-size: 110%; margin-top: 1em; margin-bottom: 0em; line-height: 1em; font-weight: bold; padding: 0.4em 0.4em 0.4em 0.4em; background-color: #5BBDE2; border-bottom: solid #5BBDE2 0.1em; color: #000000; } .bg5 { page-break-before: always; font-family: "PTSans"; font-size: 110%; margin-top: 1em; margin-bottom: 0em; line-height: 1em; font-weight: bold; padding: 0.4em 0.4em 0.4em 0.4em; background-color: #F26122; border-bottom: solid #F26122 0.1em; color: #000000; } .bg6 { page-break-before: always; font-family: "PTSans"; font-size: 110%; margin-top: 1em; margin-bottom: 0em; line-height: 1em; font-weight: bold; padding: 0.4em 0.4em 0.4em 0.4em; background-color: #A8774B; border-bottom: solid #A8774B 0.1em; color: #000000; } .bg7 { page-break-before: always; font-family: "PTSans"; font-size: 110%; margin-top: 1em; margin-bottom: 0em; line-height: 1em; font-weight: bold; padding: 0.4em 0.4em 0.4em 0.4em; background-color: #58B947; border-bottom: solid #58B947 0.1em; color: #000000; } .bg8 { page-break-before: always; font-family: "PTSans"; font-size: 110%; margin-top: 1em; margin-bottom: 0em; line-height: 1em; font-weight: bold; padding: 0.4em 0.4em 0.4em 0.4em; background-color: #FFD800; border-bottom: solid #FFD800 0.1em; color: #000000; } .bg9 { page-break-before: always; font-family: "PTSans"; font-size: 110%; margin-top: 1em; margin-bottom: 0em; line-height: 1em; font-weight: bold; padding: 0.4em 0.4em 0.4em 0.4em; background-color: #D494A8; border-bottom: solid #D494A8 0.1em; color: #000000; } .bg10 { page-break-before: always; font-family: "PTSans"; font-size: 110%; margin-top: 1em; margin-bottom: 0em; line-height: 1em; font-weight: bold; padding: 0.4em 0.4em 0.4em 0.4em; background-color: #D5E05B; border-bottom: solid #D5E05B 0.1em; color: #000000; } .bg11 { page-break-before: always; font-family: "PTSans"; font-size: 110%; margin-top: 1em; margin-bottom: 0em; line-height: 1em; font-weight: bold; padding: 0.4em 0.4em 0.4em 0.4em; background-color: #9C745E; border-bottom: solid #9C745E 0.1em; color: #000000; } .bg12 { page-break-before: always; font-family: "PTSans"; font-size: 110%; margin-top: 1em; margin-bottom: 0em; line-height: 1em; font-weight: bold; padding: 0.4em 0.4em 0.4em 0.4em; background-color: #87B5E1; border-bottom: solid #87B5E1 0.1em; color: #000000; } .step { font-size: 90%; line-height: 1.15em; margin-top: 0.7em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .caption { page-break-before: auto; font-family: "RotisSansSerif"; font-size: 90%; line-height: 1.15em; margin-top: 0.1em; margin-bottom: 1.5em; text-indent: 0em; text-align: left; } .captiona { page-break-before: auto; font-family: "RotisSansSerif"; font-size: 90%; line-height: 1.15em; margin-top: 0.1em; margin-bottom: 1.5em; text-align: center; } .f1 { font-family: "PTSans"; font-size: 90%; } .f2 { font-family: "PTSans"; font-weight: bold; font-size: 90%; } .smalla { font-weight: normal; font-size: 70%; line-height: 1em; } .big { font-weight: bold; line-height: 1em; font-size: 140%; } .intro { font-family: "PTSans"; line-height: 1.15em; font-size: 90%; margin-top: 0.7em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; font-weight: normal; } .intror { font-family: "PTSans"; font-size: 90%; line-height: 1.15em; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; font-weight: normal; } .num { font-size: 80%; vertical-align: .5ex; } .den { font-size: 80%; } .group { page-break-inside: auto; } a { text-decoration: none; } small { font-size: 80%; } ol { list-style-type:none; margin: 0em; } .hidden { display: none; visibility: hidden; } /* For Cover Images */ .imagefp { height: 98%; margin: 0em; text-align: center; } .imagefp:only-of-type { height: 98vh; margin: 0em; text-align: center; } .imagefc { width: 100%; } /* For Inline Images */ .in35 { width: 35%; } .in2 { width: 3%; vetical-align: -0.3em; } .in20 { width: 15%; } .in60 { width: 100%; } /* For Landscape Images (width or without caption) */ .land80 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land80 img { width: 80%; } .land85 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land85 img { width: 85%; } .land100 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land100 img { width: 100%; } .land60 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land60 img { width: 60%; } .land100a { margin-top: 0.1em; margin-bottom: 0em; text-align: center; } .land100a img { width: 100%; } /* For Float Images */ .ft50 { width: 50%; float: right; padding-left: 0.5em; margin: 0em; } .ft50 img { width: 100%; } /* Portrait Images - width or without Caption */ .portvh80 { margin: 1em 0 0 0; text-align: center; height: 80%; } .vh80 { height: 80%; } .vh80:only-of-type { height: 80vh; } .portvh70 { margin: 1em 0 0 0; text-align: center; height: 70%; } .vh70 { height: 70%; } .vh70:only-of-type { height: 70vh; } .portvh60 { margin: 1em 0 0 0; text-align: center; height: 60%; } .vh60 { height: 60%; } .vh60:only-of-type { height: 60vh; } .portvh98 { text-align: center; height: 98%; } .vh98 { height: 100%; } .vh98:only-of-type { height: 98vh; }