/* CSS Document */



body {

	background-color:#000;

	}

	

h2 {

	color:#fff;

	}	



#gallery {

	width:auto;

	margin:20px auto;;

	}



#gallery a {

	text-decoration:none;

	}



#gallery .item {

	width: 80px; height: 80px; overflow: hidden;

	float: left;

	margin: 5px;

	}





#gallery .item a { 

    overflow: hidden;

	}



#gallery .item a img {

	height: 100%; 

	align-self: center;

	}



.lightbox {

	/** Hide the lightbox */

	display: none;

	

	/** Apply basic lightbox styling */

	position: fixed;

	z-index: 9999;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	color:#333333;

	    background: rgba(0, 0, 0, 0.7);

    transition: opacity 500ms;

    visibility: hidden;

    opacity: 0;

	}



.lightbox:target {

    /** Show lightbox when it is target */

    display: block;

    outline: none;

	visibility:visible;

	 opacity: 1;

}



.lightbox .box {

  	width: -webkit-min-content;

  	width: -moz-min-content;

  	width: min-content;

	z-index:99999;

 	margin: 15% auto;

	padding:10px 20px 10px 20px;

	background-color:#FFF;

	box-shadow: 0px 1px 26px -3px #777777; 

	width:35%;

	position:relative;

	}

	

	.lightbox .box a.close {

    float: right;

    font-size: 20px;

    font-weight: 700;

    line-height: 1;

    color: #000;

    text-shadow: 0 1px 0 #fff;

    filter: alpha(opacity=20);

    opacity: 1;

    position: absolute;

    right: 1px;

    z-index: 999;

    top: 2px;

}



.lightbox .title {

	margin:0;

	padding:0 0 10px 0px;

	border-bottom:1px #ccc solid;

	font-size:22px;

	}



.lightbox .content {

	display:block;

	position:relative;

	}

	



.lightbox .content .desc {

	z-index:99;

	bottom:0;

	position:absolute;

	padding:10px;

	margin:0 0 4px 0;

	background:rgba(0,0,0,0.8);



	color:#fff;

	font-size:17px;

	opacity:0;

	transition: opacity ease-in-out 0.5s;

	}	

	

.lightbox .content:hover .desc	{

	opacity:1;

}



.lightbox .next,

.lightbox .prev,

.lightbox .close {

	display:block;

	text-decoration:none;

	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-size:22px;

	color:#858585;

	}



.prev {

	float:left;

	}



.next, .close {

	float:right;

	}

	

	.clear {

		display:block;

		clear:both;

		}