#backdrop{
z-index: 500;
position: fixed;
display: none;
top: 0px;
left: 0px;
background-color: #000;
opacity: 0;
height: 100%;
width: 100%;
}

#box{
position: absolute;
display: none;
width: 100%;
height: 100%;
}

#boximg {
position: fixed;
z-index: 510;
display: none;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
/* disable max-width so on smartphones images will be truncated but full screen, which is kinda nicer. */
/* max-width: 90%; */
max-height: 90%;
-webkit-box-shadow: 0 0 4em rgba( 0, 0, 0, 1.0 );
-moz-box-shadow: 0 0 4em rgba( 0, 0, 0, 1.0 );
-o-box-shadow: 0 0 4em rgba( 0, 0, 0, 1.0 );
box-shadow: 0 0 4em rgba( 0, 0, 0, 1.0 );
}

#caption {
width: 100%;
text-align:center;
position: fixed;
z-index: 1030;
display: none;
left: 0;
right: 0;
bottom: 7%;
color: #ffffff;
font-weight: bold;
font-size: 0.5cm;
font-family: Arial, sans-serif;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1.0), 0 -1px #000000, 1px 0 #000000, 0 1px #000000, -1px 0 #000000;
}

div.thumbnail_g{
width: 48%;
overflow:hidden;
padding-bottom: 48%; 
position: relative;
display:inline-block;
margin:0.1em;
}

div.caption_g{
width: 100%;
overflow:hidden;
padding-bottom: 3em; /* this is the heigth */
margin-top: 0.4em;
position: relative;
display:inline-block;
}

div.stretchy-inner {
position: absolute;
overflow:hidden;
top: 0; bottom: 0; left: 0; right: 0;
}

img.thumbnail_g{
max-height: 200%;
max-width: 200%;
}

#selectors{
	display: none;
}

#nextimg{
position: fixed;
z-index: 1030;
right: 0%;
top: 50%;
height: 6em;
width: 6em;
}

#previmg{
position: fixed;
z-index: 1030;
left: 0%;
top: 50%;
height: 6em;
width: 6em;
}

#close{
position: fixed;
z-index: 1030;
top: 3%;
right: 0%;
height: 6em;
width: 6em;
}

.gallery a{
  text-decoration: none;
}

.gallery {
  margin: 0 auto;
  text-align: center!important;
  overflow: hidden;
  white-space: nowrap!important;
}

.captnoborder_g {
  font-size: 100%;
  text-align: right;
  margin-bottom: 1em;
}
