/*

	-- -- -- -- -- -- --
	It's A Mystery To Me
	section-gallery.css
	section specific styling
	-- -- -- -- -- -- --
	
*/

h2 {
	background: url(../images/ui/h2/gallery.jpg) no-repeat;
}

#lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption { 
	float: left;
	color: #333;
}
#keyboardMsg { 
	float: right;
	color: #333;
}
#closeButton{ top: 5px; right: 5px; }

* html #closeButton{ top: 5px; right: 4px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/ui/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
.thumb {border: 1px solid #000; padding: 1px; margin: 2px;}
.thumb:hover {border: 2px solid #AA0000; padding: 1px; margin: 1px;}