/**
*    Tools: Overlay
**
*    Used on: -> gallery
*
*    David Panzalović (david.panzalovic@3fs.si)
*    @version 1.0
**/

/*    =OVERLAY
-----------------------------------------------------*/
#overlay {
    opacity: 0.53;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*display: none;*/
}

/*    =OVERLAY-IMAGE
-----------------------------------------------------*/
#overlay-image {
    width: 100%;
    height: auto;
    padding: 15px 0 15px 0;
    z-index: 1000;
    position: absolute;
    top: 581px;
    left: 0;
    /*display: none;*/
    overflow: hidden;
}

    /*    =BOX
    -----------------------------------------------------*/
    #overlay-image div {
        margin: 0 auto;
        z-index: 1000;
        width: 32px;
        height: 0px;
        padding: 20px 20px 95px 20px;
        position: relative;
    }

        /*    =IMAGE
        -----------------------------------------------------*/
        #overlay-image p {
            padding: 0 20px 20px 20px;
            position: absolute;
            bottom: 0;
            left: 0;
        }

        #overlay-image div div {
            position: absolute;
            margin: 0;
            padding: 0;
            width: 22px;
            height: 20px;
            z-index: -1;
        }

        #overlay-image div div#left_box {
            left: 0;
            top: 0;
            width: 96.5%;
            height: 80%;
        }

        #overlay-image div div#right_box {
            right: 0;
            top: 0;
            height: 80%;
        }

        #overlay-image div div#bottom_box {
            left: 0;
            bottom: 0;
            height: 60%;
            width: 80%;
        }

        #overlay-image div div#corner_box {
            width: 80%;
            height: 60%;
            bottom: 0;
            right: 0;
        }

        #overlay-image > div > a:first-child {
            width: 30px;
            height: 30px;
            position: absolute;
            top: -12px;
            right: -12px;
            display: block;
        }

        #overlay-image p span + a {
            width: auto;
            padding-top: 0;
            display: inline;
        }

        #overlay-image p a {
            width: 100%;
            padding-top: 16px;
            display: block;
        }