@font-face { font-family: "Alde"; font-weight: normal; font-style: normal; src: url('fonts/fonts/Alde_Antiqua_Romane.woff2') format('woff2'), url('fonts/fonts/Alde_Antiqua_Romane.woff') format('woff'), url('fonts/fonts/Alde_Antiqua_Romane.ttf') format('truetype'); -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; hyphens:none; -moz-font-feature-settings: "hist=1, liga=1, dlig=1"; -ms-font-feature-settings: "hist", "liga", "dlig"; -webkit-font-feature-settings: "hist", "liga", "dlig"; -o-font-feature-settings: "hist", "liga", "dlig"; font-feature-settings: "hist", "liga", "dlig"; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ -moz-osx-font-smoothing: grayscale; /* Firefox */ -moz-font-feature-settings: "kern" 1; -ms-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1, "liga" 1; font-kerning: normal; } @font-face { font-family: "Alde"; font-weight: normal; font-style: italic; src: url('fonts/fonts/Alde_Antiqua_Italick.woff2') format('woff2'), url('fonts/fonts/Alde_Italick.woff') format('woff'), url('fonts/fonts/Alde_Italick.ttf') format('truetype'); -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; hyphens:none; -moz-font-feature-settings: "hist=1, liga=1, dlig=1"; -ms-font-feature-settings: "hist", "liga", "dlig"; -webkit-font-feature-settings: "hist", "liga", "dlig"; -o-font-feature-settings: "hist", "liga", "dlig"; font-feature-settings: "hist", "liga", "dlig"; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ -moz-osx-font-smoothing: grayscale; /* Firefox */ -moz-font-feature-settings: "kern" 1; -ms-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1, "liga" 1; font-kerning: normal; } @font-face { font-family: "Blacke"; font-weight: normal; font-style: normal; src: url('fonts/fonts/Alde_Blacke_Magick.woff2') format('woff2'), url('fonts/fonts/Alde_Blacke_Magick.woff') format('woff'), url('fonts/fonts/Alde_Blacke_Magick.ttf') format('truetype'); -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; hyphens:none; -moz-font-feature-settings: "hist=1, liga=1, dlig=1"; -ms-font-feature-settings: "hist", "liga", "dlig"; -webkit-font-feature-settings: "hist", "liga", "dlig"; -o-font-feature-settings: "hist", "liga", "dlig"; font-feature-settings: "hist", "liga", "dlig"; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ -moz-osx-font-smoothing: grayscale; /* Firefox */ -moz-font-feature-settings: "kern" 1; -ms-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1, "liga" 1; font-kerning: normal; } @font-face { font-family: "Cappes"; font-weight: normal; font-style: normal; src: url('fonts/fonts/Alde_Paltrye_Cappes.woff2') format('woff2'), url('fonts/fonts/Alde_Paltrye_Cappes.woff') format('woff'), url('fonts/fonts/Alde_Paltrye_Cappes.ttf') format('truetype'); -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; hyphens:none; -moz-font-feature-settings: "hist=1, liga=1, dlig=1"; -ms-font-feature-settings: "hist", "liga", "dlig"; -webkit-font-feature-settings: "hist", "liga", "dlig"; -o-font-feature-settings: "hist", "liga", "dlig"; font-feature-settings: "hist", "liga", "dlig"; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ -moz-osx-font-smoothing: grayscale; /* Firefox */ -moz-font-feature-settings: "kern" 1; -ms-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1, "liga" 1; font-kerning: normal; } @font-face { font-family: "Initials"; font-weight: normal; font-style: normal; src: url('fonts/fonts/Alde_Night_Cappes.woff2') format('woff2'), url('fonts/fonts/Alde_Night_Cappes.woff') format('woff'), url('fonts/fonts/Alde_Night_Cappes.ttf') format('truetype'); -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; hyphens:none; -moz-font-feature-settings: "hist=1, liga=1, dlig=1"; -ms-font-feature-settings: "hist", "liga", "dlig"; -webkit-font-feature-settings: "hist", "liga", "dlig"; -o-font-feature-settings: "hist", "liga", "dlig"; font-feature-settings: "hist", "liga", "dlig"; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ -moz-osx-font-smoothing: grayscale; /* Firefox */ -moz-font-feature-settings: "kern" 1; -ms-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1, "liga" 1; font-kerning: normal; } @font-face { font-family: "Thoreau"; font-weight: normal; font-style: normal; src: url('fonts/fonts/ThoreauHand_Regular.woff2') format('woff2'), url('fonts/fonts/ThoreauHand_Regular.woff') format('woff'), url('fonts/fonts/ThoreauHand_Regular.ttf') format('truetype'); -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; hyphens:none; -moz-font-feature-settings: "hist=1, liga=1, dlig=1"; -ms-font-feature-settings: "hist", "liga", "dlig"; -webkit-font-feature-settings: "hist", "liga", "dlig"; -o-font-feature-settings: "hist", "liga", "dlig"; font-feature-settings: "hist", "liga", "dlig"; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ -moz-osx-font-smoothing: grayscale; /* Firefox */ -moz-font-feature-settings: "kern" 1; -ms-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1, "liga" 1; font-kerning: normal; } @font-face { font-family: "Thoreau"; font-weight: normal; font-style: italic; src: url('fonts/fonts/ThoreauHand_Oblique.woff2') format('woff2'), url('fonts/fonts/ThoreauHand_Oblique.woff') format('woff'), url('fonts/fonts/ThoreauHand_Oblique.ttf') format('truetype'); -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; hyphens:none; -moz-font-feature-settings: "hist=1, liga=1, dlig=1"; -ms-font-feature-settings: "hist", "liga", "dlig"; -webkit-font-feature-settings: "hist", "liga", "dlig"; -o-font-feature-settings: "hist", "liga", "dlig"; font-feature-settings: "hist", "liga", "dlig"; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ -moz-osx-font-smoothing: grayscale; /* Firefox */ -moz-font-feature-settings: "kern" 1; -ms-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1, "liga" 1; font-kerning: normal; } @font-face { font-family: "Thoreau"; font-weight: bold; font-style: normal; src: url('fonts/fonts/ThoreauHand_Bold.woff2') format('woff2'), url('fonts/fonts/ThoreauHand_Bold.woff') format('woff'), url('fonts/fonts/ThoreauHand_Bold.ttf') format('truetype'); -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; hyphens:none; -moz-font-feature-settings: "hist=1, liga=1, dlig=1"; -ms-font-feature-settings: "hist", "liga", "dlig"; -webkit-font-feature-settings: "hist", "liga", "dlig"; -o-font-feature-settings: "hist", "liga", "dlig"; font-feature-settings: "hist", "liga", "dlig"; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ -moz-osx-font-smoothing: grayscale; /* Firefox */ -moz-font-feature-settings: "kern" 1; -ms-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1, "liga" 1; font-kerning: normal; } @font-face { font-family: "Thoreau"; font-weight: bold; font-style: italic; src: url('fonts/fonts/ThoreauHand_Bold_Oblique.woff2') format('woff2'), url('fonts/fonts/ThoreauHand_Bold_Oblique.woff') format('woff'), url('fonts/fonts/ThoreauHand_Bold_Oblique.ttf') format('truetype'); -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; hyphens:none; -moz-font-feature-settings: "hist=1, liga=1, dlig=1"; -ms-font-feature-settings: "hist", "liga", "dlig"; -webkit-font-feature-settings: "hist", "liga", "dlig"; -o-font-feature-settings: "hist", "liga", "dlig"; font-feature-settings: "hist", "liga", "dlig"; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ -moz-osx-font-smoothing: grayscale; /* Firefox */ -moz-font-feature-settings: "kern" 1; -ms-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1, "liga" 1; font-kerning: normal; } @font-face { font-family: "Signature"; font-weight: normal; font-style: normal; src: url('fonts/fonts/ThoreauSignature.woff2') format('woff2'), url('fonts/fonts/ThoreauSignature.woff') format('woff'), url('fonts/fonts/ThoreauSignature.ttf') format('truetype'); -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; hyphens:none; -moz-font-feature-settings: "hist=1, liga=1, dlig=1"; -ms-font-feature-settings: "hist", "liga", "dlig"; -webkit-font-feature-settings: "hist", "liga", "dlig"; -o-font-feature-settings: "hist", "liga", "dlig"; font-feature-settings: "hist", "liga", "dlig"; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ -moz-osx-font-smoothing: grayscale; /* Firefox */ -moz-font-feature-settings: "kern" 1; -ms-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1, "liga" 1; font-kerning: normal; } @font-face { font-family: "Falsum"; font-weight: normal; font-style: normal; src: url('fonts/fonts/Falsum.woff2') format('woff2'), url('fonts/fonts/Falsum.woff') format('woff'), url('fonts/fonts/Falsum.ttf') format('truetype'); -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; hyphens:none; -moz-font-feature-settings: "hist=1, liga=1, dlig=1"; -ms-font-feature-settings: "hist", "liga", "dlig"; -webkit-font-feature-settings: "hist", "liga", "dlig"; -o-font-feature-settings: "hist", "liga", "dlig"; font-feature-settings: "hist", "liga", "dlig"; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ -moz-osx-font-smoothing: grayscale; /* Firefox */ -moz-font-feature-settings: "kern" 1; -ms-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1, "liga" 1; font-kerning: normal; } @font-face { font-family: "Ruthie"; font-weight: normal; font-style: normal; src: url('fonts/fonts/Ruthie.woff2') format('woff2'), url('fonts/fonts/Ruthie.woff') format('woff'), url('fonts/fonts/Ruthie.ttf') format('truetype'); -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; hyphens:none; -moz-font-feature-settings: "hist=1, liga=1, dlig=1"; -ms-font-feature-settings: "hist", "liga", "dlig"; -webkit-font-feature-settings: "hist", "liga", "dlig"; -o-font-feature-settings: "hist", "liga", "dlig"; font-feature-settings: "hist", "liga", "dlig"; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ -moz-osx-font-smoothing: grayscale; /* Firefox */ -moz-font-feature-settings: "kern" 1; -ms-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1, "liga" 1; font-kerning: normal; } /* PRELIMINARY STUFF */ * { padding:0; margin:0; } html>body { font-family: Alde, Georgia, 'Times New Roman', Times, serif; font-size: 100%; } html, body, table, td { height: 100%; font-family: Alde, Georgia, 'Times New Roman', Times, serif; font-size: 100%; line-height: 138%; } body { font-family: Alde, Georgia, 'Times New Roman', Times, serif; font-size: 100%; line-height: 138%; color: #231c15; margin: 0px 0px 0px 0px; scrollbar-track-color: #4d4040; scrollbar-base-color: #262a2a; scrollbar-face-color: #8c8080; scrollbar-3dlight-color: #4d4040; scrollbar-arrow-color: #efcca0; scrollbar-highlight-color: #efcca0; scrollbar-shadow-color: #262a2a; scrollbar-darkshadow-color: #231c15; background-color: #040402; background-image: url("images/background-dungeon.jpg"); background-repeat: repeat; background-attachment: scroll; background-size: 100% auto; } /* MOBILE */ @media (max-width: 480px) { body { background-image: url("images/background-dungeon.jpg"); background-repeat: repeat; background-attachment: scroll; background-size: 100% 100%; padding-top: 11px; } } /* TABLET */ @media (min-width: 481px) and (max-width: 1024px) { body { background-image: url("images/background-dungeon.jpg"); background-repeat: repeat; background-attachment: scroll; background-size: 100% 100%; padding-top: 11px; } } /* DESKTOP */ @media (min-width: 1025px) { body { background-image: url("images/background-dungeon.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-size: 100% 100%; padding-top: 11px; } } h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 0; } html, body, table, tr, td, p, h1, h2, h3, h4, h5, li { font-family: Alde; font-weight: normal; font-style: normal; -webkit-hyphens: none; -epub-hyphens: none; -moz-hyphens: none; hyphens: none; -moz-font-feature-settings: "hist=1, liga=1, dlig=1"; -ms-font-feature-settings: "hist", "liga", "dlig"; -webkit-font-feature-settings: "hist", "liga", "dlig"; -o-font-feature-settings: "hist", "liga", "dlig"; font-feature-settings: "hist", "liga", "dlig"; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ -moz-osx-font-smoothing: grayscale; /* Firefox */ -moz-font-feature-settings: "kern" 1; -ms-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1, "liga" 1; font-kerning: normal; } th { font-family: Cappes; font-size: 23px; color: #90897C; margin-top: 0px; margin-bottom: 0px; width:100%; } /* PARAGRAPHS */ p { margin-top: 11px; margin-bottom: 11px; line-height : 138%; background-color: transparent; text-rendering: optimizeLegibility; padding-left: 0px; padding-right: 0px; } p.text { font-size: 100%; margin-top: 4px; margin-bottom: 4px; line-height: 138%; text-align: justify; } p.text371 { font-size: 100%; width: 371px; margin-top: 4px; margin-bottom: 4px; margin-left: auto; margin-right: auto; line-height: 138%; text-align: justify; } p.center371 { width: 371px; margin-top: 4px; margin-bottom: 4px; margin-left: auto; margin-right: auto; line-height: 138%; text-align: center; } p.textindent { text-indent: 1.62em; font-size: 100%; margin-top: 4px; margin-bottom: 4px; line-height: 138%; text-align: justify; } p.textnoindent { text-indent: 0em; font-size: 100%; margin-top: 4px; margin-bottom: 4px; line-height: 138%; text-align: justify; } p.textcenter { font-size: 100%; margin-top: 4px; margin-bottom: 4px; line-height: 138%; text-align: center; } p.textsmall { font-size: 76%; margin-top: 4px; margin-bottom: 4px; line-height: 138%; text-align: justify; } p.caption { font-size: 85%; text-align: center; width: 371px; margin-top: 23px; margin-bottom: 23px; margin-left:auto; margin-right:auto; } p.bibliopic { font-size: 100%; text-align: center; width: 371px; margin-top: 11px; margin-bottom: 11px; margin-left:auto; margin-right:auto; } p.bibliodate { font-size: 162%; text-align: center; width: 371px; margin-top: 11px; margin-bottom: 11px; margin-left:auto; margin-right:auto; } p.bibliotitle { font-size: 124%; text-align: center; width: 371px; margin-top: 11px; margin-bottom: 11px; margin-left:auto; margin-right:auto; } p.biblioauthor { font-size: 100%; text-align: center; width: 371px; margin-top: 11px; margin-bottom: 11px; margin-left:auto; margin-right:auto; } p.bibliopublisher { font-size: 76%; text-align: center; width: 371px; margin-top: 11px; margin-bottom: 11px; margin-left:auto; margin-right:auto; } p.bibliocaption { font-size: 76%; text-align: center; width: 371px; margin-top: 11px; margin-bottom: 11px; margin-left:auto; margin-right:auto; } p.bookpic { font-size: 100%; text-align: center; width: 371px; margin-top: 11px; margin-bottom: 11px; margin-left:auto; margin-right:auto; } p.booktitle { font-size: 162%; text-align: center; width: 371px; margin-top: 11px; margin-bottom: 11px; margin-left:auto; margin-right:auto; } p.booksubtitle { font-family: Cappes; font-size: 124%; text-align: center; width: 371px; margin-top: 11px; margin-bottom: 11px; margin-left:auto; margin-right:auto; } p.bookauthor { font-size: 100%; text-align: center; width: 371px; margin-top: 11px; margin-bottom: 11px; margin-left:auto; margin-right:auto; } p.bookcaption { font-size: 76%; text-align: center; width: 371px; margin-top: 11px; margin-bottom: 11px; margin-left:auto; margin-right:auto; } p.contact { font-family: Alde; font-size: 100%; text-align: center; color: #4d4040; margin-top: 14px; margin-bottom: 7px; } p.copyright { font-family: Alde; font-size: 11px; text-align: center; color: #4d4040; margin-top: 14px; margin-bottom: 7px; } p.citation { text-indent: -1.62em; font-size: 100%; margin-left: 1.62em; margin-top: 11px; margin-bottom: 11px; line-height: 138%; text-align: left; } p.textthoreau { font-family: Thoreau; font-size: 162%; margin-top: 4px; margin-bottom: 4px; line-height: 138%; text-align: justify; } p.text + p.text { text-indent: 1.62em; } p.text371 + p.text371 { text-indent: 1.62em; } p.textindent + p.text { text-indent: 1.62em; } p.textnoindent + p.text { text-indent: 1.62em; } p.textcenter + p.text { text-indent: 1.62em; } p.textthoreau + p.textthoreau { text-indent: 1.62em; } p.header1 { font-family: Blacke; font-size: 37px; margin-top: 0; margin-bottom: 4px; line-height: 138%; text-align: center; padding-left: 0px; padding-right: 0px; } p.header2 { font-family: Cappes; font-size: 23px; margin-top: 0; margin-bottom: 4px; line-height: 138%; text-align: center; padding-left: 0px; padding-right: 0px; } p.border { background-image: url(images/border.gif); background-repeat: repeat; background-size: contain ; height:61px; width:100%; text-align: center; margin-left:0; padding-left: 0px; padding-right: 0px; } p.turtle { font-family: Blacke; font-size: 62px; margin-top: 0px; margin-bottom: 0px; line-height: 138%; text-align: center; padding-left: 0px; padding-right: 0px; } p.block { margin-top: 4px; margin-bottom: 4px; margin-left: auto; margin-right: auto; line-height: 138%; text-align: justify; width:62%; min-width: 371px; max-width:62%; } p.block + p.block { text-indent: 1.6em; } p.centerblock { margin-top: 4px; margin-bottom: 4px; margin-left: auto; margin-right: auto; text-align: center; width:62%; min-width: 371px; max-width:62%; } p.drop { font-size: 100%; margin-bottom: 4px; line-height: 138%; text-align: justify; } p.drop:first-letter { font-family: "Initials", serif; font-size: 7rem; float: left; line-height: .6; /* from 1 */ margin-right: 0.05em; } p.drop:first-line { font-family: "Cappes", serif; font-size: 1.24rem; } p.drop + p.text { text-indent: 1.62em; } p.dropletter1 { font-size: 100%; margin-bottom: 4px; line-height: 138%; text-align: justify; } p.dropletter1:first-letter { font-family: "Ruthie", serif; font-size: 7rem; float: left; line-height: .6; /* from 1 */ margin-right: 0.1em; color: #c32f0a; } p.dropletter1:first-line { font-family: "Cappes", serif; font-size: 1.24rem; } p.dropletter1 + p.text { text-indent: 1.62em; } p.dropletter2 { font-size: 100%; margin-bottom: 4px; line-height: 138%; text-align: justify; } p.dropletter2:first-letter { font-family: "Ruthie", serif; font-size: 7rem; float: left; line-height: .6; /* from 1 */ margin-right: 0.16em; color: #c32f0a; } p.dropletter2:first-line { font-family: "Cappes", serif; font-size: 1.24rem; } p.dropletter2 + p.text { text-indent: 1.62em; } p.dropistyll { font-size: 100%; margin-bottom: 4px; line-height: 138%; text-align: justify; } p.dropistyll:first-letter { font-family: "Initials", serif; font-size: 7rem; float: left; line-height: .6; /* from 1 */ margin-right: 0.05em; color: #231c15; } p.dropistyll:first-line { font-family: "Cappes", serif; font-size: 1.24rem; color: #c32f0a; } p.epistyll { font-size: 100%; margin-top: 0px; margin-bottom: 0px; line-height: 138%; text-align: justify; } p.dropistyll + p.epistyll { margin-top: -0.25em; } p.epistyll { font-size: 100%; margin-top: 0px; margin-bottom: 0px; line-height: 138%; text-align: justify; } p.dropistyll + p.epistyll { margin-top: -0.25em; } p.opening { text-align: justify; margin-bottom: 4px; } p.opening:first-line { font-family: "Cappes", serif; font-size: 1.24rem; } p.opening + p.text { text-indent: 1.62em; } .contents1 { font-size: 124%; margin-left: 1.6em; text-indent: -1.6em; line-height: 138%; text-align: left; -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; adobe-hyphenate: none; hyphens:none; } .contents1small { font-size: 85%; margin-left: 1.6em; text-indent: -1.6em; line-height: 138%; text-align: left; } .contents2 { font-size: 100%; margin-left: 1.6em; text-indent: -1.6em; line-height: 138%; text-align: left; -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; adobe-hyphenate: none; hyphens:none; } .contents3 { font-size: 100%; margin-left: 1.6em; text-indent: -1.6em; line-height: 138%; text-align: left; } .contentsby { font-size: 76%; margin-left: 1.6em; text-indent: 0; line-height: 138%; text-align: left; margin-top: -0.6em;; } .contentsdesc { font-size: 100%; margin-top: 0.38em; margin-bottom: 0; margin-left: 3.2em; line-height: 138%; text-align: justify; } .contillist { font-size: 100%; margin-left: 1.6em; text-indent: -1.6em; line-height: 138%; text-align: left; -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; adobe-hyphenate: none; hyphens:none; } blockquote { font-size: 85%; margin-top: 7px; margin-bottom: 7px; margin-left: 2.62em; margin-right: 2.62em; line-height: 138%; text-align:justify; } blockquote p { margin-top: 7px; margin-bottom: 7px; } blockquote li { margin-top: 7px; margin-bottom: 7px; } /* HEADINGS */ h1 { font-family: Blacke; font-size: 262%; font-weight: normal; color: #c32f0a; line-height: 115%; margin-top: 1.38em; margin-bottom: 0px; text-align: center; } h1.heading { font-family: Blacke; font-size: 262%; font-weight: normal; color: #c32f0a; line-height: 115%; margin-top: 0; margin-bottom: 0px; text-shadow: 1px 1px 1px rgba(0,0,0,1); opacity: 1; text-align: center; } h1.engraved { font-family: Blacke; font-size: 262%; font-weight: normal; color: #c32f0a; line-height: 115%; margin-top: 0em; margin-bottom: 0px; text-align: center; background-color: #c32f0a; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; color: transparent; text-shadow: rgba(245,245,245,0.3) 3px 5px 1px; text-align: center; } h1.embossed{ color: #f0f0f0; font-size: 100px; font-family: Blacke; background-color: #666666; text-shadow: 1px 4px 4px #555; text-align: center; -webkit-background-clip: text; -moz-background-clip: text; text-align: center; } h2 { font-family: Blacke; font-size: 224%; font-weight: normal; color: #231c15; line-height: 115%; margin-top: 0em; margin-bottom: 11px; text-align: center; } h2.heading { font-family: Blacke; font-size: 262%; font-weight: normal; color: #231c15; line-height: 115%; margin-top: 0em; margin-bottom: 0px; text-align: center; } h3 { font-family: Blacke; font-size: 162%; font-weight: normal; color: #231c15; line-height: 124%; margin-top: 11px; margin-bottom: 11px; text-align: center; } h4 { font-family: Blacke; font-size: 115%; font-weight: normal; color: #231c15; line-height: 124%; margin-top: 11px; margin-bottom: 11px; text-align: center; } #clipped-title { background: url(images/background-redheading.jpg) repeat center center; background-size: contain; color: #fff; -webkit-text-fill-color: transparent; -webkit-background-clip: text; } #clipped-title h1 { text-align: center; line-height: 115%; -webkit-transition: text-shadow 1s ease; text-shadow: 0 0 1px rgba(0,0,0,.1); margin: 0; padding: 0; padding-top:0; } #clipped-title h2 { text-align: center; line-height: 115%; -webkit-transition: text-shadow 1s ease; text-shadow: 0 0 1px rgba(0,0,0,.1); margin: 0; padding: 0; } #clipped-title h3 { text-align: center; line-height: 115%; -webkit-transition: text-shadow 1s ease; text-shadow: 0 0 1px rgba(0,0,0,.1); margin: 0; padding: 0; padding-top:11; } #clipped-title h4 { text-align: center; line-height: 115%; -webkit-transition: text-shadow 1s ease; text-shadow: 0 0 1px rgba(0,0,0,.1); margin: 0; padding: 0; padding-top:11; } #clipped-title2 { background: url(images/background-blackheading.jpg) repeat center center; background-size: contain; color: #fff; -webkit-text-fill-color: transparent; -webkit-background-clip: text; } #clipped-title2 h2 { text-align: center; -webkit-transition: text-shadow 1s ease; text-shadow: 0 0 1px rgba(0,0,0,.1); margin: 0; padding: 0; } /* TEXT STYLES */ b { font-weight: bold; } i { font-style: italic; } sup { font-size: 62%; line-height: 100%; vertical-align : 62%; } h1 sup { font-size: 62%; line-height: 100%; vertical-align : 62%; } sub { font-size: 76%; line-height: 100%; vertical-align: sub; } /* LINKS */ a:link { text-decoration: none; color: #685f06; background-color : transparent; } a:visited { text-decoration: none; color: #685f06; background-color : transparent; } a:hover { text-decoration: none; color: #c32f0a; background-color : transparent; border: none; } p a:hover { text-decoration: none; color: #c32f0a; background-color : transparent; /* border: 3px #cc0000; */ border-style: none; } p img a:hover { text-decoration: none; color: #c32f0a; background-color : transparent; border: 3px #cc0000; border-style: none; } a:active { text-decoration: none; color: #c32f0a; background-color : transparent; } /* LISTS */ ul { margin-left: 0em; padding-left: 42px; list-style-type: "\261E\A0"; } ol { margin-left: 29px; margin-top: 11px; margin-bottom: 11px; } li { margin-top: 11px; margin-bottom: 11px; padding-left: 0.38em; } /* FORMS */ input, select, textarea { font-family: Alde; font-size: 100%; color: #231c15; border-left: inset 4px #8c8080; border-top: inset 4px #8c8080; border-right: inset 4px #8c8080; border-bottom: inset 4px #8c8080; margin-top: 4px; margin-bottom: 4px; background: #cddfe5; background-color: #cddfe5; border-color: #32201a; border-radius: 11px; padding: 4px; box-sizing: border-box; } textarea { width: 100%; height: 100px; } input.radio { font: normal Alde; color: #231c15; border: none; background: #231c15; background-color: #231c15; margin-bottom: 0px; } input.submit { font-family: Cappes; border-style: outset; border-color: #c32f0a; background-color: #685f06; font-size: 124%; color: #fef1e4; text-align: center; margin-top: 3px; margin-bottom: 3px; background: #053a6d; background-color: #685f06; padding: 11px; cursor: pointer; } input.button { font-family: Cappes; border-style: outset; border-color: #c32f0a; background-color: #685f06; font-size: 100%; color: #fef1e4; text-align: center; margin-top: 3px; margin-bottom: 3px; background: #053a6d; background-color: #685f06; padding: 4px; cursor: hand; } input.captcha { font-family: Cappes; border-style: outset; border-color: #c32f0a; background-color: #685f06; font-size: 76%; color: #fef1e4; text-align: center; margin-top: 3px; margin-bottom: 3px; background: #053a6d; background-color: #685f06; padding: 4px; cursor: hand; } option { font-family: Alde; font-weight: normal; font-style: normal; -webkit-hyphens:none; -epub-hyphens:none; -moz-hyphens:none; hyphens:none; -moz-font-feature-settings: "hist=1, liga=1, dlig=1"; -ms-font-feature-settings: "hist", "liga", "dlig"; -webkit-font-feature-settings: "hist", "liga", "dlig"; -o-font-feature-settings: "hist", "liga", "dlig"; font-feature-settings: "hist", "liga", "dlig"; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ -moz-osx-font-smoothing: grayscale; /* Firefox */ -moz-font-feature-settings: "kern" 1; -ms-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1, "liga" 1; font-kerning: normal; } select { font-family: inherit; } fieldset, fieldset legend { background: #72605b; border: 4px solid #32201a; border-radius: 6px; color: #fef1e4; margin-top: 11px; margin-bottom: 11px; padding-left:11px; padding-right:11px; padding-top:4px; padding-bottom:4px; background-image: url("images/background-marble.jpg"); } fieldset legend { font-size: 138%; font-family: Cappes; color: #fef1e4; background-color: #c32f0a; background-image: none; padding: 4px 7px 7px 7px; margin-left: 5px; } #errors fieldset, #errors fieldset legend { border-color: #32201a; background: #633; } #preview { border-style: inset; border-color: #32201a; background: #fde2c9; font: 32pt/32pt WebFont; line-height:124%; padding: 11px 11px 23px 11px; margin-bottom: 10px; color: #231c15; background-image: url("images/background-tile-lite.jpg"); } #previewtext { border-style: inset; border-color: #c32f0a; background-color: #685f06; color: #fef1e4; padding: 1px 1px 3px 1px; width: 262px; text-align: center; /* width: 200px; */ } #previewfont { border-style: inset; border-color: #c32f0a; background-color: #685f06; color: #fef1e4; padding: 1px 1px 3px 1px; width: 200px; text-align: center; /* width: 200px; */ } #fontsize { border-style: inset; border-color: #c32f0a; background-color: #685f06; color: #fef1e4; padding: 1px 1px 3px 1px; width: 62px; text-align: center; /* width: 200px; */ } #input { border-color: #32201a; background-color: #cddfe5; width: 100%; height: 100px; border-radius: 3px; } #fontsize { width: 64px; } #alternate { width: 50px; } #direction { width: 54px; } #language { width: 64px; } #colorbg { width: 60px; } #colorfg { width: 60px; } #inputfieldset { background-image: url("images/background-marble.jpg"); /* width: 100%; margin-left: 0px; margin-right: 14px; */ } #otfeaturesfieldset { background-image: url("images/background-marble.jpg"); /* width: 230px; margin-left: 0px; */ } /* LINE RULES */ hrOLD { padding: 0; border: none; border-top: 4px dotted #c32f0a; color: #231c15; text-align: center; } hr { line-height: 1px; /* vertical centering */ height: 1px; /* gap between the lines */ font-size: 1.6em; /* choose font size you like */ border-width: 4px 6px; /* top and bottom borders */ border-style: dotted; border-color: #231c15; /* border-color: #685f06; border-color: #c32f0a; */ margin: 23px 0px; /* 20px space above/below, 10px left/right */ overflow: visible; /* ensure 1px gap between borders */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } hr.style-seven { overflow: visible; /* For IE */ height: 30px; border-style: solid; border-color: #231c15; border-width: 2px 0 0 0; border-radius: 20px; } hr.style-seven:before { /* Not really supposed to work, but does */ display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: #231c15; border-width: 0 0 2px 0; border-radius: 20px; } /* TABLE LAYOUT */ table.main { width:62%; min-width: 550px; max-width:62%; } td.gutter-top { background-image: none; } td.top { background-image: url("images/book-edge-top.gif"); background-repeat: repeat; background-color: none; text-align: left; vertical-align: bottom; height: 94px; min-width: 371px; max-width:62%; } td.corner-top { background-image: url("images/book-corner-top.gif"); background-repeat: norepeat; background-color: none; min-width: 128px; } td.gutter { background-image: url("images/book-gutter.gif"); } td.tile { background-image: url("images/background-tile.jpg"); background-repeat: repeat; padding-left: 14px; padding-right: 23px; padding-top: 23px; padding-bottom: 23px; } /* MOBILE */ @media (max-width: 480px) { td.tile { background-image: url("images/background-tile.jpg"); background-repeat: repeat; padding-left: 14px; padding-right: 23px; padding-top: 23px; padding-bottom: 23px; } } /* TABLET */ @media (min-width: 481px) and (max-width: 1024px) { td.tile { background-image: url("images/background-tile.jpg"); background-repeat: repeat; padding-left: 44px; padding-right: 43px; padding-top: 23px; padding-bottom: 23px; } } /* DESKTOP */ @media (min-width: 1025px) { td.tile { background-image: url("images/background-tile.jpg"); background-repeat: repeat; padding-left: 84px; padding-right: 93px; padding-top: 43px; padding-bottom: 43px; } } td.gutter-bottom { background-image: none; } td.bottom { background-image: url("images/book-edge-bottom.gif"); background-repeat: repeat; background-color: none; min-width: 128px; } td.corner-bottom { background-image: url("images/book-corner-bottom.gif"); background-repeat: norepeat; background-color: none; min-width: 128px; } td.edge { background-image: url("images/book-edge-right.gif"); background-repeat: norepeat; background-color: none; min-width: 128px; } table.psytable { font-size: 76%; border-width: 2px; border-spacing: 1px; border-style: ridge; border-color: #7d6249; border-collapse: collapse; background-color: #fde2c9; table-layout:fixed; } table.psytable th { border-width: 2px; padding: 4px; border-style: ridge; border-color: #7d6249; background-color: #fde2c9; } table.psytable td { border-width: 2px; padding: 2px; border-style: ridge; border-color: #7d6249; background-color: #fde2c9; } /* WHATEVER! */ /* Font Family */ .alde { font-family: Alde; } .blacke { font-family: Blacke; } .cappes { font-family: Cappes; } .falsum { font-family: Falsum; } .initial { font-family: Initials; } .ruthie { font-family: Ruthie; } .signature { font-family: Signature; } .thoreau { font-family: Thoreau; } /* Font Size */ .big { font-size: 124%; } .bigger { font-size: 138%; } .biggest { font-size: 162%; } .small { font-size: 76%; } .smaller { font-size: 62%; } .smallcaps { font-family: Cappes; } /* Margins */ .nomargin { margin-top: 0px; margin-bottom: 0px; } .notop { margin-top: 0px; margin-bottom: 11px; } .nobottom { margin-top: 11px; margin-bottom: 0px; } .indent { text-indent: 1.62em; } /* Font Color */ .blue { color: #95bbc7; } .fade { color: #7d6249; } .red { color: #c32f0a; } .white { color: #fef1e4; } div.box p { color: #fef1e4; } div.box h { color: #fef1e4; } div.box a { color: #95bbc7; } /* Whatever */ .box { background: #72605b; border: 4px solid #32201a; border-radius: 23px; color: #fef1e4; margin-top: 11px; margin-bottom: 11px; margin-left: auto; margin-right: auto; line-height: 138%; text-align: justify; width:62%; min-width: 371px; max-width:62%; padding-left:11px; padding-right:11px; padding-top:4px; padding-bottom:7px; background-image: url("images/background-marble.jpg"); box-sizing: border-box; } .center { text-align: center; margin-top: 4px; margin-bottom: 4px; } .flip-horizontal { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .flip-vertical { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } .href { border: 2px ridge #cc0000; } .nowrap { white-space: nowrap; } .ornament { color: #c32f0a; font-size: 138%; } .textbox { border-style: inset; border-color: #32201a; background: #fde2c9; padding: 11px 11px 11px 11px; margin-top: 11px; margin-bottom: 11px; margin-left: 2.6em; margin-right: 2.6em; color: #231c15; background-image: url("images/background-tile-lite.jpg");