/* Structural */

body{
}

.grid {
    width: 100%;
    border-collapse: collapse;
}

.flip-left-top, .flip-right-top{
    width: 10%;
    background-color: #007;
    font-size: 48pt;
    vertical-align: top;
    text-align: center;
    border-width: 0px;
}

.flip-left-bottom, .flip-right-bottom{
    width: 10%;
    background-color: #007;
    font-size: 48pt;
    vertical-align: bottom;
    text-align: center;
    border-width: 0px;
}

.cover-vertical{
    padding: 8pt;
}

.pages-vertical{
    padding: 8pt;
}

.cover-page{
    background-color: #007;
    border: solid 1px #678;
    padding-top: 24pt;
    padding-bottom: 200pt;
    padding-left: 24pt;
    padding-right: 24pt;
}

.inside-page{
    background-color: #fff;
    border: solid 1px #678;
    padding-top: 24pt;
    padding-bottom: 200pt;
    padding-left: 90pt;
    padding-right: 90pt;
}

a:link {
    color: #0000FF;
    text-decoration: none;
}

a:visited {
    color: #0077AA;
    text-decoration: none;
}

a:hover {
    color: #FF0000;
    text-decoration: none;
}

a:active {
    color: #CC0000;
    text-decoration: none;
}


/* Style */
.cover {
}

.pages {
    background-color: #fff;
}

.front-title {
    color: #abc;
    font-size: 48pt;
    text-align: center;
    margin-top: 128pt;
    margin-bottom: 32pt;
}

.front-subtitle {
    color: #89a;
    font-size: 22pt;
    font-style: italic;
    text-align: center;
    margin-bottom: 32pt;
}

.front-author {
    color: #abc;
    font-size: 32pt;
    text-align: center;
    margin-bottom: 32pt;
}

.back-teaser {
    width: 75%;
    padding: 18pt;
    color: #eea;
    font-size: 20pt;
    font-style: italic;
    font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
    margin-top: 128pt;
    margin-bottom: 32pt;
    border-top: 1px solid #678;
    border-bottom: 1px solid #678;
}

.back-main {
    width: 75%;
    padding: 18pt;
    color: #bcd;
    font-size: 16pt;
    font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
    margin-bottom: 32pt;
    border-bottom: 1px solid #678;
}

.back-sub {
    width: 75%;
    padding: 18pt;
    color: #abc;
    font-size: 16pt;
    font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
    margin-bottom: 32pt;
    border-bottom: 1px solid #678;
}

.back-bio {
    width: 55%;
    padding: 16pt;
    color: #abc;
    font-size: 16pt;
    font-style: italic;
    font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
    margin-bottom: 32pt;
}

h1{
    color: #456;
    font-size: 24pt;
    text-align: center;
    margin-top: 32pt;
    margin-bottom: 32pt;
}

h2{
    color: #456;
    font-size: 18pt;
    margin-top: 48pt;
    margin-bottom: 32pt;
}

h3{
    font-family: "Arial", "Helvetica", sans-serif;
    font-weight: normal;
    color: #456;
    font-size: 14pt;
    margin-top: 32pt;
    margin-bottom: 16pt;
}

.chapters{
    font-size: 16pt;
    margin-top: 64pt;
}

.body-text{
    font-family: "Georgia", "Times", "Times New Roman", serif;
    font-size: 14pt;
    margin-top: 32pt;
}

.light-box {
    border: 1px solid #777;
    margin-top: 24pt;
    margin-bottom: 24pt;
    margin-left: 0pt;
    margin-right: 0pt;
    padding: 16pt;
}

.center {
    text-align: center;
}

.attribution{
    margin-top: 5pt;
    text-align: right;
}

.chapter-description{
    font-size: 12pt;
    font-style: italic;
    margin-left: 10pt;
    padding-left: 10pt;
    border-left: 1px solid #678;
}

.blueprint {
    font-family: "Courier", "Courier-New", monospace;
    font-size: 12pt;
}

.midline {
    border-top: 1px solid #777;
    height: 1px;
    width: 33%;
}

li {
    margin-bottom: 8pt;
}