@charset "UTF-8"; /* blitz — CSS framework for reflowable eBooks Version 0.95 by Jiminy Panoz Codename: Blonde Rock & Roll License: MIT (https://opensource.org/licenses/MIT) */ /* NAMESPACES */ @namespace h "http://www.w3.org/1999/xhtml/"; @namespace epub "http://www.idpg.org/2007/ops"; /* if you need to style epub:type */ @namespace m "http://www.w3.org/1998/Math/MathML/"; /* if you need to style MathML */ @namespace svg "http://www.w3.org/2000/svg"; /* if you need to style SVG */ html { /* Don't use it for styling, used as selector which can take a punch if anything goes wrong above */ } /* 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. */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; /* RS may apply vertical padding to el such as p */ border: 0; /* 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 */ vertical-align: baseline; -webkit-hyphens:none; epub-hyphens:none; -moz-hyphens:none; hyphens:none; adobe-hyphenate:none !important; } /* This is absolutely necessary for backwards compatibility */ article, aside, details, figure, figcaption, footer, header, hgroup, main, nav, section { display: block; } /* page margins for nook and kobo */ @page { margin: 1.2em; } body { font-size: 100%; text-align: left; margin:0 auto; /* RS will override margins anyways */ padding: 0; widows: 2; /* iBooks and Kobo support widows and orphans */ orphans: 2; } @font-face { font-family: "HelveticaNeueLTStd"; src: url(../fonts/HelveticaNeueLTStd-Bd.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "TradeGothicLTStd"; src: url(../fonts/TradeGothicLTStd.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "TradeGothicLTStd"; src: url(../fonts/TradeGothicLTStd-Obl.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "TradeGothicLTStd"; src: url(../fonts/TradeGothicLTStd-Bold.ttf); font-style: normal; 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; } h1,h2,h3,h4,h5,h6 { page-break-after:avoid; -epub-hyphens: none !important; adobe-hyphenate: none !important; hyphens: none !important; page-break-after: avoid !important; } .h1 { page-break-after: avoid; font-family: "HelveticaNeueLTStd", sans-serif; font-size: 260%; line-height: 1em; margin-top: 0.5em; margin-bottom: 0em; text-align: center; } .h2g { font-family: "HelveticaNeueLTStd", sans-serif; font-weight: normal; font-size: 200%; line-height: 1em; margin-top: 15%; margin-bottom: 0em; text-align: left; text-indent: 0em; background-color: #ed8031; padding: 0.25em; } .h2 { font-family: "TradeGothicLTStd", sans-serif; font-weight: normal; font-size: 160%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0.8em; text-align: left; text-indent: 0em; } .h2a { font-family: "TradeGothicLTStd", sans-serif; font-weight: normal; font-size: 140%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0.8em; text-align: left; text-indent: 0em; } .h3 { page-break-after: avoid; font-family: "TradeGothicLTStd", sans-serif; font-size: 160%; font-weight: normal; line-height: 1em; margin-top: 0.2em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .h3a { page-break-after: avoid; font-family: "TradeGothicLTStd", sans-serif; font-size: 125%; font-weight: normal; line-height: 1em; margin-top: 0.2em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .h3i { page-break-before: always; font-family: "TradeGothicLTStd", sans-serif; font-size: 120%; font-weight: normal; line-height: 1em; margin-top: 1em; margin-bottom: 0.5em; margin-left: 1.65em; text-indent: -1.65em; text-align: left; } .h3n { font-family: "TradeGothicLTStd", sans-serif; font-size: 120%; font-weight: normal; line-height: 1em; margin-top: 1em; margin-bottom: 0.5em; margin-left: 1.65em; text-indent: -1.65em; text-align: left; } .h4 { page-break-after: avoid; font-family: "TradeGothicLTStd", sans-serif; font-size: 105%; font-weight: normal; line-height: 1em; margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .h4a { page-break-after: avoid; font-family: "TradeGothicLTStd", sans-serif; font-size: 80%; line-height: 1em; margin-top: 1.4em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .h4i { page-break-before: always; font-family: "TradeGothicLTStd", sans-serif; font-size: 110%; font-weight: bold; line-height: 1em; margin-top: 1em; margin-bottom: 0.3em; text-indent: 0em; text-align: left; } .h5 { page-break-after: avoid; font-family: "TradeGothicLTStd", sans-serif; font-size: 95%; line-height: 1em; margin-top: 1em; margin-bottom: 0.3em; text-indent: 0em; text-align: left; } .h5a { page-break-before: always; font-family: "TradeGothicLTStd", sans-serif; font-size: 95%; line-height: 1em; margin-top: 0em; margin-bottom: 0.3em; text-indent: 0em; text-align: left; } .pub { margin-top: 10em; margin-bottom: 0.3em; text-align: center; } .subtitle { font-family: "HelveticaNeueLTStd", sans-serif; font-size: 80%; font-weight: bold; margin-top: 1.2em; margin-bottom: 0.5em; margin-left: 2em; margin-right: 2em; text-align: center; } .toc2 { line-height: 1em; font-family: "TradeGothicLTStd", sans-serif; font-size: 90%; margin-top: 1em; margin-bottom: 0.15em; text-indent: 0em; text-align: left; padding: 0.25em; background-color: #dade90; } .toc2a { font-family: "TradeGothicLTStd", sans-serif; font-size: 80%; margin-top: 0.15em; margin-bottom: 0.15em; padding: 0.25em 0.45em; text-indent: 0em; text-align: left; background-color: #eff1d0; } .toc3 { line-height: 1em; font-family: "TradeGothicLTStd", sans-serif; font-size: 90%; margin-top: 1em; margin-bottom: 0.15em; text-indent: 0em; text-align: left; padding: 0.25em; background-color: #b2d6ed; } .toc3a { font-family: "TradeGothicLTStd", sans-serif; font-size: 80%; margin-top: 0.15em; margin-bottom: 0.15em; padding: 0.25em 0.45em; text-indent: 0em; text-align: left; background-color: #deedf7; } .intro { font-family: "TradeGothicLTStd", sans-serif; line-height: 1.25em; font-size: 105%; margin-top: 0.1em; margin-bottom: 1em; text-indent: 0em; text-align: left; color: #636466; } .bqi { font-family: "TradeGothicLTStd", sans-serif; line-height: 1.25em; font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 1.5em; margin-left: 2em; margin-right: 2em; color: #636466; } .toc1a { line-height: 1em; font-family: "TradeGothicLTStd", sans-serif; font-size: 90%; margin-top: 1em; margin-bottom: 0em; text-indent: 0em; text-align: left; background-color: #fbb784; padding: 0.25em; } .toc1 { font-family: "TradeGothicLTStd", sans-serif; font-size: 80%; margin-top: 0.15em; margin-bottom: 0.15em; padding: 0.25em 0.45em; text-indent: 0em; text-align: left; background-color: #FEE0C8; } .toc4 { line-height: 1em; font-family: "TradeGothicLTStd", sans-serif; font-size: 90%; margin-top: 1em; margin-bottom: 0.15em; text-indent: 0em; text-align: left; padding: 0.25em; background-color: #dc9ca1; } .toc4a { font-family: "TradeGothicLTStd", sans-serif; font-size: 80%; margin-top: 0.15em; margin-bottom: 0.15em; padding: 0.25em 0.45em; text-indent: 0em; text-align: left; background-color: #f0d4d4; } .toc5 { line-height: 1em; font-family: "TradeGothicLTStd", sans-serif; font-size: 90%; margin-top: 1em; margin-bottom: 0.15em; text-indent: 0em; text-align: left; padding: 0.25em; background-color: #FFEB95; } .toc5a { font-family: "TradeGothicLTStd", sans-serif; font-size: 80%; margin-top: 0.15em; margin-bottom: 0.15em; padding: 0.25em 0.45em; text-indent: 0em; text-align: left; background-color: #FFF6D2; } .toc1r { line-height: 1em; font-family: "TradeGothicLTStd", sans-serif; font-size: 90%; margin-top: 0.2em; margin-bottom: 0em; text-indent: 0em; text-align: left; background-color: #fbb784; padding: 0.25em; } .noindent { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .noindentt { margin-top: 0.5em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .noindentb { margin-top: 0.1em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .indent { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 1.2em; text-align: left; } .indenta { margin-top: 1em; margin-bottom: 0.1em; text-indent: 1.2em; text-align: left; } .dropcap { font-family: "TradeGothicLTStd", sans-serif; float: left; font-size: 320%; margin-top: 0.075em; margin-bottom: -0.1em; margin-right: 0.075em; line-height: 0.8em; color: #939598; } .sidebar2 { page-break-before: always; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.75em; background-color: #DFE6E4; border: solid #DFE6E4 0.1em; text-align: left; } .sidebarg { page-break-before: always; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.75em; background-color: #DCDDDE; border: solid #DCDDDE 0.1em; text-align: left; } .sidebar3 { page-break-inside: avoid; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.75em; background-color: #F8F1CE; border: solid #F8F1CE 0.1em; text-align: left; } .sidebar3a { page-break-before: always; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.75em; background-color: #F8F1CE; border: solid #F8F1CE 0.1em; text-align: left; } .sidebar4 { page-break-before: always; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.75em; background-color: #E1EBF1; border: solid #E1EBF1 0.1em; text-align: left; } .sidebar4b { page-break-inside: avoid; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.75em; background-color: #E1EBF1; border: solid #E1EBF1 0.1em; text-align: left; } .sparab { font-family: "TradeGothicLTStd", sans-serif; font-size: 90%; margin-top: 0.1em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .spara { font-family: "TradeGothicLTStd", sans-serif; font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .sparaa { font-family: "TradeGothicLTStd", sans-serif; font-size: 90%; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .spara-h { font-family: "TradeGothicLTStd", sans-serif; font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 1.5em; } .stitle { font-family: "TradeGothicLTStd", sans-serif; font-weight: bold; font-size: 105%; margin-top: -0.7em; margin-left: -0.7em; margin-right: -0.7em; margin-bottom: 0.5em; text-align: left; text-indent: 0em; padding: 0.3em; background-color: #B7C9C4; border-bottom: solid #B7C9C4 0.1em; } .stitle1 { font-family: "TradeGothicLTStd", sans-serif; font-weight: bold; font-size: 105%; margin-top: -0.7em; margin-left: -0.7em; margin-right: -0.7em; margin-bottom: 0.5em; text-align: left; text-indent: 0em; padding: 0.15em; background-color: #EFDE8D; border-bottom: solid #EFDE8D 0.1em; } .stitle2 { font-family: "TradeGothicLTStd", sans-serif; font-weight: bold; font-size: 100%; margin-top: -0.7em; margin-left: -0.7em; margin-right: -0.7em; margin-bottom: 0.5em; text-align: left; text-indent: 0em; padding: 0.15em; background-color: #C2D6E1; border-bottom: solid #C2D6E1 0.1em; } .nhead { font-family: "TradeGothicLTStd", sans-serif; font-size: 90%; margin-top: 0.1em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .ilist { font-family: "TradeGothicLTStd", sans-serif; font-size: 80%; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 1.5em; text-indent: -1.5em; text-align: left; } .ilistb { font-family: "TradeGothicLTStd", sans-serif; font-size: 80%; margin-top: 0.1em; margin-bottom: 2em; margin-left: 1.5em; text-indent: -1.5em; text-align: left; } .blist { font-family: "TradeGothicLTStd", sans-serif; font-size: 90%; margin-top: 0.1em; margin-bottom: 0.5em; margin-left: 0.8em; text-indent: -0.8em; text-align: left; } .fignote { font-family: "RotisSansSerif", sans-serif; font-size: 90%; margin-top: -1em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; padding-top: 0.2em; border-top: solid 0.1em #555555; color: #636466; } .caption { font-family: "RotisSansSerif", sans-serif; font-size: 90%; line-height: 1.15em; margin-top: 0.1em; margin-bottom: 1.5em; text-indent: 0em; text-align: left; } .captiona { font-family: "RotisSansSerif", sans-serif; font-size: 90%; line-height: 1.15em; margin-top: 0.1em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .notice { margin-top: 1em; margin-bottom: 0em; padding: 0.75em; background-color: #c7eafc; border: solid #e6eff3 0.1em; text-align: left; } .nlist { font-family: "TradeGothicLTStd", sans-serif; font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 1.2em; text-indent: -1.2em; text-align: left; } .blisti { margin-top: 1em; margin-bottom: 0em; margin-left: 0.8em; text-indent: -0.8em; text-align: left; } .resi { margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 1.2em; text-indent: -1.2em; text-align: left; } .cre { margin-top: 1em; margin-bottom: 0.1em; text-align: left; } .resh { font-weight: bold; margin-top: 1em; margin-bottom: 0.1em; margin-left: 1.2em; text-indent: -1.2em; text-align: left; } .imagea { page-break-before: always; margin-top: 1em; margin-bottom: 0em; text-align: left; text-indent: 0em; } .imagec { page-break-after: avoid; margin-top: 1.5em; margin-bottom: 0em; text-align: left; text-indent: 0em; } .imagei { page-break-after: avoid; margin-top: 0.5em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; } .imagen { page-break-after: avoid; margin-top: 0.5em; margin-bottom: 0em; text-align: left; text-indent: 0em; } .copy { margin-top: 1em; text-indent: 0em; font-size: 90%; margin-bottom: 0.1em; text-align: left; } .copy1 { margin-top: 0.1em; font-size: 90%; margin-bottom: 0.1em; margin-left: 1.5em; text-indent: -1.5em; } .indexmain1 { font-size: 90%; margin-top: 1em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 1.5em; text-align: left; } .indexmain { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 1.5em; text-align: left; } .indexlev1 { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 2.5em; text-align: left; } .col { page-break-before: avoid; columns: 2; padding-right: 0.3em; } .t1 { font-family: "TradeGothicLTStd", sans-serif; font-size: 80%; margin: 0em; width: 100%; } .t1 td { margin: 0em; padding-left: 0.4em; } td { padding: 0.15em; background-color: #FFFFFF; } .t5 { font-family: "TradeGothicLTStd", sans-serif; font-size: 80%; margin: 0em; width: 100%; } .thead { font-size: 85%; font-family: "TradeGothicLTStd", sans-serif; margin-top: 0.1em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; } .tpara { font-size: 85%; margin-top: 0.1em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; } .tparai { font-size: 85%; margin-top: 0.1em; margin-bottom: 0.1em; text-align: center; } .theadi { font-size: 85%; font-weight: bold; margin-top: 0em; margin-bottom: 0em; text-align: center; } .b2 { background-color: #f6f2ef; } .b5 { background-color: #F8F1CE; border: solid #F8F1CE 0.1em; } .b1 { border-bottom: solid 0.1em #666666; } .b7 { border-bottom: solid 0.1em #666666; background-color: #d1d3d4; } aside { display: block; } .group { page-break-inside: avoid; } .groupa { page-break-before: always; } table { border-collapse:collapse; } td, th { border-width: 1px; } a { text-decoration: none; } ol { list-style-type:none; margin: 0em; } /* New Image Structure */ /* Styling is improved to prevent sub from affecting line-height */ .sub { font-size: 75%; line-height: 1.2; vertical-align: sub; /* Fallback */ vertical-align: -15%; } /* Styling is improved to prevent sup from affecting line-height */ .sup { font-size: 75%; line-height: 1.2; vertical-align: super; /* Fallback */ vertical-align: 25%; } /* For Cover Images */ .imagefp { height: 98%; margin: 0em; text-align: center; } .imagefc { width: 100%; } /* For Float Images */ .ft60 { width: 60%; float: right; padding-left: 0.5em; margin: 0em; } .ft60 img { width: 100%; } .ft50 { width: 50%; float: right; padding-left: 0.5em; margin: 0em; } .ft50 img { width: 100%; } .ft40 { margin: 0em; width: 40%; float: right; padding-left: 0.5em; } .ft40 img { width: 100%; } .ft30 { margin: 0em; width: 30%; float: right; padding-left: 0.5em; } .ft30 img { width: 100%; } /* For Inline Images */ .in7 { vertical-align: -0.4em; width: 6.5%; } .in2 { width: 3%; } .in25 { width: 25%; } .in20 { width: 10%; } .in100 { width: 100%; } /* For Landscape Images (width or without caption) */ .land40 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land40 img { width: 40%; } .land50 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land50 img { width: 50%; } .land60 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land60 img { width: 60%; } .land70 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land70 img { width: 70%; } .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%; } .land90 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land90 img { width: 90%; } .land100 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land100 img { width: 100%; } .land100a { margin: 0em; text-align: center; } .land100a img { width: 100%; } /* Portrait Images - width or without Caption */ .portvh80 { margin: 1em 0 0 0; text-align: center; height: 80%; } .vh80 { height: 100%; } .vh80:only-of-type { height: 80vh; } .portvh90 { margin: 1em 0 0 0; text-align: center; height: 90%; } .vh90 { height: 100%; } .vh90:only-of-type { height: 90vh; } .portvh98 { margin: 0em; text-align: center; height: 98%; } .vh98 { height: 100%; } .vh98:only-of-type { height: 98vh; } .portvh70 { margin: 1em 0 0 0; text-align: center; height: 70%; } .vh70 { height: 100%; } .vh70:only-of-type { height: 70vh; }