/* ADDS STYLE TO THE LIGHTBOX */ 

a img{
	border: none;
	}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}

#lightboxCaption{
	font-size: 0.8em;
	padding-top: 0.4em;
	text-align: right;
	color: #000;
	}
	
#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="assets/images/overlay.png", sizingMethod="scale");
	}

/* DETERMINES THE LAYOUT AND LOOK OF THE THUMBNAILS */

#gallery{
	width: 500px;
	margin: 0 auto;
	display: table;
	}

html>body #gallery{
	width: 500px;
	}

.thumbnails li{
	display: inline;
	float: left;
	width: 100px;
	height: 100px;
	}
	
.thumbnails li img{
	vertical-align: middle;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 5px auto;
	display: block;
	}
	
.thumbnails li img:hover{
	cursor: pointer;
	}