/* font import and assign */
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=a98f2d97-220e-42a8-a8e2-a53db6bbb4cb");
@font-face{
font-family:"Museo W01 700";
src:url("Fonts/3b3d99a2-6b36-4912-a93e-29277020a5cf.eot?#iefix");
src:url("Fonts/3b3d99a2-6b36-4912-a93e-29277020a5cf.eot?#iefix") format("eot"),url("Fonts/28d74e9b-4ea9-4e3c-b265-c67a72c66856.woff") format("woff"),url("Fonts/b432b4e1-014a-4ed8-865c-249744f856b0.ttf") format("truetype"),url("Fonts/8e63fd1e-adc9-460e-9ef7-bbf98ee32a71.svg#8e63fd1e-adc9-460e-9ef7-bbf98ee32a71") format("svg");
}
@font-face{
font-family:"Museo W01 300";
src:url("Fonts/33e3dd38-a7c3-4a78-9660-90a0e7406419.eot?#iefix");
src:url("Fonts/33e3dd38-a7c3-4a78-9660-90a0e7406419.eot?#iefix") format("eot"),url("Fonts/827f2f08-a8d3-40b2-9795-927b59905269.woff") format("woff"),url("Fonts/92143848-9290-4516-80fc-ebf83b053307.ttf") format("truetype"),url("Fonts/b0d9d7a5-5c5b-439c-afa5-2c875dcf8ea2.svg#b0d9d7a5-5c5b-439c-afa5-2c875dcf8ea2") format("svg");
}
@font-face{
font-family:"Museo Sans W01 300";
src:url("Fonts/fd479df2-01b0-4e3a-a411-915c477f1352.eot?#iefix");
src:url("Fonts/fd479df2-01b0-4e3a-a411-915c477f1352.eot?#iefix") format("eot"),url("Fonts/b252d464-65cb-4950-88f7-ac0a1bf79b75.woff") format("woff"),url("Fonts/b3d18117-6517-4d3f-afc1-774086ff5fc1.ttf") format("truetype"),url("Fonts/b9bed509-0816-43d8-b14b-7525a21f4bde.svg#b9bed509-0816-43d8-b14b-7525a21f4bde") format("svg");
}
@font-face{
font-family:"Museo W01 700 Italic";
src:url("Fonts/af276b07-6043-432e-abd6-85db62b396af.eot?#iefix");
src:url("Fonts/af276b07-6043-432e-abd6-85db62b396af.eot?#iefix") format("eot"),url("Fonts/e971d9dd-4d24-4c3e-b863-898a551d55c9.woff") format("woff"),url("Fonts/06faee15-8303-4a77-9cc7-9b261d10756f.ttf") format("truetype"),url("Fonts/2bbf4242-33e5-4e94-9387-be23695bc758.svg#2bbf4242-33e5-4e94-9387-be23695bc758") format("svg");
}
@font-face{
font-family:"Museo Sans W01 700";
src:url("Fonts/3d0a39cf-115c-4800-9b1e-31c7912abfc2.eot?#iefix");
src:url("Fonts/3d0a39cf-115c-4800-9b1e-31c7912abfc2.eot?#iefix") format("eot"),url("Fonts/eadbb595-a394-48fc-834f-8bf5da15cddf.woff") format("woff"),url("Fonts/9bcba093-b507-4b9b-9c83-303003d3815c.ttf") format("truetype"),url("Fonts/9a2af429-2624-4bd1-a676-8f0eed3e7e31.svg#9a2af429-2624-4bd1-a676-8f0eed3e7e31") format("svg");
}
@font-face{
font-family:"Museo W01 300 Italic";
src:url("Fonts/d46fab59-3c68-4899-b045-b527cc7d3312.eot?#iefix");
src:url("Fonts/d46fab59-3c68-4899-b045-b527cc7d3312.eot?#iefix") format("eot"),url("Fonts/2e952561-3a75-4c68-8074-9e588b2b6b77.woff") format("woff"),url("Fonts/99bb7b87-c828-4fd3-ae5c-4193550fe331.ttf") format("truetype"),url("Fonts/f6b1f01f-4547-4ec6-89bb-45806d850044.svg#f6b1f01f-4547-4ec6-89bb-45806d850044") format("svg");
}

* {
    font-family:"Museo W01 300",Verdana,Arial,sans-serif;
}

strong,h1,h2,h3,h4,h5,h6 {
    font-family:"Museo W01 700",Verdana,Arial,sans-serif;
}

em {
    font-family:"Museo W01 300 Italic",Verdana,Arial,sans-serif;	
}

strong em, em strong, h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
    font-family:"Museo W01 700 Italic",Verdana,Arial,sans-serif;	
}

.clear {
    clear:both;
}



