@font-face { font-family: "Amatic"; src: url(../fonts/Amatic-Bold.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "ArchitectsDaughter"; src: url(../fonts/ArchitectsDaughter.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "comic_zine_ot"; src: url(../fonts/comic_zine_ot.ttf); font-style: normal; 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; } body { margin: 0em; text-align: left; orphans: 2; widows: 2; } @page { margin: 1.2em; } 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 { font-family: "comic_zine_ot", sans-serif; font-weight: normal; font-size: 230%; line-height: 1em; margin-top: 1em; margin-bottom: 0.5em; text-align: center; } .subtitle { font-family: "ArchitectsDaughter", sans-serif; font-size: 100%; margin-top: 0.1em; margin-bottom: 1em; margin-left: 3em; margin-right: 3em; text-align: center; } .author { font-family: "ArchitectsDaughter", sans-serif; font-size: 120%; line-height: 1em; margin-top: 2em; margin-bottom: 0em; margin-left: 3.5em; margin-right: 3.5em; text-align: center; } .author1 { font-family: "ArchitectsDaughter", sans-serif; font-size: 100%; line-height: 1em; margin-top: 0em; margin-bottom: 1em; margin-left: 3.5em; margin-right: 3.5em; padding: 0.5em; text-align: center; } .pub { margin-top: 3em; margin-bottom: 0.3em; text-align: center; } .toc1 { font-family: "ArchitectsDaughter", sans-serif; line-height: 1em; font-size: 100%; margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .toc1b { font-family: "ArchitectsDaughter", sans-serif; line-height: 1em; font-size: 100%; margin-top: 1em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .toca { font-family: "ArchitectsDaughter", sans-serif; line-height: 1em; font-size: 100%; margin-top: 0.4em; margin-bottom: 0.3em; text-indent: 0em; text-align: left; } .h2 { font-family: "Amatic", sans-serif; font-size: 200%; line-height: 1em; margin-top: 1em; margin-bottom: 1em; font-weight: normal; text-align: center; } .h2a { font-family: "Amatic", sans-serif; font-size: 200%; line-height: 1em; margin-top: 1em; margin-bottom: 0.1em; font-weight: bold; text-align: center; } .h2b { font-family: "comic_zine_ot", sans-serif; font-weight: normal; font-size: 210%; line-height: 1em; margin-top: 0.5em; margin-bottom: 1em; font-weight: normal; text-align: center; } .h2c { font-family: "comic_zine_ot", sans-serif; font-weight: normal; font-size: 210%; line-height: 0.8em; margin-top: 0.1em; margin-bottom: 1em; font-weight: normal; text-indent: 0em; text-align: left; } .h2d { font-family: "ArchitectsDaughter", sans-serif; font-size: 130%; line-height: 1em; margin-top: 1em; margin-bottom: 1em; font-weight: normal; text-indent: 0em; text-align: left; } .h2e { font-family: "ArchitectsDaughter", sans-serif; font-size: 150%; line-height: 1em; margin-top: 1em; margin-bottom: 0.5em; font-weight: bold; text-indent: 0em; text-align: center; } .h3 { font-family: "ArchitectsDaughter", sans-serif; line-height: 1em; font-size: 140%; font-weight: bold; margin-top: 1em; margin-bottom: 0.3em; text-indent: 0em; text-align: left; } .h4 { font-family: "PTSans", sans-serif; line-height: 1em; font-size: 90%; font-weight: normal; margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .h3r { font-family: "ArchitectsDaughter", sans-serif; page-break-before: always; font-size: 160%; font-weight: normal; line-height: 1em; margin-top: 0.1em; margin-bottom: 0.3em; text-indent: 0em; text-align: left; } .h3ra { font-family: "ArchitectsDaughter", sans-serif; font-size: 160%; font-weight: normal; line-height: 1em; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .h3a { font-family: "comic_zine_ot", sans-serif; page-break-before: always; font-size: 170%; font-weight: normal; padding: 0.25em 0.5em 0.25em 0.5em; line-height: 1em; margin-top: 1em; margin-bottom: 0.25em; background-color: #DD5C83; border: solid #FFFFFF 0.1em; text-indent: 0em; text-align: left; } .h3b { font-family: "comic_zine_ot", sans-serif; page-break-before: always; font-size: 170%; font-weight: normal; padding: 0.25em 0.5em 0.25em 0.5em; line-height: 1em; margin-top: 1em; margin-bottom: 0.25em; background-color: #9F94C7; border: solid #FFFFFF 0.1em; text-indent: 0em; text-align: left; } span.ent { font-size: 80%; } .ded { font-family: "PTSans", sans-serif; margin: 4em; text-align: center; } .noindent { margin-top: 0.1em; 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; } .indexmain1 { margin-top: 1em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 1.5em; text-align: left; } .indexmain { margin-top: 0.1em; 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: 2.5em; text-align: left; } .intro { font-family: "PTSans", sans-serif; line-height: 1.15em; font-size: 90%; margin-top: 0.1em; margin-bottom: 1em; margin-left: 2.5em; margin-right: 2.5em; text-align: center; } .yield { font-family: "PTSans", sans-serif; font-size: 90%; margin-top: 1em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .sidebarchap1 { font-family: "PTSans", sans-serif; margin-top: 0em; margin-bottom: 1.5em; padding: 0.75em; text-align: left; background-color: #FAC809; border: solid #FAC809 0.2em; } .sidebarchap2 { font-family: "PTSans", sans-serif; margin-top: 0em; margin-bottom: 1.5em; padding: 0.75em; text-align: left; background-color: #8DC3E1; border: solid #8DC3E1 0.2em; } .sidebarchap3 { font-family: "PTSans", sans-serif; margin-top: 0em; margin-bottom: 1.5em; padding: 0.75em; text-align: left; background-color: #A6CE3B; border: solid #A6CE3B 0.2em; } .sidebarchap4 { font-family: "PTSans", sans-serif; margin-top: 0em; margin-bottom: 1.5em; padding: 0.75em; text-align: left; background-color: #DD5C83; border: solid #DD5C83 0.2em; } .sidebarchap5 { font-family: "PTSans", sans-serif; margin-top: 0em; margin-bottom: 1.5em; padding: 0.75em; text-align: left; background-color: #9F94C7; border: solid #9F94C7 0.2em; } .sidebar1 { page-break-inside: avoid; font-family: "PTSans", sans-serif; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.75em; border: dashed #A6CE3B 0.3em; text-align: left; } .sidebar2 { page-break-before: always; font-family: "PTSans", sans-serif; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.75em; background-color: #e7e7e7; border: double #555555 0.3em; text-align: left; box-shadow: 0.3em 0.5em 0.2em #E4E4E4; } .sidebar3 { page-break-inside: avoid; font-family: "PTSans", sans-serif; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.75em; background-color: #FFFFFF 0.1em; border-top: dashed #777777 0.2em; border-bottom: dashed #777777 0.2em; text-align: left; } .sidebar4 { page-break-inside: avoid; font-family: "PTSans", sans-serif; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.75em; border-radius: 0.7em; border: solid #A6CE3B 0.2em; text-align: left; } .sidehead { font-family: "ArchitectsDaughter", sans-serif; font-size: 140%; line-height: 1em; margin-top: 0.5em; margin-bottom: 0.2em; text-indent: 0em; text-align: left; } .tiphead { font-family: "ArchitectsDaughter", sans-serif; font-size: 110%; line-height: 1em; margin-top: 1em; margin-bottom: 0.5em; text-align: left; } .notehead { font-family: "PTSans", sans-serif; font-size: 115%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .tiptit { font-family: "ArchitectsDaughter", sans-serif; font-size: 120%; line-height: 1em; margin-top: 0.5em; margin-bottom: 0.5em; text-align: left; } .stitle { font-family: "ArchitectsDaughter", sans-serif; font-size: 120%; line-height: 1em; margin-top: 1em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .stitle1 { font-family: "ArchitectsDaughter", sans-serif; font-size: 120%; line-height: 1em; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .tippara { font-family: "ArchitectsDaughter", sans-serif; font-size: 100%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .tipparai { font-family: "ArchitectsDaughter", sans-serif; font-size: 100%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 1.2em; text-align: left; } .shang { font-family: "ArchitectsDaughter", sans-serif; font-size: 90%; margin-left: 1.2em; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: -1.2em; text-align: left; } .subtx { font-family: "ArchitectsDaughter", sans-serif; font-size: 80%; margin-top: 0.1em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .item { font-size: 90%; font-family: "RotisSansSerif", sans-serif; line-height: 1em; font-weight: bold; margin-top: 0.1em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .itemb { font-size: 90%; font-family: "RotisSansSerif", sans-serif; line-height: 1em; font-weight: bold; margin-top: 0.1em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .tabhead { font-family: "ArchitectsDaughter", sans-serif; font-size: 120%; margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .thead { font-family: "ArchitectsDaughter", sans-serif; font-size: 90%; padding: 0.2em; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .tpara { font-family: "ArchitectsDaughter", sans-serif; font-size: 90%; padding: 0.2em; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0.7em; text-indent: -0.7em; text-align: left; } .tparaa { font-family: "ArchitectsDaughter", sans-serif; font-size: 90%; padding: 0.2em; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0.5em; text-indent: 0em; text-align: left; } .tparar { font-family: "ArchitectsDaughter", sans-serif; font-size: 100%; padding: 0.3em; margin-top: 0.1em; margin-bottom: 0.1em; text-align: right; } .t1 { border-spacing: 0; border-collapse: collapse; border: solid #FFFFFF 0.1em; width: 100%; } table { border-spacing: 0; border-collapse: collapse; width: 100%; } .table td { padding: .08em .08em 0em .08em; border: solid 1px #808285; } .line30 { vertical-align: text-top; border-left: solid #777777 0.1em; border-right: solid #777777 0.1em; background-color: #F3F8FC; width: 30%; } .line35 { vertical-align: text-top; background-color: #DBEAF6; width: 35%; } .line30a { vertical-align: text-top; background-color: #F3F8FC; border-bottom: solid #777777 0.1em; border-left: solid #777777 0.1em; border-right: solid #777777 0.1em; width: 30%; } .line35a { vertical-align: text-top; background-color: #DBEAF6; border-bottom: solid #777777 0.1em; width: 35%; } .line50a { vertical-align: text-top; width: 50%; background-color: #DBEAF6; border-bottom: solid #777777 0.1em; } .line50ab { vertical-align: text-top; width: 50%; background-color: #DBEAF6; } .line50 { vertical-align: text-top; width: 50%; background-color: #F3F8FC; border-bottom: solid #777777 0.1em; } .line50b { vertical-align: text-top; width: 50%; background-color: #F3F8FC; } .image { margin-top: 1em; margin-bottom: 1em; text-align: center; } .imager { margin-top: 1em; margin-bottom: 0.1em; text-align: right; } .copy { font-size: 90%; 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-indent: 0em; text-align: left; } .copy2 { font-size: 90%; margin-top: 1em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .group { page-break-inside: avoid; } .num { font-size: 80%; vertical-align: .5ex; } .den { font-size: 80%; } a { text-decoration: none; } small { font-size: 80%; } ol { list-style-type:none; margin: 0em; } .hidden { display: none; visibility: hidden; } span.ash { color: #777777; font-size: 80%; } .introb { font-size: 110%; line-height: 1.15em; margin-top: 0em; margin-bottom: 0.25em; text-align: center; } .centerb { margin-top: 0.1em; margin-bottom: 0.2em; text-align: center; } /* New Image Structure */ /* 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 Float Images */ .ft50 { width: 50%; float: right; padding-left: 0.5em; margin: 0em; } .ft50 img { width: 100%; } /* For Inline Images */ .in5 { vertical-align: middle; width: 5%; } .in25 { vertical-align: middle; width: 20%; } .in15 { vertical-align: middle; width: 20%; } .in40 { width: 40%; } .in50 { width: 100%; } /* For Landscape Images (width or without caption) */ .land100i { page-break-before: always; margin: 0em; text-align: center; } .land100i img { width: 100%; } .land100 { margin-top: 0.7em; margin-bottom: 0.1em; text-align: center; } .land100 img { width: 100%; } .land80 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land80 img { width: 80%; } .land35 { margin-top: 0.1em; margin-bottom: 0.1em; text-align: center; } .land35 img { width: 35%; } /* Portrait Images - without Caption for Beauty Images */ .portvh98 { margin: 0em; text-align: center; height: 98%; page-break-before: always; } .vh98 { height: 100%; } .vh98:only-of-type { height: 98vh; }