@charset "UTF-8";
/*
blog stuff
 */
.contentfield {
    height: 400px;
}
.prevnext {
        float:left;
        margin-left:20px;
        text-decoration: none;
}
.next {
        float:right;
        margin-right: 20px;
}

.floatright {
        float:right;
        margin: 5px 25px 5px 25px;
}
.floatleft {
        float:left;
        margin: 5px 25px 5px 0px;
}
.pages {
       margin: 0px 0px 0px 0px;
       padding: 0 0 15px 0;
       text-align: center;
       bottom: 80px;
}

.pages a {
       text-decoration: none;
       /*background-color: #996d8f;*/
       background-color: #DBF0F5;
       padding: 3px 5px 3px 5px;
       color: #222222;
       border: solid 1px black;
/*     border-radius: 3px; */
/*     -webkit-border-radius: 3px; */
/*     -moz-border-radius: 3px; */

}
.pages a:hover {
       background-color: #ABD4D4;
}
.pages a:active {
       background-color: #92a2a2;
}
.date {

      font-size: 0.8em;
/*    padding: 0px 0px 0px 5px; */
/*    margin: 5px 0px 15px 0px; */
      color: #92a2a2;
}

.result {
    display: none;
    margin-top: 5px;
    padding: 2px;
    border: solid 1px #005371;
}

img {
    border-radius: 6px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.current_page {
        background-color: #92a2a2 !important;
}

.subblog {
    display:inline;
    position:relative;
}

.title {
    margin:7px;
    float: left;
    font-size: 1.5em;
}


@media only screen and (max-width: 980px), only print {

    .pages a {
           text-decoration: none;
           background-color: #996d8f;
           padding: 3px 8px 3px 8px;
           font-size: 1.2em;
           line-height: 1.5em;
           color: #fff;
           border: solid 1px black;
    }
/*     hack    */
    .submenu {
/*         display: none; */
    }
    nav li ul {
/*
        position: relative !important;
        display: block !important;
 */
    }
    .toggle-canvas {
        display: block;
    }
    ul li {
      line-height: 1.8em;
    }
    .fancybox2 img{
      width:100%;
    }
    .content img {
      overflow: scroll;
        width:100%;
    }
    .floatleft {
            float:left;
            margin: 5px 5px 5px 5px;
    }
}