.book { font-size : 100%; text-align : justify; padding-left : 1em; padding-right : 1em; padding-top : 1em; padding-bottom : 1em; font-weight : normal; font-style : normal; } .pc { font-size : 100%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : center; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .apc { font-size : 100%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.5; text-indent : 0.0em; text-align : center; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .apc1 { font-size : 100%; margin-top : 1.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.5; text-indent : 0.0em; text-align : center; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .pclast { font-family : sans-serif; font-size : 100%; margin-top : 6.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : center; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .pppc { font-size : 100%; margin-top : 2.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : center; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .copy { margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : center; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .copy1 { margin-top : 0.5em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : center; color : rgb(0,0,0); font-weigh : normal; font-style : normal; } .sc { font-size : 75%; } a { text-decoration : underline; } a.none { text-decoration: none; color: black; } .ct5 { font-size : 170%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 2.4em; margin-right : 0.0em; line-height : 1.2; text-align : left; color : rgb(0,0,0); font-weight : normal; font-style : normal; text-indent : 0.0em; } .co { font-size : 100%; margin-top : 8.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .co1 { font-size : 100%; margin-top : 1.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .pp { font-size : 100%; margin-top : 1.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; text-indent : 0.0em; } .pi { font-size : 100%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; text-indent : 1.0em; } .ppi { font-size : 100%; margin-top : 1.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 1.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .p { font-size : 100%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .pgbrk { page-break-before : always; } .about { font-family : sans-serif; font-size : 120%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : center; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .verse { font-size : 90%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .versepp { font-size : 100%; margin-top : 1.0em; margin-bottom : 0.0em; margin-left : 7.0em; margin-right : 0.0em; line-height : 1.2; text-indent : -1.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .versep { font-size : 100%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 7.0em; margin-right : 0.0em; line-height : 1.2; text-indent : -1.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .versepi { font-size : 100%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 8.0em; margin-right : 0.0em; line-height : 1.2; text-indent : -1.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .cover_image { text-align: center; page-break-inside: avoid; overflow: hidden; clear: both; padding: 0px; margin: 0em auto; height: 99%; height: 99vh; width: 100%; } .cover_image img { page-break-inside: avoid; height: 100%; max-width: 100%; } .center { font-size : 135%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : center; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .title { font-size : 185%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : center; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .title1 { font-size : 125%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : center; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .author { font-size : 130%; margin-top : 4.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : center; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .logo { font-family : sans-serif; font-size : 70%; margin-top : 16.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : center; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .logo1 { font-family : sans-serif; font-size : 60%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : center; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .cn { font-size : 120%; margin-top : 4.0em; margin-bottom : 0.0em; margin-left : 2.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : left; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .toc11 { font-size : 100%; margin-top : 6.0em; margin-bottom : 0.0em; margin-left : 5.0em; margin-right : 0.0em; line-height : 1.5; text-indent : -1.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .toc1 { font-size : 100%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 5.0em; margin-right : 0.0em; line-height : 1.5; text-indent : -1.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .pt { font-size : 220%; margin-top : 2.0em; margin-bottom : 0.0em; margin-left : 2.0em; margin-right : 0.0em; line-height : 1.2; text-align : left; color : rgb(0,0,0); font-weight : normal; font-style : normal; text-indent : 0.0em; } .sans { font-family : sans-serif; font-size : 90%; } .dedi { font-size : 100%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 3.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .letter { font-size : 90%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .letterpp { font-size : 100%; margin-top : 1.0em; margin-bottom : 0.0em; margin-left : 5.0em; margin-right : 3.0em; line-height : 1.2; text-indent : 0.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .letterp { font-size : 100%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 5.0em; margin-right : 3.0em; line-height : 1.2; text-indent : 0.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .letterpi { font-size : 100%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 5.0em; margin-right : 3.0em; line-height : 1.2; text-indent : 1.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .cep { font-size : 100%; margin-top : 8.0em; margin-bottom : 0.0em; margin-left : 4.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .ceps { font-size : 100%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 4.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .display { font-size : 100%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 0.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .displaypp { font-size : 100%; margin-top : 3.0em; margin-bottom : 0.0em; margin-left : 4.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } .displaypc { font-size : 100%; margin-top : 0.0em; margin-bottom : 0.0em; margin-left : 4.0em; margin-right : 0.0em; line-height : 1.2; text-indent : 0.0em; text-align : justify; color : rgb(0,0,0); font-weight : normal; font-style : normal; } /* ============================================================ IMAGES ============================================================ */ img { /*-- iOS8 Image Fix --*/ display: inline; } /* ========================================= Inline Images Example (Apply to image, adjust values as needed) ========================================= */ .inline_image { height: 2.7em; /* Variable, adjust as necessary */ vertical-align: middle; /* Top, middle, bottom as needed */ } /* ============ Small Images ============ */ .portrait_small { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em 32.5%; width: 35%; } .portrait_small img { page-break-inside: avoid; width: 100%; } .landscape_small { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em 20%; width: 60%; } .landscape_small img { page-break-inside: avoid; width: 100%; } /* ============== Default Images ============== */ .portrait_default { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em 30%; width: 40%; } .portrait_default img { page-break-inside: avoid; width: 100%; } .landscape_default { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em 15%; width: 70%; } .landscape_default img { page-break-inside: avoid; width: 100%; } /* ============= Medium Images ============= */ .portrait_medium { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em 25%; width: 50%; } .portrait_medium img { page-break-inside: avoid; width: 100%; } .landscape_medium { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em 8%; width: 84%; } .landscape_medium img { page-break-inside: avoid; width: 100%; } /* ============================================== Large Images + Double Page Spread (DPS) Images ============================================== */ .portrait_large { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em 17.5%; width: 65%; } .portrait_large img { page-break-inside: avoid; width: 100%; } .landscape_large { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em auto; width: 100%; } .landscape_large img { page-break-inside: avoid; width: 100%; } /* ================ FULL PAGE IMAGES ================ */ .image_full, .image_full_caption { text-align: center; page-break-after: always; page-break-inside: avoid; clear: both; padding: 0px; margin: 0em auto; height: 98%; height: 98vh; width: 100%; } .image_full img { page-break-inside: avoid; max-width: 100%; max-height: 100%; } .image_full_caption img { page-break-inside: avoid; height: 90%; } /* ============================================================ MEDIA QUERIES [Must sit at the end of the very last referenced stylesheet] ============================================================ ================================================ REMOVE DIFFERENT VERSIONS FROM THE DOCUMENT FLOW ================================================ */ @media not amzn-kf8 { .kf8_only { display: none; } } @media amzn-kf8 { .epub3_only { display: none; } } /* ================================= SIDEBAR LAYOUT FOR KINDLE IOS APP ================================= */ @media amzn-kf8 and (device-height: 1024px) and (device-width: 768px), amzn-kf8 and (device-height: 768px) and (device-width: 1024px) { .sidebar_wrapper { width: 100%; text-align: center; float: none; font-size: 1em; } .maincontent_wrapper { width: 100%; float: none; } .sidebar_wrapper p { text-align: center; font-size: 0.9em; } .sidebar_wrapper h5 { text-align: center; } } /* ================== KINDLE IMAGE FIXES ================== */ @media amzn-kf8 { /* == KF8 Small Images == */ .portrait_small { text-align: center; width: 100%; margin: 1.5em auto; } .portrait_small img { width: 35%; } .landscape_small { text-align: center; width: 100%; margin: 1.5em auto; } .landscape_small img { width: 60%; } /* == KF8 Default Images == */ .portrait_default { text-align: center; width: 100%; margin: 1.5em auto; } .portrait_default img { width: 40%; } .landscape_default { text-align: center; width: 100%; margin: 1.5em auto; } .landscape_default img { width: 70%; } /* == KF8 Medium Images == */ .portrait_medium { text-align: center; width: 100%; margin: 1.5em auto; } .portrait_medium img { width: 50%; } .landscape_medium { text-align: center; width: 100%; margin: 1.5em auto; } .landscape_medium img { width: 84%; } /* == KF8 Large Images == */ .portrait_large { width: 100%; margin: 1.5em auto; } .portrait_large img { width: 65%; } .landscape_large { text-align: center; width: 100%; margin: 1.5em auto; } .landscape_large img { width: 100%; } /* == KF8 FULL PAGE IMAGES == */ .image_full, .image_full_caption { text-align: center; height: 100%; width: 100%; } .image_full img { height: 99%; } .image_full_caption img { height: 90%; } }/* -- End KF8 Image Fix Media Queries --*/ /* ============================================================ MEDIA QUERIES FOR E-INK DEVICES [Must sit at the end of the very last referenced stylesheet] ============================================================ == GENERIC == */ @media screen and (device-height: 800px) and (device-width: 600px), screen and (device-height: 600px) and (device-width: 800px) { body * { color: #0c0a0b !important; } a, a:visited { color: #0066ff !important; text-decoration: none; border-bottom: 1px dotted; } h1, h2, h3, h4, h5, h6 { font-weight: bold !important; } } /* == NOOK == */ @media screen and (device-height: 1024px) and (device-width: 758px), screen and (device-height: 758px) and (device-width: 1024px) { body * { color: #0c0a0b !important; } a, a:visited { color: #0066ff !important; text-decoration: none; border-bottom: 1px dotted; } h1, h2, h3, h4, h5, h6 { font-weight: bold !important; } } /* == KINDLE VOYAGE == */ @media amzn-kf8 and (device-height: 1448px) and (device-width: 1072px), amzn-kf8 and (device-height: 1072px) and (device-width: 1448px) { body * { color: #0c0a0b !important; } a, a:visited { color: #0066ff !important; text-decoration: none; border-bottom: 1px dotted; } h1, h2, h3, h4, h5, h6 { font-weight: bold !important; } }