/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.20

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 600px;
	clear:both; 
	display:block !important;
}



.ngg-album {
        padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	padding-top:10px;
        background-image:url(http://www.karlotta.com/media/images/leaf.gif);
	background-repeat:no-repeat;
	background-position:left top;
	overflow: hidden;
	margin-bottom: 5px;
}

.ngg-albumtitle {
	text-align: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-variant: small-caps;
	color: #bb2020;
	text-decoration: none;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #e5cccc;
}

.ngg-description {
	text-align: left;
}

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

.ngg-galleryoverview {

	overflow: hidden;
	margin-top: 0px;
	width: 450px;
	clear:both; 
	display:block !important;
}

.ngg-gallery-thumbnail-box {
	float: left;
	margin-right: 3px;
	/* espace entre colonnes de thumbnails */
}

.ngg-gallery-thumbnail {
	float: left;
	/* si on fout ça à "right", ca fait 2 colonnes de thumbs alignées à droite du conteneur! */
	margin-right: 0px;
	/* espace entre colonnes de thumbnails */
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	/* couleur de la bordure des thumbnails */
	border:0px;
	/* bordure exterieure a la bordure autour des thumbnails */
	display:block;  
	margin:2px 0px 2px 2px;
	/* marges autour des thumbnails */
	padding:4px;
	/* padding autour des thumbnails */
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #e5cccc;
	/* couleur autour des thumbnails quand hover */
} 

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

.ngg-clear {
	clear: both;
}