/* Table of Contents styles */
body#toc {
    background-color: black;
    color: #C0AA8A;
    font-family: sans-serif;
}

body#toc a:link {
    color: #686685;
    text-decoration: none;
}

body#toc a:visited {
    color: #686685;
    text-decoration: none;
}

body#toc a:hover {
    color: #5C8074;
    text-decoration: none;
}

body#toc a:active {
    color: #5C8074;
    text-decoration: none;
}

body#toc div#cover {
    margin-top: 2em;
    text-align: center;
    font-family: serif;
    font-size: xx-large;
}

body#toc div#content {
    text-align: center;
    margin-bottom: 4em;
}

body#toc div#content dt {
    font-size: x-large;
    font-family: serif;
    margin-top: 2em;
}

body#toc div#content dd {
    margin-top: 1em;
    margin-bottom: 1em;
}

body#toc div#content img.volume-icon {
    margin: 0.1em 0.4em 0.2em 0.1em;
    vertical-align: middle;
}

/* Book 1 styles */
body#about {
    background-color: black;
    color: #C0AA8A;
    font-family: sans-serif;
}

body#about a:link {
    color: #686685;
    text-decoration: none;
}

body#about a:visited {
    color: #686685;
    text-decoration: none;
}

body#about a:hover {
    color: #5C8074;
    text-decoration: none;
}

body#about a:active {
    color: #5C8074;
    text-decoration: none;
}

body#about div#navigation {
    background-color: #131030;
    color: #8EB2AF;
    width: 26em;
    display: inline-block;
    margin: 0 0 0 0.5em;
    padding: 0 0 0 1em;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    -webkit-border-top-left-radius: 1em;
    -webkit-border-bottom-left-radius: 1em;
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomleft: 1em;
    float: right;
}

body#about div#navigation img#wiz {
    margin: 0 0 0 0;
    border-width: 0 0 0 0;
    padding: 0.5em 0 0 0.5em;
    vertical-align: bottom;
    max-width: 18em;
    max-height: 18em;
    width: auto;
    height: auto;
    float: right;
}

body#about div#navigation div#navigation-title {
    text-align: center;
    font-size: medium;
    font-family: serif;
    margin: 1em 0.5em 0.5em 0.5em;
}

body#about div#navigation div.navigation-item {
    font-size: x-small;
    margin: 0.3em 0 0 0;
}

body#about div#navigation div.navigation-item a:link {
    color: #A69FC1;
}

body#about div#navigation div.navigation-item a:visited {
    color: #A69FC1;
}

body#about div#navigation div.navigation-item a:hover {
    color: #8EB2AF;
}

body#about div#navigation div.navigation-item a:active {
    color: #8EB2AF;
}

body#about div#cover {
    margin-top: 2em;
    text-align: center;
    font-family: serif;
    font-size: xx-large;
}

body#about div#content {
    margin: 3em 1em 1em 1em;
}

body#about h1 {
    font-family: serif;
    color: #5C8074;
}

body#about h2 {
    font-family: serif;
}

body#about h3 {
    font-family: serif;
}

body#about h4 {
    font-family: serif;
}

body#about h5 {
    font-family: serif;
}

body#about h6 {
    font-family: serif;
}

body#about div#content p {
    text-indent: 3em;
}

body#about div#content p.first-p:first-letter {
    font-family: serif;
    font-size: xx-large;
}

body#about div.section {
    margin-top: 4em;
}

body#about img#elf {
    float: left;
}

/* Forum styles */
body#forum {
    background-color: white;
    color: #131516;
    font-family: sans-serif;
}

body#forum a:link {
    color: #64533B;
    text-decoration: none;
}

body#forum a:visited {
    color: #64533B;
    text-decoration: none;
}

body#forum a:hover {
    color: #2F2D45;
    text-decoration: none;
}

body#forum a:active {
    color: #2F2D45;
    text-decoration: none;
}

body#forum h1 {
    font-family: serif;
}

body#forum h2 {
    font-family: serif;
}

body#forum h3 {
    font-family: serif;
}

body#forum h4 {
    font-family: serif;
}

body#forum h5 {
    font-family: serif;
}

body#forum h6 {
    font-family: serif;
}

body#forum div#content {
    padding: 1em 1em 1em 1em;
}

body#forum div#navigation {
    background-color: #2F2D45;
    color: #8EB2AF;
    width: 26em;
    display: inline-block;
    margin: 0 0 0 0.5em;
    padding: 0 0 0 1em;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    -webkit-border-top-left-radius: 1em;
    -webkit-border-bottom-left-radius: 1em;
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomleft: 1em;
    float: right;
}

