/*LIGHT BOX*/

#lightbox {position: absolute;left:0; width:100%; z-index:200; text-align:center; line-height:0;}
#lightbox img { width: auto; height: auto;}
#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width:10px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 150; width: 100%; height: 500px; background-color: #000; }



/* Gallery Styling */
			.gallery .image-title,
			.gallery .image-description,
			.gallery .image-author,
			.gallery .image-link {
				display:none;
			}

			.gallery
			{
				width: 400px;
				text-align: left;
				margin-left:0;
				padding-left:0;
				padding: none;
			}

			.gallery ul.images
			{
				list-style-type: none;
				text-decoration: none;
				border: none;
				padding: none;
				width: 400px;
				margin:0;
				padding:0;
				margin-left:0;
				padding-left:0;
			}

			.gallery ul.images li.image
			{
				display: inline;
				line-height: 0;
				margin-left:0;
				text-decoration: none;
			}

			.gallery ul.images li.image a
			{
				text-decoration: none;
				color: inherit;
				margin: 14px;
				display: inline-block;
				background: white;
				padding: 3px;
				line-height: 0;
				-webkit-border-radius: 4px 4px;
				-moz-border-radius: 4px 4px;
				border-radius: 4px 4px;
				-moz-box-shadow: 0px 0px 8px #AAA;
				-webkit-box-shadow: 0px 0px 8px #AAA;
				box-shadow: 0px 0px 8px #AAA;
				-webkit-transition: -webkit-box-shadow 0.1s ease-out;
				-moz-transition: -webkit-box-shadow 0.1s ease-out;
				-o-transition: -webkit-box-shadow 0.1s ease-out;
				transition: -webkit-box-shadow 0.1s ease-out;
			}

			.gallery ul.images li.image a img
			{
				border: none;
				padding: none;
				-webkit-border-radius: 4px 4px;
				-moz-border-radius: 4px 4px;
				border-radius: 4px 4px;
			}

			.gallery ul.images li.image a:hover
			{
				-moz-box-shadow: 0px 0px 8px #222;
				-webkit-box-shadow: 0px 0px 8px #222;
				box-shadow: 0px 0px 8px #222;
			}