/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 31.10.2014, 00:33:57
    Author     : maddoxx
*/

/* LIGHTBOX LAYER */

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0,0,0, 0.4);
    width: 100%;
    height: 100%;
    display: none;
}

.closeButton {
    position: absolute;
    top: 1em;
    right: 1em;
    background: rgba(0,0,0,0.4);
    color: #fff;
    border-radius: 9999px;
    padding: 0.7em 1.0em;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12pt;
    cursor: pointer;
}

.closeButton:hover {
    background: rgba(200,200,200,1);
    color: #000;
}

.imageBox {
    width: auto;
    background: none;
    margin: 0px auto;
    box-shadow: 0px 2px 6px 3px rgba(0,0,0,0.2);
    margin-top: 3em;
    padding: 0;
}

.imageBox img {
    width: 100%;
}

.imageInfoBox {
    width: 1000px;
    margin: 0px auto;
}

.imageFrame {
    width: 100%;
    margin: 0px auto;
}

.loadbar {
    width: 128px;
    margin: 0px auto;
    position: absolute;
    left: 46%;
    top: 45%;
}

.itemLayerBottomLayerText {
    position: absolute;
    bottom:-0.75em;
    left: 0;
    width: inherit;
}

.lbcaption {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.galleryKeeper{
  padding: 0;
  margin: 0;
  list-style: none;
}

.galleryKeeper ul {
    width: 100%;
}

.galleryKeeper ul li{
    float: left;
    width: 30%;
    margin-right: 3.4em;
    margin-bottom: 3.3em;
    display: block;
}

.galleryKeeper ul li:nth-child(3n) {
    margin-right: 0em;
}

.imageBoxKeeper {
    width: 100%;
    margin: 0px auto;
    display: none;
}

.imageBoxKeeper img {
    width: 100%;
}