/*
Style Sheet for eBooks@Adelaide web books
Author: Steve Thomas, stephen.thomas@adelaide.edu.au
Version: 2013.08.17
Rights: Public Domain
*/

/* base styles applicable to all media */

body {
    background-color: #fff;
    color: #000;
    font-family: 'Roboto Slab', 'Lucida Grande', Verdana, sans-serif;
    max-width: 33em;
    font-weight: 400;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
}

#main-wrapper {
    background: #fff;
}

p a:hover {
    text-decoration: underline
}

p {
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 10px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
}

p:last-child {
    margin-bottom: 0px
}

header, footer, article, nav {
    display: block
}

footer {
    font-size: 13px;
}

@media screen and (orientation: landscape) {
    html {
        background: #fdfdfd url('novel_bg.png') fixed;
    }

    body {
        -moz-box-shadow: 5px 5px 25px 10px #333;
        -webkit-box-shadow: 5px 5px 25px 10px #333;
        box-shadow: 5px 5px 25px 10px #333;
    }
}

@media screen {
    body {
        margin: 1em auto;
        max-width: 33em;
        padding: 3em 4em;
    }
}

@media print {
    body {
        font-size: 11pt;
    }
}

p {
    line-height: 150%;
    margin: 0 auto .2em;
    text-align: justify;
    text-indent: 0;
}

p + p {
    text-indent: 2em;
}

span.first {
    text-indent: 0;
    text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6, div, table {
    margin-bottom: 1em;
}

h1, h2, h3, h4, h5, h6 {
    margin: 1em auto;
    text-align: center;
}

h1, h2, h3, h4 {
    font-weight: bold;
}

h5 em {
    font-variant: normal;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.3em;
    font-family: 'Arvo';
}

h4 {
    font-size: 1.2em;
}

h5, h6 {
    font-size: 1em;
    font-weight: normal;
}

h6 {
    font-style: italic;
}

a, a:link, a:visited {
    color: #000;
    border-bottom: 1px dotted gray;
    text-decoration: none;
}

a:active, a:hover {
    color: red;
}

.header {
    margin-top: 0;
    margin-bottom: 3em;
}

.section .header {
    margin: 0;
}

.header h1, .header h2, .header h3, .header h4, .header h5 {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 1em;
    text-align: center;
}

.header.modern h2, .modern h3, .modern h4, .modern h5, .modern h6 {
    font-weight: normal;
    text-align: left;
}

.header.modern h2 {
    font-size: 200%;
}

.modern h3 {
    font-size: 180%;
    font-family: 'Arvo';
}

.modern h4 {
    font-size: 150%;
}

.modern h5 {
    font-size: 120%;
}

.modern h6 {
    font-size: 110%;
}

.dropcap {
    text-indent: 0;
}

.dropcap:first-letter {
    float: left;
    font-size: 5em;
    line-height: 90%;
    padding-right: 2px;
}

.dropcap img {
    float: left;
}

.clearfix:before, .clearfix:after {
    content: "020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1;
}

article.post {
    position: relative;
}

article.post:after {
    content: "";
    display: block;
    height: 4px;
}

article.post img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
}

.pure-button {
    /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*csslint outline-none:false*/

.pure-button {
    font-family: inherit;
    font-size: 100%;
    *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.5em 1em;
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    *color: #444; /* IE 6 & 7 */
    border: 1px solid #999; /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.10)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.10));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.10));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.10));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.10));
}

.pure-button:focus {
    outline: 0;
}

.pure-button-active,
.pure-button:active {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.20) inset;
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
    border: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter: alpha(opacity=40);
    -khtml-opacity: 0.40;
    -moz-opacity: 0.40;
    opacity: 0.40;
    cursor: not-allowed;
    box-shadow: none;
}

.pure-button-hidden {
    display: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.pure-button-selected,
a.pure-button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
}

.button-green,
.button-orange,
.button-blue {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-green {
    background: rgb(28, 184, 65);
}

.button-orange {
    background: rgb(223, 117, 20);
}

.button-blue {
    background: rgb(66, 184, 221);
}

.button_orange {
    -moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23', GradientType=0);
    background-color: #ffec64;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ffaa22;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 32px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffee66;
}

.button_orange:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
    background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64', GradientType=0);
    background-color: #ffab23;
}

.button_orange:active {
    position: relative;
    top: 1px;
}

