@font-face {
	font-family: 'YanoneKaffeesatzRegular';
	src: url('fonts/yk/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('fonts/yk/yanonekaffeesatz-regular-webfont.woff') format('woff'), 
	     url('fonts/yk/yanonekaffeesatz-regular-webfont.ttf')  format('truetype'),
	     url('fonts/yk/yanonekaffeesatz-regular-webfont.svg#YanoneKaffeesatzRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html
{
    background-color: #252525;
    margin: 0px;
    padding: 0px;   
    font-family: Trebuchet MS;
    background-image: url(sandDark.jpg);
    background-image: url(ebony.jpg);
    height: 100%; 
}

body 
{
    margin: 0px;
    padding: 0px;   
    height: 100%; 
    min-height: 100%; 
}

a 
{
    text-decoration: none;
}

img 
{
    -ms-interpolation-mode: bicubic;
}

#content 
{   
    color: White;
    background-image: url(centerLight.png);
    background-repeat: repeat-y;
    margin: 0 auto;
    padding: 0px;
    min-height: 100%;
}

#breadtrail
{
    font-size: 2em;
}
#breadtrail a, #header a
{
    color: #777;
    color: rgba(255,255,255,0.2);
}

#breadtrail a:hover, #breadtrail .curDir a:hover, #header a:hover
{
    color: #68b;
}
#breadtrail .curDir, #breadtrail .curDir a
{
    color: #469;
}


@media (max-width: 767px) {
	#breadtrail a
	{
	    display: none;
	}
	
	#breadtrail a.parent, #breadtrail .curDir a
	{
	    display: inherit;
	}
	
	#rightGroup
	{
	    display: none;
	}
}

.splitter 
{
    background-image: url(splitterBack.png);
    height: 75px;
    margin: -5px 0px;
    z-index: 0;
    position: relative;
}

#header
{
    color: #777;
    color: rgba(255,255,255,0.2);
    padding: 5px 10px 30px 10px;
    margin-bottom: -5px;
    background-image: url(headerBack.png);
    background-repeat: repeat-x;
    background-position: 0px 100%;
    height: 40px;
}
#header .oldLink {
	float: right;
}



#subGalleries 
{
    
    position: relative;
    z-index: 10;
}


ul.galleryList 
{
    list-style: none;
    margin: 0px auto;
    --margin-top: -5px;
    padding: 0px;
    position: relative;
    z-index: 1;
    --overflow: scroll;
}

ul.galleryList li 
{
    display: inline-block;
    margin: 0px; 
    padding: 0px;
    z-index: 2;
    display: none;
    --position: absolute;
}

ul.galleryList li:hover
{
    color: #68b;
} 

ul.galleryList li:hover .folderImg
{
    box-shadow: 0px 0px 10px #469, 4px 4px 8px #111;
    border-color: #469; 
} 

ul.galleryList .folderImg {
    display: inline-block;
    font-size: 0px;
    list-style: none;
    margin: 12px 8px;
    padding: 6px;
    background: #333;
    background-image: url('folderLabelBackBig.png');
    background-position: -10px -10px;
    border: 1px #555 solid;
    -webkit-box-shadow: 4px 4px 8px #111; /*, 4px 4px 8px #333;*/
    -webkit-border-radius: 5px;
    -moz-box-shadow: 4px 4px 8px #111; /*, 4px 4px 8px #333;*/
    -moz-border-radius: 5px;
    box-shadow: 4px 4px 8px #111;
    border-radius: 5px;
    z-index: 2;
}

ul.galleryList img {
    border: 1px #000 solid;
    --background-image: url('loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    padding: 1px;
    margin: 0px;
}

ul.galleryList .folderTitle {
    text-align: left;
    padding-left: 10px;
    margin-top: -3px;
    margin-bottom: 6px;
}

.singleFrame 
{
    margin: 0px auto;
    width: 1004px;
    font-size: 0px;
    padding: 6px;
    background: #050505;
    --background-image: url(folderLabelBackBig.png);
    --background-repeat: no-repeat;
    border: 1px #555 solid;
    -webkit-box-shadow: 4px 4px 20px #111; /*, 4px 4px 8px #333;*/
    -webkit-border-radius: 5px;
    -moz-box-shadow: 4px 4px 20px #111; /*, 4px 4px 8px #333;*/
    -moz-border-radius: 5px;
    box-shadow: 4px 4px 20px #111;
    border-radius: 5px;
    vertical-align: top;
    display: inline-block;
    position: relative;
}


.singleFrame  img 
{
    border: 1px #ddd solid;
    padding: 1px;
    margin: 0px;
    background: #000;
    --background-image: url(folderLabelBackBigRev.png);
    --background-repeat: repeat-x;
    
    background-image: url(folderLabelBackBig.png);
    background-repeat: no-repeat;
}

.overlay 
{
    position: absolute;
    z-index: 100;
    background: red;
    height: 100%;
}

#overlayNext 
{
    right: 0px;
    width: 100px;
}

#overlayPrev
{
    left: 0px;
    width: 100px;
}

.fancybox-caption {
    visibility: visible;
    opacity: 1;
    position: absolute;
    z-index: 99997;
    padding: 64px 12vw;
    transition:opacity .25s,visibility 0s, bottom .25s !important;
    bottom:-100%;
    display: none;
    font-size: 18px;
    align-content: center;
}

.fancybox-caption {
    background: none;
}

.fancybox-caption__body {
    max-width: 400px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #ccc;
}

.fancybox-caption.toggled {
    bottom:0;
    display: block;
}
 
button.fancybox-button.fancybox-button--toggleCaption {
    width: auto;
}

.fancybox-close-small.fancybox-close-small {
    display: none;
}



.fancybox-content {
    margin-left: 44px;
    margin-right: 44px;
    border: 1px solid #ccc;
}


.infoItem.time {
    margin-left: 20px;

}

.infoItem::after {
    content: "\a";
    white-space: pre;
}
.infoItem.date::after {
    content: none;
}
.infoItem.exposure::after {
    content: " ";
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.95;
}