﻿/* Lightzap styles
-----------------------------------------------------------*/
#lightzap
{
    background: rgba(0,0,0,0.9);
	color: #fff;
}
.no-rgba #lightzap
{
    background-image: url(images/lightzap-background.png);
	color: #fff;
}
#lightzap.full-screen 
{
    
}
.lz-container
{
	background: rgba(0,0,0,.9);
    margin: 16px;
}
.no-rgba .lz-container
{
    background-image: url(images/lightzap-background.png);
}

.lz-container
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
    border: 10px solid #fff;
    border-radius: 3px;
}
#lightzap.full-screen .lz-container
{
	background: transparent;
	box-shadow: none;
	margin: 0;
}
#lightzap.full-screen .lz-container,#lightzap.full-screen .lz-image
{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
	position: absolute;
}
#lightzap.full-screen .lz-image
{
    box-shadow:0 0 32px #000;
}

/* Labels */
.lz-float
{
	background:url(../../icons/bg.png);
    background:rgba(0,0,0,.8);	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../icons/bg.png',sizingMethod='scale');
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity:.8;
	color:#fff;
	font-weight:normal;
	text-transform:none;
	position:absolute;
	padding:.25em .5em;
}
#lightzap.full-screen .lz-float
{
	padding:.35em .5em;
	border-radius:.2em;
	-moz-border-radius:.2em;
	-ms-border-radius:.2em;
	-o-border-radius:.2em;
	-webkit-border-radius:.2em;
}
.lz-float:hover
{
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}
/* - Number */
.lz-number,.lz-resolution
{
	display: none;
}
/* - Author and link */
.lz-by
{
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity:.7;
	font-size:75%;
	margin:0;
	left:0;
	bottom:-.4px;
}
.lz-by,.lz-by:hover{color:#fff;}
.lz-by span,.lz-float a{color:#2e3;}
.lz-by:hover span,.lz-float a:hover{color:#3f5;}
/* - Resolution */
.lz-resolution
{
	display:none!important;
	font-size:75%;
	background:transparent;
	right:0;
	bottom:0;
}
#lightzap.full-screen .lz-resolution{display:block!important;right:0;bottom:0;}
#lightzap.full-screen .lz-number{bottom:1.25em;}

/* Buttons */
.lz-buttonContainer
{
	background:transparent;
	color:#fff;
	font-weight:normal;
	text-transform:none;
	position:absolute;
	top:2px;
	right:2px;
	padding:0;
	height:32px;
}
#lightzap.full-screen .lz-buttonContainer
{
	background:url(../../icons/bg.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../icons/bg.png',sizingMethod='scale');
	background:rgba(0,0,0,.5);
	border-radius:.2em;
	-moz-border-radius:.2em;
	-ms-border-radius:.2em;
	-o-border-radius:.2em;
	-webkit-border-radius:.2em;
	margin:8px;
	padding:.35em;
}
.lz-button
{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity:.8;
	margin:4px; 
}
.lz-button:hover
{
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}
.lz-fullScreen
{
    display: none;
}

/* Resource */
.lz-loader
{
    background: transparent url(../icons/loading.gif) no-repeat 50% 50%;
}

.lz-prev
{
    background: transparent url(images/lz-prev.png) no-repeat 5% 48%;
    cursor: pointer;
}

.lz-next
{
    background: transparent url(images/lz-next.png) no-repeat 95% 48% ;
    cursor: pointer;
}

.lz-close
{
    background: transparent url(images/lz-close.png) no-repeat center center;
    cursor: pointer;
}

.lz-image
{
    background-image: url(../icons/notfound.png);
}

/* ---- Hardcore ---- */
#lightzap
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8999;
}

#lightzap .lz-bg
{
    width: 100%;
    height: 100%;
}

.lz-image
{
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    -webkit-transition: opacity .4s;
}

.lz-hide
{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#lightzap.full-screen .lz-image
{
    width: auto;
}

#lightzap a img
{
    border: none;
}

.lz-container
{
    position: fixed;
    width: 20%;
    height: 20%;
    top: 40%;
    left: 40%;
    z-index: 9000;
    transition: all .45s ease-out;
    -moz-transition: all .45s ease-out;
    -o-transition: all .45s ease-out;
    -webkit-transition: all .45s ease-out;
}

#lightzap.full-screen .lz-container
{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -webkit-transition: all 0s;
}

.lz-loader
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lz-nav
{
    position: absolute;
    top: 15%;
    left: 0;
    height: 80%;
    width: 100%;
}

.lz-nav a
{
    outline: none;
}

.lz-container > .nav
{
    left: 0;
}

.lz-prev, .lz-next
{
    min-width: 45%;
    height: 100%;
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.lz-prev:hover, .lz-next:hover
{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)!important;
    opacity: 1!important;
}

.lz-prev
{
    left: 0;
    float: left;
}

.lz-next
{
    right: 0;
    float: right;
}

.lz-caption
{
    max-width: 100%;
    max-height: 2.5em;
    text-align: left;
    overflow: hidden;
    word-wrap: break-word;
}

.lz-by
{
    text-decoration: none;
}

.lz-buttonContainer
{
    text-align: right;
    z-index: 9002;
}

.lz-button
{
    display: inline-block;
    zoom: 1;
    width: 24px;
    height: 24px;
    outline: none;
    padding: 0;
}

.lz-button:hover
{
    cursor: pointer;
}

#lightzap.full-screen .lz-fullScreen
{
    display: none;
}