.button_blue {
    -moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    box-shadow: inset 0px 1px 0px 0px #97c4fe;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
    background: -moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0', GradientType=0);
    background-color: #3d94f6;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #337fed;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 32px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #1570cd;
}

.button_blue:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
    background: -moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background: -webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background: -o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background: -ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background: linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6', GradientType=0);
    background-color: #1e62d0;
}

.button_blue:active {
    position: relative;
    top: 1px;
}

.centeredDiv {
    margin: 0 auto;
    width: 80%;
}

/* Styles specific to screen display */

@media screen {
    .dochead {
        clear: both;
        margin-top: 1em;
        margin-bottom: 1em;
        padding-bottom: 1em;
    }

    .dochead {
        border-bottom: 1px solid gray;
        margin: 0 0 1em 0 !important;
        text-align: center !important;
    }

    .dochead h1 {
        color: gray;
        font-family: Helvetica, Verdana, sans-serif;
        font-size: 1em;
        font-style: normal;
        font-weight: normal;
        margin: 0 !important;
    }

    .dochead h2 {
        color: gray;
        font-family: Helvetica, Verdana, sans-serif;
        font-size: 1em;
        font-style: normal;
        font-weight: normal;
    }

    .docfoot {
        color: #333;
        font-family: Tahoma, sans-serif;
        margin-top: 1em;
        margin-bottom: 4px;
        text-align: center !important;
    }

    .docfoot p {
        font-size: 9px;
        text-align: center !important;
        text-indent: 0;
        border-top: 1px solid gray;
    }

    .docfoot p a {
        text-decoration: none;
    }

    .docfoot p a:hover {
        color: #f00;
        text-decoration: underline;
    }

    .paginate {
        display: block;
        width: 100%;
        font-size: 0.7em;
        padding: 9px 8px;
        background: #373943;
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;
    }

    .paginate li {
        font-weight: bold;
        float: left;
        margin: 0;
        list-style: none;
    }

    .paginate li a {
        display: block;
        color: #5ea25a;
        text-decoration: none;
        padding: 9px 12px;
        margin-right: 6px;
        border-radius: 16px;
        background: #fff;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .paginate li a:hover {
        color: #4f664e;
        background: #c9dec8;
    }

    .paginate li a:active {
        -webkit-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, .55);
        -moz-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, .55);
        box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, .55);
    }

    .paginate li.navpage a {
        padding: 9px 13px;
        background: #c8eac6;
        color: #4f664e;
    }

    .paginate li.navpage a:hover {
        color: #414e40;
        background: #a4c6a2;
    }

    .paginate li.current {
        background: #505362;
    }

    .paginate li.single, .paginate li.current {
        display: block;
        float: left;
        padding: 9px 12px;
        margin-right: 6px;
        border-radius: 16px;
        color: #fff;
        font-weight: normal;
    }

    #portrait-wrap {
        overflow: hidden;
        margin: 0 auto 10px;
        position: relative;
    }

    img.portrait {
        max-width: 100%;
        display: block;
        margin: auto;
        height: auto;
    }

    #head {
        padding-right: 80px;
        padding-left: 80px;
        alignment-adjust: central;
    }
}

/* media screen */

/* iPhone */

@media screen and (max-device-width: 320px) {
    html {
        background-color: #fff;
        background-image: none !important;
    }

    body {
        -webkit-text-size-adjust: 300%;
        background-image: none !important;
        font-family: Helvetica, Arial, Verdana, sans-serif;
        max-width: 100% !important;
        padding: 0 1em !important;
        width: 100% !important;
    }
}

@media screen and (max-device-width: 480px) {
    html {
        background-color: #fff;
        background-image: none !important;
    }

    body {
        -webkit-text-size-adjust: 250%; /* (480/320)x300 */
        background-image: none !important;
        font-family: Helvetica, Arial, Verdana, sans-serif;
        max-width: 100% !important;
        padding: 0 1em !important;
        width: 100% !important;
    }
}

/* iPad */

@media screen and (orientation: portrait) and (max-device-width: 768px) {
    html {
        background-color: #fff;
        background-image: none !important;
    }

    body {
        font-size: 150%;
        background-color: #fff;
        max-width: 100% !important;
    }
}

/* PRINT STYLES */

@media print {
    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
    }

    .paginate {
        display: none;
    }
}

.xad {
	width: 100%;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: center;
}