@import url("galleriffic11.css");
@import url("basic-jquery-slider.css");
@import url("tipTip.css");
@import url("annotator.min.css");
@import url("yuma/yuma.min.css");

@font-face{
    font-family:'Enriqueta';
    src:url('webfonts/Enriqueta-Regular-webfont.eot');
    src:url('webfonts/Enriqueta-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Enriqueta-Regular-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'JunicodeRegular';
    src:url('webfonts/junicode-webfont-mod.eot');
    src:url('webfonts/junicode-webfont-mod.eot?#iefix') format('embedded-opentype'), url('webfonts/junicode-webfont-mod.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}

@font-face{
    font-family:'Arvo';
    src:url('webfonts/Arvo-Regular-webfont.eot');
    src:url('webfonts/Arvo-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Arvo-Regular-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}

@media screen, print{
/*@import url("smoothness/jquery-ui-1.8.18.custom.css");*/

/*@import url(http://fonts.googleapis.com/css?family=Enriqueta:400&subset=latin,latin-ext);*/

/*there are two paths you can go by but in th long run ... */
/*it's still time to change the road you're on*/
/*either subfolder url('webfonts/junicode-webfont-mod.eot') or webfolder url('http://kewerner.name/webfonts/junicode-webfont-mod.eot') is ok*/
/*there are two variants fo Junicode: "junicode-webfont-mod..." and "junicode-webfont..." the -mod font has been modified to adapt the XHeight of Georgia, plus em-square of 2348. Font-Squirel tool at http://www.fontsquirrel.com/fontface/generator */


    body{
        /*    background-image:url('bug.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:100% 98%;
*/
        background-color:white;
        background:white url(../images/gradientTop.png) repeat-x top left;
        background-attachment:fixed;
    }

    .fancybox-custom .fancybox-outer{
        box-shadow:0 0 50px #222;
    }
    a.sequiturTop,
    a.sequiturBottom{
        color:gray;
        text-decoration:none;
        line-height:2em;
        display:block;
        text-align:center;
        width:100%;
    }
    a.sequiturTop:hover,
    a.sequiturBottom:hover{
        color:black;
    }
    a.sequiturTop{
        padding-bottom:1em;
    }
    a.sequiturBottom{
        padding-top:1em;
        padding-bottom:1em;
    }
    .secondary{
        color:gray
    }
    object,
    img.figure{
        display:block;
        font-size:80%;
        text-align:center;
        min-height:4em;
        margin:0;
    }
    object{
        width:90%;
        min-height:4em;
    }

    span.yuma-create{
        /* float:left;*/ /*this line blocks the whole site from loading - incredible ...*/
        /*margin-left: auto;
    margin-right:auto;*/
        margin-top:0.5em;
        margin-bottom:1em;
    }
    span.yuma-create img{
        text-align:center;
        margin-left:auto;
        margin-right:auto;
        padding:0.5em;
        border:thin solid rgb(200, 200, 200);
        -webkit-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.5);
        -moz-box-shadow:0 0 0.5em rgba(0, 0, 0, 0.5);
        box-shadow:0 0 0.5em rgba(0, 0, 0, 0.5);
    }
    span.yuma-create,
    img.yuma{
        display:list-item; /*only "list-item" avoids that images are cut in two when columns break AND preserves centering*/
        float:inside;
        text-wrap:none;
        white-space:nowrap;
        overflow-x:auto;
        text-align:center;
    }
    span.yuma-create img:hover{
        border:thin solid rgb(100, 100, 100);
        -webkit-box-shadow:inset 0 0 1em rgba(255, 255, 10, 0.9);
        -moz-box-shadow:inset 0 0 1em rgba(255, 255, 10, 0.9);
        box-shadow:inset 0 0 1em rgba(255, 255, 10, 0.9);
    }

    strong{
        font-weight:400;
        letter-spacing:0.1em
    }

    /*a[rel = button]{
                height:1.5em;
                color:white;
                display:inline-block;
                text-indent:0;
                text-align:center;
                min-width:2em;
                padding-left:0.3em;
                padding-right:0.3em;
                padding-bottom:0.1em;
                white-space:nowrap;
                text-decoration:none;
                vertical-align:-0.2em;
                white-space:nowrap;
                -webkit-box-shadow:0 1px 3px #000, 0001pxrgba(0, 0, 0, .7), inset0001pxrgba(255, 255, 255, .05);
                -moz-box-shadow:0 1px 3px #000, 0001pxrgba(0, 0, 0, .7), inset0001pxrgba(255, 255, 255, .05);
                background:gray -webkit-gradient(linear, 0%0%, 0%100%, from(rgba(255, 255, 255, .2)), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.5, rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .15)));
                background:gray -moz-linear-gradient(top, rgba(255, 255, 255, .2)0%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .1)50%, rgba(255, 255, 255, .15)100%);
                border-radius:3px;
            }*/
    h1,
    h2,
    h3,
    h4,
    h5{
        padding-top:2em;
    }

    div.wide h3{
        padding-top:0;
    }
    p.mcol3{
        -moz-column-count:3;
        -moz-column-gap:4em;
        -moz-column-width:360px; /*20em instead of 300px would be perfect, but we have to get the annotated images inside */
        -webkit-column-count:3; /*effectively, it is the MINIMUM column width*/
        -webkit-column-gap:4em;
        -webkit-column-width:360px; /* see above */
        column-count:3;
        column-gap:4em;
        column-width:360px; /* see above */
    }
    p.mcol2{
        margin-bottom:1em;
        text-indent:0;
        -moz-column-count:2;
        -moz-column-gap:4em;
        -moz-column-width:360px; /* see above */
        -webkit-column-count:2;
        -webkit-column-gap:4em;
        -webkit-column-width:360px; /* see above */
        column-count:2;
        column-gap:4em;
        column-width:360px; /* see above */
    }
    html{
        height:100%;
    }
    figcaption{
        display:inline-block;
        white-space:normal;
        word-wrap:normal;
        vertical-align:bottom;
    }
    ins.note{
        padding-left:0.25em;
        padding-right:0.25em;
        text-decoration:none;
        color:gray;
    }
    a[rel = button]{
        color:gray;
        display:inline-block;
        text-indent:0;
        text-align:center;
        min-width:2em;
        padding-left:0.3em;
        padding-right:0.3em;
        white-space:nowrap;
        text-decoration:none;
        /*
                height:1.5em;
                padding-bottom:0.1em;
                vertical-align:-0.2em;
                -webkit-box-shadow:0 1px 3px #000, 0001pxrgba(0, 0, 0, .7), inset0001pxrgba(255, 255, 255, .05);
                -moz-box-shadow:0 1px 3px #000, 0001pxrgba(0, 0, 0, .7), inset0001pxrgba(255, 255, 255, .05);
                background:gray -webkit-gradient(linear, 0%0%, 0%100%, from(rgba(255, 255, 255, .2)), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.5, rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .15)));
                background:gray -moz-linear-gradient(top, rgba(255, 255, 255, .2)0%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .1)50%, rgba(255, 255, 255, .15)100%);
                border-radius:3px;
*/
    }
    body{
        height:99%;
        font-size:85%;
        padding-left:23em;
        padding-right:4em;
        line-height:1.5;
        /*    margin:10px;*/
    }
    h3{
        font-size:155%
    }
    h2{
        font-size:140%
    }
    h3{
        font-size:125%
    }
    h4{
        font-size:115%
    }
    h5{
        font-size:110%
    }
    #___plusone_0{
        display:block;
        position:fixed;
        bottom:20px;
        left:30px;
    }
    .placeholder{
        float:left;
        margin-left:0.3em;
        margin-right:2em;
        margin-top:1.5em;
        margin-bottom:1em;
        padding:1em;
        min-width:6em;
        min-height:4em;
        border-radius:6px;
        box-shadow:0px 0px 3px 3px rgba(100, 100, 100, 0.3);
    }
    span.corr{
        text-decoration:underline
    }

    a,
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    object,
    div,
    span{
        font-family:Enriqueta, JunicodeRegular, serif;
        font-weight:normal;
    }
    /* alternatives are:
Serif:
family=Buenard:400,700               font-size: 90%
family=Inika:400,700
family=Enriqueta:400,700             font-size: 85%   ****
family=Gentium+Book+Basic:400,700
family=Cardo:400,700                                  extended range

Sans Serif:
family=Exo:300,400,700                                ****
family=Inder:400                     font-size: 80%   **** 
family=Exo:400,700
family=Roboto:400,700
family=Signika:400,700

Cursive:
family=Euphoria+Script
*/
    table{
        font-size:100%;
    }
    /*p{
    text-indent:20px;
}
p:first-child,
li p{
    text-indent:0px;
}
*/
    /*li:before{
    display:block;
    font-style:italic;
    content:attr(title);
}
*/ /*li{
    list-style-type:circle;
}*/
    dl{
        padding-left:1.5em;
    }
    div#fancybox-buttons li{
        list-style-type:none
    }
    div#fancybox-buttons li:before{
        display:none
    }
    div.tabs-inner{
        max-height:920px;
        overflow-y:scroll;
        margin-top:1em;
    }
    ins.record{
        text-decoration:none;
        padding-left:2.5em;
    }
    li{
        list-style-type:circle;
    }
    ul{
        margin-left:0em;
    }
    td{
        vertical-align:top;
        /*    padding-bottom:1em; */
    }
    a[type = ref]{
        text-decoration:none;
        color:gray;
    }
    p{
        margin-bottom:0em;
        margin-top:0em;
        /*    text-align:justify;
    text-align-last:left; */
        font-size-adjust:0.56;
    }
    .level2{
        margin-left:0em
    }
    .level2{
        margin-left:1em
    }
    .level3{
        margin-left:2em
    }
    .level4{
        margin-left:3em
    }
    .level5{
        margin-left:4em
    }
    .level6{
        margin-left:5em
    }
    .level7{
        margin-left:6em
    }
    a[type = toc]{
        text-decoration:none;
        color:black;
        float:right;
    }
    /*a[type = ref],
a[rel = button]{
    padding-left:0.3em;
    padding-right:0.3em;
    padding-top:0.1em;
    padding-bottom:0.2em;
    border-radius:6px;
    border:thin solid white;
}
*/
    a[type = ref],
    a[rel = button]{
        color:gray;
    }
    td.navigation{
        position:absolute;
        top:140px;
        width:180px;
        max-height:95%;
    }
    div.annotation-container{
        display:block;
        /*    position:absolute;
    top:400px;
    width:200px;
    right:50px;
    float:left;
*/
    }
    td.navigation{
        font-size:80%;
    }
    aside{
        font-style:italic;
        border:thin dashed gray;
        padding:2em;
        margin-top:2em;
        margin-bottom:2em;
    }
    div.hidebox{
        font-size:95%;
        margin-bottom:1em;
    }
    div.hidebox > a{
        display:block;
        max-height:2em;
        width:17.5em;
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
        margin-bottom:0.3em;
    }
    p.secondary{
        color:gray
    }
    p.primary{
        color:black
    }
    p.trigger:hover{
        color:black;
        cursor:pointer;
    }
    /*.sequiturTop{
    cursor:n-resize;
}
.sequiturBottom{
    cursor:s-resize;
}
*/
    .button{
        cursor:all-scroll;
    }
    /*.yuma-create{cursor:context-menu;}*/
    .yuma-create{
        cursor:url('annotator.png'), context-menu;
    }
    div.wide{
        position:fixed;
        left:23.7em;
        right:3em;
        top:7.5em;
        background-color:white;
        padding:2em;
        border:thin dotted gray;
        outline:1em solid rgba(255, 255, 255, 0.6);
        box-shadow:0px 0px 3px 3px rgba(100, 100, 100, 0.3);
        z-index:1000;
        max-height:85%;
        overflow:auto;
    }
    q{
        quotes:"»" "«";
    }
    .navigation a{
        text-decoration:none;
    }
    div.scans{
        margin-top:1em;
    }
    div.bottom{
        height:4em;
        padding-top:1em;
    }
    td.navigation > ul > li > ul{
        padding-left:1.3em;
    }
    #lazyLoad{
        overflow-y:scroll;
        /*changed from height: 760px*/ /*ATT Height of Viewport!!!!!!*/
    }
    div.tabs-inner{
        padding-right:6em;
    }
    td.text{
        padding-left:4em;
    }
    table{
        width:100%;
    }
    em{
        letter-spacing:0.25em;
        font-style:normal
    }
    cite{
        font-style:italic
    }
    a.thumb img{
        width:75px;
        height:100px
    }
    img.fullsize{
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    .advance-link img{
        /*border-radius:18px;*/
        box-shadow:0px 0px 6px 6px rgba(100, 100, 100, 0.3);
    }
    td.hidden{
        display:none;
        visibility:hidden;
    }
    col.position{
        width:40px;
        padding:0
    }
    .tabs-inner td{
        padding-left:2em;
        padding-right:2em
    }
    td:first-child{
        padding:0;
    }
    h2 span.note{
        font-size:70%;
    }
    table.translation{
        border-collapse:collapse;
    }
    table.translation td{
        padding-bottom:2em
    }
    nav{
        position:fixed;
                left:2.5em;
        top:5.5em;
        width:18em;
        border-right:2px groove lightgrey;
        bottom: 0em;
        overflow:auto;
    }
    nav a{
        text-decoration:none;
        color:gray;
    }
    div.hidebox a:hover{
        color:black
    }
    div.hidebox a:before{
        content:'▹   ';
    }
    div.hidebox a:hover:before{
        content:'▸   ';
    }
    nav hr{
        margin-right:2.5em;
    }
    nav p{
        text-indent:0;
        margin-right:2.5em;
        margin-left:0;
        margin-bottom:1em;
        padding:0;
        display:block;
    }
    nav *{
        font-family:Arvo, sans-serif;
    }
    ul.tabNavigation{
        -webkit-margin-before:0em;
        -webkit-margin-start:0px;
        -webkit-padding-start:0px;
        padding-right:5em;
        width:7em;
    }
    ul.tabNavigation li{
        list-style-type:none;
        line-height:225%;
    }
    ul.tabNavigation li a.selected,
    ul.tabNavigation li a:hover{
        color:black;
    }
}
@media print{
    a[rel = button]{
        page-break-after:always;
        page-break-inside:avoid;
    }
    nav,
    nav *,
    div.annotator-filter,
    div.annotator-notice,
    a.sequiturBottom,
    a.sequiturTop{
        display:none;
        visibility:hidden;
    }
    body{
        padding-left:2em
    }
}


/*Code for the popups:*/

/*
div.annotator-outer, div.annotator-viewer, div.annotator-hide {
    display:block;
    visibility:visible;
}
ul.annotator-widget, ul.annotator-listing {
    display:block;
    visibility:visible;
}
li.annotator-annotation, li.annotator-item div {
    display:block;
    visibility:visible;
}
div.annotator-tags {display:block;
visibility:visible;}
span.annotator-tag {display:block;
visibility:visible;}
div.annotator-user {display:block;
visibility:visible;}
*/