/*
	Lightbox Style Sheet -- use with lightbox.js
	Created for SoundWaters Camp Image Gallery by Vlad Ionescu (afvlad03@gmail.com)
	2009
*/

/*
	HTML structure should be:
	
	<div id="light" class="white_content">
		<div id="lightBorder">
			<div id="lightContent">
				Lightbox content here. <img id="imageLarge" src="picture.jpg">
			</div>
			
			<div id="lightFooter">
				<div id="footerContent">
					<div id="lightCaption">Lightbox caption</div>
					<a href="javascript:void(0);" onClick="toggleLightbox();" id="lightClose">Close</a>
				</div>
			</div>
		</div>
	</div>
	
	<div id="dark" class="black_overlay"></div>
*/
	.black_overlay {
		display:none;
		position:absolute;
		top:0%;
		left:0%;
		width:100%;
		height:99.9%;
		background-color: #000000;
		z-index:1001;
		zoom:1;
		-moz-opacity:0.7;
		opacity:0.7;
		filteralpha(opacity=70);
	}
	.white_content {
		display:none;
		position:absolute;
		top:8%;
		left:25%;
		padding:0px;
		border:2px solid #000000;
		background-color:#ffffff;
		z-index:1002;
		overflow:auto;
	}
	#lightBorder {border:10px solid #cccccc;}
	#lightContent {
		text-align:left;
		border:1px solid #777777;
	}
	#lightFooter {
		background-color:#cccccc;
		height:42px;
		font-weight:bold;
		font-family:Tahoma, Impact, Arial, Helvetica, sans-serif;
	}
	#footerContent {
		-moz-opacity:0.6;
		opacity:0.6;
		filter:alpha(opacity=60);
		padding:3px;
		font-style:italic;
		letter-spacing:0.1em;
	}
	#lightClose {
		float:right;
		color:#252525;
	}