/* put this bit on code in the <body> tag if there are any onload events: 
<body onload="MM_preloadImages(‘/images/menu_on.gif’)…;initLightbox()"> */

/*
<link href="http://www.thedowntownbluesband.com/photos/lightbox/lightbox.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://www.thedowntownbluesband.com/photos/lightbox/lightbox.js"></script>
*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	z-index:100;
	}
#lightboxDetails{
	font-size: 11px;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url('/v2/wp-content/themes/relion-template/images/overlay.png'); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url('/v2/wp-content/themes/relion-template/images/blank.gif');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/v2/wp-content/themes/relion-template/images/overlay.png", sizingMethod="scale");
	}		