/* ============================================================= * Vook Template * Copyright(c) 2012 Vook * * All rights reserved - Do Not Redistribute * * version: 1.0.0 * ============================================================ */ @font-face { font-family: "Liberation Serif"; src: url("fonts/LiberationSerif-Regular-webfont.ttf"); font-weight: normal; font-style: normal; } @font-face { font-family: "Liberation Serif"; src: url("fonts/LiberationSerif-Bold-webfont.ttf"); font-weight: bold; font-style: normal; } @font-face { font-family: "Liberation Serif"; src: url("fonts/LiberationSerif-Italic-webfont.ttf"); font-weight: normal; font-style: italic; } @font-face { font-family: "Liberation Serif"; src: url("fonts/LiberationSerif-BoldItalic-webfont.ttf"); font-weight: bold; font-style: italic; } @font-face { font-family: "PT Serif"; src: url("fonts/PTSerif-Regular-webfont.ttf"); font-weight: normal; font-style: normal; } @font-face { font-family: "PT Serif"; src: url("fonts/PTSerif-Bold-webfont.ttf"); font-weight: bold; font-style: normal; } @font-face { font-family: "PT Serif"; src: url("fonts/PTSerif-Italic-webfont.ttf"); font-weight: normal; font-style: italic; } @font-face { font-family: "PT Serif"; src: url("fonts/PTSerif-BoldItalic-webfont.ttf"); font-weight: bold; font-style: italic; } @font-face { font-family: "Lora"; src: url("fonts/Lora-Regular-webfont.ttf"); font-weight: normal; font-style: normal; } @font-face { font-family: "Lora"; src: url("fonts/Lora-Bold-webfont.ttf"); font-weight: bold; font-style: normal; } @font-face { font-family: "Lora"; src: url("fonts/Lora-Italic-webfont.ttf"); font-weight: normal; font-style: italic; } @font-face { font-family: "Lora"; src: url("fonts/Lora-BoldItalic-webfont.ttf"); font-weight: bold; font-style: italic; } @font-face { font-family: "Liberation Mono"; src: url("fonts/LiberationMono-Regular-webfont.ttf"); font-weight: normal; font-style: normal; } @font-face { font-family: "Liberation Mono"; src: url("fonts/LiberationMono-Bold-webfont.ttf"); font-weight: bold; font-style: normal; } @font-face { font-family: "Liberation Mono"; src: url("fonts/LiberationMono-Italic-webfont.ttf"); font-weight: normal; font-style: italic; } @font-face { font-family: "Liberation Mono"; src: url("fonts/LiberationMono-BoldItalic-webfont.ttf"); font-weight: bold; font-style: italic; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; margin: 0 auto; } audio:not([controls]) { display: none; } [hidden] { display: none; } @page { margin-top: 1.875em; margin-bottom: 1.25em; } html { font-size: 100%; } body { color: #404040; font-family: "Liberation Serif", serif; font-size: 1em; line-height: 1.375; margin-right: 1.875em; margin-left: 1.875em; text-align: justify; } a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } hgroup, .hgroup { page-break-after: avoid; page-break-inside: avoid; } hgroup h1, .hgroup h1 { color: #000; margin-top: 1.125em; font-size: 1.875em; font-weight: normal; line-height: 2.250; text-align: center; font-family: "PT Serif", serif; margin-bottom: 2.875em; } hgroup h2, .hgroup h2 { color: #000; margin-top: 1.125em; font-size: 1.5em; font-weight: normal; line-height: 2.25; text-align: center; } hgroup h3, .hgroup h3 { color: #000; font-size: 1.5em; font-weight: normal; line-height: 2.25; text-align: center; } h1, h2, h3, h4, h5, h6 { font-weight: normal; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none; hyphens: none; page-break-after: avoid; text-align: left; font-family: "Lora", serif; } h1 { margin-top: 1.125em; font-size: 2em; line-height: 2.25; } h2 { margin-top: 1.125em; font-size: 1.813em; line-height: 2.25; } h3 { font-size: 1.5em; line-height: 2.25; } h4 { font-size: 1.313em; line-height: 2.25; } h5 { font-size: 1.125em; line-height: 2.25; } h6 { font-size: 0.875em; font-weight: normal; line-height: 1.750; text-transform: uppercase; text-align: right; page-break-before: auto; } p { -webkit-hyphens: auto; adobe-hyphenate: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 0.000em; margin-top: 0.000em; orphans: 2; text-indent: 2.375em; widows: 2; font-family: "Ostrich Sans"; font-size: 1.000em; } .credits p { margin-left: 0em; margin-right: 0em; padding-left: 0em; padding-right: 0em; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin-top: 1em; margin-right: 2.5em; margin-bottom: 1em; margin-left: 2.5em; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } code, kbd, samp { font-family: "Liberation Mono", monospace; font-size: 1em; } pre { font-family: "Liberation Mono", monospace; font-size: 1em; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } cite { font-style: italic; } ul, ol { margin-top: 1em; margin-right: 0em; margin-bottom: 1em; margin-left: 0em; padding: 0em; padding-left: 2.5em; } ul { list-style: disc; } ol { list-style: decimal; } dd { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 2.5em; } img { vertical-align: middle; oeb-column-number: 1; } img, .img { border-width: 0em; border-style: solid; display: inline-block; max-width: 100%; width: 100%; } .img { box-decoration-break: slice; margin-right: auto; margin-left: auto; page-break-inside: avoid; text-align: center; width: auto; } .img img { border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 0; } figure, .figure, div.figure { margin-top: 0em; margin-right: 0em; margin-bottom: 0em; margin-left: 0em; page-break-inside: avoid; text-align: center; } figcaption, .figcaption, div.figcaption { margin-top: .1em; margin-bottom: .6em; text-align: justify; } p.single { margin-bottom: 1em; } p.double { margin-bottom: 2em; } p.triple { margin-bottom: 3em; } .ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; } .hidden { display: none; visibility: hidden; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } p:first-child, .first-child, p.first-child, .first, p.first { text-indent: 0.000em; margin-bottom: 0.000em; }