@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; } /* 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%; } @font-face { font-family: "Cookie"; src: url(../fonts/Cookie-Regular.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "Helvetica"; src: url(../fonts/HelveticaNeueLTStd-BdCn.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "Helvetica"; src: url(../fonts/HelveticaNeueLTStd-BdCnO.ttf); font-style: italic; font-weight: bold; } @font-face { font-family: "Helvetica"; src: url(../fonts/HelveticaNeueLTStd-Cn.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "Helvetica"; src: url(../fonts/HelveticaNeueLTStd-CnO.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "Rockwell"; src: url(../fonts/RockwellStd.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "Rockwell"; src: url(../fonts/RockwellStd-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "Rockwell"; src: url(../fonts/RockwellStd-BoldItalic.ttf); font-style: italic; font-weight: bold; } @font-face { font-family: "Rockwell"; src: url(../fonts/RockwellStd-Italic.ttf); font-style: italic; font-weight: normal; } @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; } @page { margin: 1.2em; } 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; } .h2 { page-break-after:auto; font-family: "Helvetica", sans-serif; font-weight: bold; font-size: 180%; line-height: 1em; margin-top: 0.8em; margin-bottom: 1em; border-bottom: dotted #6e9fa3 0.15em; padding-bottom: 0.3em; text-indent: 0em; text-align: left; } .h2c { page-break-after:auto; font-family: "Helvetica", sans-serif; font-weight: bold; font-size: 180%; line-height: 1em; margin-top: 0.8em; margin-bottom: 1em; border-bottom: dotted #8790b8 0.15em; padding-bottom: 0.2em; text-align: center; } .h2i { page-break-after:auto; font-family: "Helvetica", sans-serif; font-weight: bold; font-size: 180%; line-height: 1em; margin-top: 0.8em; margin-bottom: 1em; border-bottom: dotted #e7ba3b 0.15em; padding-bottom: 0.3em; text-indent: 0em; text-align: left; } .h2a { font-family: "Helvetica", sans-serif; font-weight: bold; font-size: 200%; line-height: 1em; margin-top: 0.5em; margin-bottom: 1em; border-bottom: dotted #555555 0.15em; padding-bottom: 0.2em; text-align: center; } .h2b { page-break-before: always; font-family: "Helvetica", sans-serif; font-weight: bold; font-size: 200%; line-height: 1em; margin-top: 0.8em; margin-bottom: 0.7em; border-bottom: dotted #818285 0.15em; padding-bottom: 0.2em; text-align: center; } .h3 { page-break-before: always; font-family: "Helvetica", sans-serif; font-weight: bold; font-size: 150%; line-height: 1em; margin-top: 0em; margin-bottom: 0.4em; text-indent: 0em; text-align: left; } .h3a { page-break-before: always; font-family: "Helvetica", sans-serif; font-weight: bold; font-size: 160%; line-height: 1em; border-bottom: dotted #6e9fa3 0.15em; padding-bottom: 0.2em; margin-top: 0em; margin-bottom: 0.4em; text-indent: 0em; text-align: left; } .h3b { page-break-before: always; font-family: "Helvetica", sans-serif; font-weight: bold; font-size: 160%; line-height: 1em; border-bottom: dotted #e7ba3a 0.15em; padding-bottom: 0.2em; margin-top: 0em; margin-bottom: 0.4em; text-indent: 0em; text-align: left; } .h3c { page-break-before: always; font-family: "Helvetica", sans-serif; font-weight: bold; font-size: 160%; line-height: 1em; border-bottom: dotted #a7a8c4 0.15em; padding-bottom: 0.2em; margin-top: 0em; margin-bottom: 0.4em; text-indent: 0em; text-align: left; } .h3d { page-break-before: always; font-family: "Helvetica", sans-serif; font-weight: bold; font-size: 160%; line-height: 1em; border-bottom: dotted #86c1e1 0.15em; padding-bottom: 0.2em; margin-top: 0em; margin-bottom: 0.4em; text-indent: 0em; text-align: left; } .h3da { font-family: "Helvetica", sans-serif; font-weight: bold; font-size: 160%; line-height: 1em; border-bottom: dotted #86c1e1 0.15em; padding-bottom: 0.2em; margin-top: 1.2em; margin-bottom: 0.4em; text-indent: 0em; text-align: left; } .h3e { page-break-before: always; font-family: "Helvetica", sans-serif; font-weight: bold; font-size: 160%; line-height: 1em; border-bottom: dotted #c4d58f 0.15em; padding-bottom: 0.2em; margin-top: 0em; margin-bottom: 0.4em; text-indent: 0em; text-align: left; } .h3f { page-break-before: always; font-family: "Helvetica", sans-serif; font-weight: bold; font-size: 160%; line-height: 1em; border-bottom: dotted #e5abbc 0.15em; padding-bottom: 0.2em; margin-top: 0em; margin-bottom: 0.4em; text-indent: 0em; text-align: left; } .h4 { page-break-after: auto; font-size: 100%; font-family: "Helvetica", sans-serif; line-height: 1em; margin-top: 1em; margin-bottom: 0.2em; text-indent: 0em; text-align: left; } .h4-a { page-break-before: always; font-size: 140%; font-family: "Helvetica", sans-serif; padding: 0.4em 0em 0.2em 0em; line-height: 1em; margin-top: 1em; margin-bottom: 0.5em; text-align: center; border-top: solid #b2c7ca 0.7em; border-bottom: dotted #d1d2d4 0.15em; } .h4-b { page-break-before: always; font-size: 140%; font-family: "Helvetica", sans-serif; padding: 0.4em 0em 0.2em 0em; line-height: 1em; margin-top: 1em; margin-bottom: 0.5em; text-align: center; border-top: solid #ebc862 0.7em; border-bottom: dotted #d1d2d4 0.15em; } .h4-c { page-break-after: auto; font-size: 140%; font-family: "Helvetica", sans-serif; padding: 0.4em 0em 0.2em 0em; line-height: 1em; margin-top: 1em; margin-bottom: 0.5em; text-align: center; border-top: solid #ebc862 0.7em; border-bottom: dotted #d1d2d4 0.15em; } .h5 { font-size: 95%; line-height: 1em; margin-top: 1em; margin-bottom: 0.4em; text-indent: 0em; text-align: left; } .chaptoc { font-family: "Helvetica", sans-serif; font-size: 100%; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; } .toc { font-family: "PTSans", sans-serif; font-size: 80%; margin-top: 0.4em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .toct { font-family: "PTSans", sans-serif; font-size: 90%; margin-top: 1.5em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .toc1 { font-family: "Cookie", sans-serif; font-size: 120%; margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .toc2 { font-family: "PTSans", sans-serif; font-size: 65%; margin-top: 0.3em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .intro { font-family: "PTSans", sans-serif; font-size: 105%; line-height: 1.5; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; text-align: left; border-bottom: dotted #d1d2d4 0.3em; padding-bottom: 0.8em; } .introa { font-family: "PTSans", sans-serif; font-size: 105%; line-height: 1.5; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .introi { font-family: "PTSans", sans-serif; font-size: 105%; line-height: 1.5; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; text-align: left; } .noindent { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .noindenti { margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .noindentn { margin-top: 1em; margin-bottom: 1em; margin-left:0em; text-indent: 0em; text-align: left; } .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; } .captioni { font-family: "RotisSansSerif", sans-serif; font-size: 80%; font-weight: bold; line-height: 1.15em; margin-top: 0.1em; margin-bottom: 1.5em; text-align: center; } .dropnum { font-family: "Rockwell", sans-serif; font-weight: normal; float: left; color: #939598; font-size: 200%; margin-top: -0.2em; margin-bottom: -0.2em; line-height: 0.9em; margin-right: 0.07em; } .ded { font-family: "Cookie", sans-serif; font-size: 150%; font-weight: italic; margin: 4em; text-align: center; } .stepi { font-size: 90%; border-top: dotted #d1d2d4 0.2em; padding: 0.4em 0em 0em 0em; margin-top: 0.8em; margin-bottom: 0.8em; text-indent: 0em; text-align: left; } .stepa { font-size: 90%; margin-top: 0.8em; margin-bottom: 0.8em; text-indent: 0em; text-align: left; } .ahead { font-size: 85%; font-family: "Rockwell", sans-serif; font-weight: bold; background-color: #e7e7e8; color: #000000; padding: 0.3em 0.5em 0.1em 0.5em; border-bottom: solid #e7e7e8 0.1em; margin-top: 1em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .chead { page-break-before: always; font-size: 85%; font-weight: bold; font-family: "Rockwell", sans-serif; background-color: #e7e7e8; color: #000000; padding: 0.3em 0.5em 0.1em 0.5em; border-bottom: solid #e7e7e8 0.1em; margin-top: 1em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .keytx { margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .ntexta { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.8em; text-indent: 0em; text-align: left; } .ctexta { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .vlista { font-family: "PTSans", sans-serif; font-size: 80%; background-color: #FFFFFF; color: #000000; padding: 0.3em; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .vlistb { font-family: "PTSans", sans-serif; font-size: 80%; background-color: #e2f4fd; border-top: solid #e2f4fd 0.1em; border-bottom: solid #e2f4fd 0.1em; color: #000000; padding: 0.3em; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .vlistc { font-family: "PTSans", sans-serif; font-size: 80%; background-color: #f9e6dd; border-top: solid #f9e6dd 0.1em; border-bottom: solid #f9e6dd 0.1em; color: #000000; padding: 0.3em; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .vlistd { font-family: "PTSans", sans-serif; font-size: 80%; background-color: #fffbed; border-top: solid #fffbed 0.1em; border-bottom: solid #fffbed 0.1em; color: #000000; padding: 0.3em; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .vliste { font-family: "PTSans", sans-serif; font-size: 80%; background-color: #f9fbef; border-top: solid #f9fbef 0.1em; border-bottom: solid #f9fbef 0.1em; color: #000000; padding: 0.3em; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .vlistf { font-family: "PTSans", sans-serif; font-size: 80%; background-color: #f3f3f4; border-top: solid #f3f3f4 0.1em; border-bottom: solid #f3f3f4 0.1em; color: #000000; padding: 0.3em; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .vlistg { font-family: "PTSans", sans-serif; font-size: 80%; background-color: #fde9f1; border-top: solid #fde9f1 0.1em; border-bottom: solid #fde9f1 0.1em; color: #000000; padding: 0.3em; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .vlisth { font-family: "PTSans", sans-serif; font-size: 80%; background-color: #f0f1f8; border-top: solid #f0f1f8 0.1em; border-bottom: solid #f0f1f8 0.1em; color: #000000; padding: 0.3em; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .vlisti { font-family: "PTSans", sans-serif; font-size: 80%; background-color: #d7d7e5; border-top: solid #d7d7e5 0.1em; border-bottom: solid #d7d7e5 0.1em; color: #000000; padding: 0.3em; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .vlistj { font-family: "PTSans", sans-serif; font-size: 80%; background-color: #cde4f3; border-top: solid #cde4f3 0.1em; border-bottom: solid #cde4f3 0.1em; color: #000000; padding: 0.3em; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .vlistk { font-family: "PTSans", sans-serif; font-size: 80%; background-color: #e5edcf; border-top: solid #e5edcf 0.1em; border-bottom: solid #e5edcf 0.1em; color: #000000; padding: 0.3em; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .vlistl { font-family: "PTSans", sans-serif; font-size: 80%; background-color: #f1d1da; border-top: solid #f1d1da 0.1em; border-bottom: solid #f1d1da 0.1em; color: #000000; padding: 0.3em; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .blist { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0.6em; text-indent: -0.6em; text-align: left; } .blist strong { font-size: 90%; } .sidebar1 { page-break-inside: auto; margin-top: 1.5em; margin-bottom: 1.5em; font-size: 90%; padding: 0.7em; background-color: #d2dfe1; color: #000000; border: solid #d2dfe1 0.1em; text-align: left; } .sidebar5 { page-break-before: always; margin-top: 1.5em; margin-bottom: 1.5em; font-size: 90%; padding: 0.7em; background-color: #d2dfe1; color: #000000; border: solid #d2dfe1 0.1em; text-align: left; } .sidebar2 { page-break-inside: auto; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.7em; background-color: #faeece; color: #000000; border: solid #faeece 0.1em; text-align: left; } .sidebar3 { page-break-inside: auto; margin-top: 1.5em; margin-bottom: 1.5em; font-size: 90%; padding: 0em 0em 0.7em 0em; background-color: #e7e7e8; color: #000000; border: solid #e7e7e8 0.1em; text-align: left; } .stitle { font-size: 140%; font-weight: bold; font-family: "Helvetica", sans-serif; margin-top: 0.1em; margin-bottom: 0.5em; text-align: center; } .stitle1 { font-family: "Helvetica", sans-serif; line-height: 1em; margin-top: 0em; margin-bottom: 0.7em; font-size: 130%; padding: 0.3em; text-align: center; border-bottom: dotted #d1d2d4 0.2em; } .stitle3 { font-family: "Rockwell", sans-serif; line-height: 1em; margin-top: 0em; margin-bottom: 0.3em; font-size: 110%; padding: 0.4em; text-align: center; color: #FFFFFF; background-color: #5d5e60; border-bottom: solid #5d5e60 0.1em; } .spara { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; padding: 0.5em; } .cretxt { font-size: 80%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .copy1 { font-size: 90%; margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .indexmain1 { font-family: "Helvetica", sans-serif; font-size: 120%; font-weight: bold; margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .indexmain { margin-top: 0em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 1.5em; text-align: left; } .indexsub { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 3em; text-align: left; } .common { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .group { page-break-inside: auto; } .groupi { page-break-before: always; } .hidden { display: none; visibility: hidden; } .g1 { color: #818285; } .g2 { font-weight: normal; font-size: 75%; color: #818285; } .b1 { font-family: "Rockwell", sans-serif; font-size: 90%; } .f1 { font-size: 80%; font-family: "Helvetica", sans-serif; } .c1 { font-family: "Cookie", sans-serif; font-weight: normal; } .c3 { font-family: "Cookie", sans-serif; font-weight: normal; font-size: 120%; color: #818285; } ol { list-style-type:none; margin: 0em; } a { text-decoration: none; } small { font-size: 80%; } /* 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 */ .in4 { width: 4.5%; vertical-align: middle; } .in20 { width: 100%; } .in10 { width: 7%; float: left; padding-right: 0.3em; } .in10a { width: 5%; padding-right: 0.3em; vertical-align:text-top; } .in50 { width: 30%; } .in5 { width: 5%; float: left; padding-right: 0.3em; } /* For Landscape Images (width or without caption) */ .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%; } .land100 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land100 img { width: 100%; } .land100i { margin: 0em; text-align: center; } .land100i img { width: 100%; } /* For float Images*/ .ft50 { margin: 0em; width: 50%; float: right; padding-left: 0.5em; } .ft50 img { width: 100%; } .ft30 { margin: 0em; width: 40%; float: right; padding-left: 0.5em; } .ft30 img { width: 100%; } .ft25 { margin: 0em; width: 25%; float: right; padding-left: 0.5em; } .ft25 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; } .portvh98 { margin: 0em; text-align: center; height: 98%; } .vh98 { height: 100%; } .vh98:only-of-type { height: 98vh; } .portvh60 { margin: 1em 0 0 0; text-align: center; height: 60%; } .vh60 { height: 60%; } .vh60:only-of-type { height: 60vh; } @media amzn-kf8 { span.dropcap { font-family: "Rockwell", sans-serif; font-weight:normal; font-size:320%; float:left; margin-top:-0.3225em; margin-bottom:-0.3245em; } } @media amzn-mobi { span.dropcap { font-size:3em; font-weight: bold; margin-top:-0.1em; } }