/* basic design elements */
html,body {
    margin:0;
    padding:0;
    overflow:hidden;
}

body {
    background-color:#3D3C3E;
    color:white;
}

a,a:visited {
    text-decoration:none;
    color:#ccc;
}

a:hover {
    color:#999;
}

header {
    background-color:#88868A;
    padding:16px;
}

header img {
    float:left;
}

header span {
    display:block;
    text-align:right;
    font-size:75%;
}

header span strong {
    font-size:125%;
}

nav {
    background-color:#D3D0D6;
    color:#3D3C3E;
    padding:8px 16px;
    font-size:150%;
}

nav .fa {
    display:inline-block;
    border:2px solid #D3D0D6;
    border-radius:4px;
    padding:8px;
}

nav .fa:hover,
nav .active {
    cursor:pointer;
    border-color:white;
    background-color:#88868A;
    color:white;
}

nav .gzdact-separator {
    border-right:2px solid #88868A;
    margin-right:8px;
}

nav .gzdact-currentpage {
    display:inline-block;
    text-align:center;
    min-width:2em;
}

section {
    position:absolute;
    padding:16px;
    width:160px;
    overflow:auto;
    background-color:#88868A;
}

main {
    position:absolute;
    left:192px;
    width:calc(100% - 192px);
    overflow:hidden;
}

main.start {
    width:calc(100% - 208px);
}

footer {
    background-color:#D3D0D6;
    position:fixed;
    padding:8px;
    color:black;
    bottom:0;
    left:0;
    right:0;
}

h2 {
    padding-top:0;
    margin-top:0;
}

input,textarea {
    padding:8px;
    border-radius:8px;
    border:1px solid #D3D0D6;
    font-size:10pt;
}

input#txtauthor {
    width:335px;
}

textarea {
    width:calc(100% - 16px);
    height:100px;
}

input[type=submit] {
    cursor:pointer;
}

/* page functionality */
.pagecontainer {
    position:relative;
}

.pageseparation {
    position:absolute;
    background-size:cover;
    top:0;
    left:0;
}

.pageseparation.substrate {
    position:static;
    background-size:initial !important;;
}

.thumbnail {
    cursor:pointer;
}

.thumbnail .pagecontainer.active {
    box-shadow: 0px 0px 10px 5px rgba(62,73,117,1);
}

.thumbnail .pageno {
    display:block;
    margin:4px 0 8px 0;
}

.separationswitcher {
    margin-bottom:4px;
    cursor:pointer;
    white-space:nowrap;
}

.separationswitcher span {
    margin-right:0.5em;
}

main .pagecontainer  {
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25);
}

main .fa-commenting {
    position:absolute;
    font-size:32px;
    color:#ffa038;
    text-shadow:0px 0px 3px rgba(0,0,0,0.8);
    cursor:pointer;
    margin:-16px 0 0 -16px;
}

.comment.list {
    padding-bottom:8px;
    border-bottom:1px solid #ccc;
    margin-bottom:8px;
    cursor:pointer;
}

.comment.list:hover {
    text-shadow:0px 0px 5px rgba(255,255,255,0.75);
}

.comment author {
    display:block;
    font-style:italic;
}

#zoom {
    position:absolute;
    right:16px;
    bottom:8px;
}

#zoom .fa {
    display:inline-block;
    margin-right:8px;
    cursor:pointer;
    color:#88868A;
}

#zoom .fa:hover,
#zoom .fa.active {
    color:#3D3C3E;   
}

#zoom .fa-file-o.active {
    color:black;
}

.red {
    color:red;
}

/* Overlay */
#overlay {
    position:fixed;
    background:rgba(0,0,0,0.75);
    top:0; left:0; right:0; bottom:0;
}

#modal {
    position:absolute;
    top:calc(50% - 160px);
    left:calc(50% - 240px);
    width:448px;
    height:288px;
    background:white;
    border-radius:8px;
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
    padding:16px;
    color:black;
    overflow:auto;
}

#modalclose {
    position:absolute;
    top:calc(50% - 160px - 16px);
    left:calc(50% + 240px - 16px);
    width:16px;
    height:16px;
    padding:8px;
    background:black;
    color:white;
    text-align:center;
    border-radius:16px;
    box-shadow: 0 0 10px 0px rgba(255,255,255,0.25);
    cursor:pointer;
}

@media only screen and (max-width: 767px) {
    header,#zoom {
        display:none;
    }
    
    nav {
        font-size:100%;
    }
    
    section {
        z-index:255;
    }
    
    main {
        width:100%;
        left:0;
    }
    
    #modal {
        position:absolute;
        top:calc(50% - 150px);
        left:calc(50% - 166px);
        width:300px;
        height:300px;
    }

}