NextGEN Gallery - Single Image Gallery Linked to Lightbox

nggallery.css

/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Photocrati Media
Version: 2.12

This stylesheet is provided to allow users the ability of overriding the default styles for all display types
*/

/* For NextGen Gallery. Displays thumbnails on a page, and when you click each thumbnail opens it's own
gallery. Normally when you insert a gallery, it displays all the thumbnails in the gallery. This hack
will hide all the thumbnails except the first one. Make sure you don't display [show slideshow], because
that will be the first child. */

div.ngg-gallery-thumbnail-box { 
	display:none; 
}

div.ngg-galleryoverview div:first-child { 
	display:block; 
}

/* Star HTML hack. Styles are only interpreted by IE6 */
* html div.ngg-gallery-thumbnail-box { 
	display:block; 
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
    display: block;
    margin: 0 15px 15px;
    padding: 0;

}

.ngg-gallery-thumbnail img:hover {
	background-color: none;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}