body#forum div#navigation img#wiz {
    margin: 0 0 0 0;
    border-width: 0 0 0 0;
    padding: 0.5em 0 0 0.5em;
    vertical-align: bottom;
    float: right;
    max-width: 18em;
    max-height: 18em;
    width: auto;
    height: auto;
    float: right;
}

body#forum div#navigation div#navigation-title {
    text-align: center;
    font-size: medium;
    font-family: serif;
    margin: 1em 0.5em 0.5em 0.5em;
}

body#forum div#navigation div.navigation-item {
    font-size: x-small;
    margin: 0.3em 0 0 0;
}

body#forum div#navigation div.navigation-item a:link {
    color: #A69FC1;
}

body#forum div#navigation div.navigation-item a:visited {
    color: #A69FC1;
}

body#forum div#navigation div.navigation-item a:hover {
    color: #8EB2AF;
}

body#forum div#navigation div.navigation-item a:active {
    color: #8EB2AF;
}

body#forum iframe {
    width: 100%;
    height: 250em;
    border-width: 0;
}

body#forum dl#forums {
    margin-left: 2em;
}

body#forum dl#forums dt {
    margin-top: 1.2em;
}

body#forum div.forum-topic {
    margin: 0.2em 0 0 0;
}

body#forum div.forum-topic span.forum-topic-posts {
    font-size: small;
    margin: 0 0 0 1em;
}

body#forum div.forum-post {
    margin: 1em 1em 2em 1em;
}

body#forum div.forum-post-meta {
    background-color: #5C8074;
    padding: 0.5em 0.5em 0.5em 0.5em;
    color: floralwhite;
    height: auto;
    overflow: auto;
}

body#forum div.forum-post-meta a:link {
    color: floralwhite;
}

body#forum div.forum-post-meta a:visited {
    color: floralwhite;
}

body#forum div.forum-post-meta a:hover {
    color: floralwhite;
}

body#forum div.forum-post-meta a:active {
    color: floralwhite;
}

body#forum div.forum-post-meta img.forum-post-meta-avatar {
    margin: 0 0 0 0;
    border-width: 0 0 0 0;
    padding: 0.2em 1em 0.2em 0.2em;
    float: left;
    max-width: 6em;
    max-height: 6em;
    width: auto;
    height: auto;
}

body#forum div.forum-post-meta span.forum-post-meta-author-username {
    font-weight: bold;
}

body#forum div.forum-post-meta span.forum-post-meta-author-postcount {
    font-size: small;
}

body#forum div.forum-post-meta span.forum-post-meta-author-postcount {
    padding-left: 1em;
}

body#forum div.forum-post-body {
    padding: 0.5em 0.5em 0.5em 0.5em;
}

body#forum div.forum-post-content {
    padding: 0 0 0.5em 0;
}

body#forum div.forum-post-signature {
    border-top-style: dashed;
    border-top-width: thin;
    border-top-color: #131516;
    padding: 0.2em 0 0 0;
}

body#forum div.forum-post-body blockquote {
    border-style: dotted;
    border-width: thin;
    border-color: #2F2D45;
}

body#forum div.forum-post-body div.codebox {
    border-style: dotted;
    border-width: thin;
    border-color: #2F2D45;
    font-family: monospace;
    font-size: small;
}

body#forum div.forum-post-body div.codebox p {
    /* Dumb hack to remove the "Select all" from phpBB code blocks until this gets removed in a transform step. */
    display: none;
}

/* Color references (not used in pages) */
.color-primary-0 { color: #64533B }	/* Main Primary color */
.color-primary-1 { color: #C0AA8A }
.color-primary-2 { color: #978261 }
.color-primary-3 { color: #5B4524 }
.color-primary-4 { color: #453010 }

.color-secondary-1-0 { color: #2F2D45 }	/* Main Secondary color (1) */
.color-secondary-1-1 { color: #686685 }
.color-secondary-1-2 { color: #4B4969 }
.color-secondary-1-3 { color: #211E3F }
.color-secondary-1-4 { color: #131030 }

.color-secondary-2-0 { color: #27423A }	/* Main Secondary color (2) */
.color-secondary-2-1 { color: #5C8074 }
.color-secondary-2-2 { color: #406559 }
.color-secondary-2-3 { color: #183C30 }
.color-secondary-2-4 { color: #0B2E22 }