* {
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
         -o-backface-visibility: hidden;
            backface-visibility: hidden;
}

body,html {
    overflow:hidden;
    background-color: black;
    width:100%;
    height:100%;
}

#background {
    background-color:white;
}

.layer {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;

}

img {
    left:0;
    top:0;
    position:absolute;
}

img.fade {
    -webkit-opacity:0;
       -moz-opacity:0;
         -o-opacity:0;
            opacity:0;
}

img.noFade {
    -webkit-opacity:1;
       -moz-opacity:1;
         -o-opacity:1;
            opacity:1;
}



.subtitle {
    position:absolute;
    left:480px;/*50%;*/
    top:270px;/*50%;*/
    text-align:center;
    background-color:#fbf9c8;
    color:black;
    font-size:11px;
    font-family:'Lucida Grande';
    margin:0;
    padding:2px 1px 3px 1px;
    border:1px rgba(0,0,0,0.25) solid;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.25);
    cursor: default;

    max-width:250px;
    text-align:left;
}


#counter {
    position:absolute;
    top:10px;
    left:10px;
    background-color:white;
    color:black;
    font-size:15px;
    font-family: monospace;
    padding:4px;
    display:none;
}


#fullscreen {
    position:absolute;
    left:10px;
    top:10px;
}