/*

CSS Name: BN
Description: NextGEN Gallery Stylesheet
Author: Alex Rabe + some other dudes
Version: 3.0
*/

/************************************************
				ALBUM EXTENDED
************************************************/


.ngg-albumoverview {
	width: 654px;	
	margin: 0;
	clear:both; 
	display:block !important;
}

.ngg-album {
	width: 200px;	
	height: 260px;
	border: 1px solid #bab6b7;
	float: left;
	text-align: center !important;
	margin: 0 6px 15px 0;
	position:relative;
	overflow:hidden;
	}


/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */

html>body .ngg-album {
	width: 200px;	
	height: 260px;
	border: 1px solid #bab6b7;
	float: left;
	text-align: center !important;
	margin: 0 6px 15px 0;
	position:relative;
	overflow:hidden;
	} 


.ngg-albumtitle, div.ngg-albumtitle {
	font-size: 13px/17px;
	font-weight: bold;
	text-align:center;
	color: #000000;
	margin:0;
	padding:6px 0 6px 0; /* horizontal postiion of title */
	width: 200px;	
	display: block;	
	position: relative;	
	}

.ngg-albumtitle a {
	font-size: 13px;
	color: #000000;
	overflow: hidden;	
	display:block;
	text-align:center;
	text-decoration:none !important;
	}

.ngg-albumtitle a:link, .ngg-albumtitle a:active, .ngg-albumtitle a:visited {
	font-size: 12px;
	color: #000000;
	text-align:center;
	text-decoration:none !important;
	}

.ngg-albumtitle a:hover {
	color: #f7904c;
	text-decoration:underline;
	}

.ngg-albumcontent {
	text-align:center;
	width: 200px;	
	}

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



.ngg-thumbnail img {
	margin:0 0 4px 22px; /* horizontal postiion of thumb */
	padding:4px;
	position:relative;
	}


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

.ngg-description {
	width: 200px;	
	clear: both;	
	padding: 0;	
	text-align:center;
	}

.ngg-description p, div.ngg-description p {
	color: #676767;	
	font-size: 11px;
	overflow: hidden;	
	line-height: 12px;	
	text-align:center;
	margin: 6px 12px 6px 12px !important;	
	display: block !important;	
	position: relative !important;
	}

.ngg-description strong, div.ngg-description strong {
	color: #676767;	
	font-size: 11px;
	overflow: hidden;	
	line-height: 12px;	
	text-align:center;
	margin: 12px 0 0 0 !important;	
	position: relative !important;
	}


/************************************************
				ALBUM COMPACT
************************************************/



.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0 !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
		}


.ngg-album-compactbox .Thumb {
	border:1px solid #bab6b7;
	margin:0 !important;
	padding:0 !important;

	}


.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0;
	margin-top:0;
	width:110px;
	}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
	}



/************************************************
				   GALLERY 
************************************************/


.ngg-galleryoverview {
	overflow: hidden;
	margin: 0;
	width: 654px;	
	margin-left: 0;
	clear:both; 
	display:block !important;
	}

.ngg-galleryoverview .desc {
/* required for description */
	margin: 4px 0 0 0 !important;
	padding: 4px !important;
	text-align: center !important;
	}

			.ngg-gallery-thumbnail p, .ngg-gallery-thumbnail a, .ngg-gallery-thumbnail a:link, {
				width: 150px;
				color: #ffffff !important;	
				text-align: center !important;
				text-decoration: none;
				}


			.ngg-gallery-thumbnail-box {
				width: 200px;	
				height: 200px;
				float: left;
				text-align: center !important;
				margin: 0 6px 20px 0;
				padding: 20px 0 25px 0;	
				position:relative;
				overflow:hidden;
					}
				.ngg-gallery-thumbnail strong {
					font-size:11px;
					font-weight: normal;
					color: #ffffff !important;
					text-align: center !important;
					text-decoration: none;	
					width: 200px;	
					height: 40px;	
					overflow: hidden;	
					padding: 3px;	
					display: block;	
					position: relative;	
					top: 170px;
				}
				.ngg-gallery-thumbnail {
					color: #ffffff !important;
					border:none;	
					text-align: center !important;
					padding:15px 0 20px 0 !important;
					overflow:hidden !important;
					}
				.ngg-gallery-thumbnail img {
					border: 1px solid #bab6b7;		
					display:block;  
					position:relative;
					text-align: center;
					margin:-15px auto 0 auto !important;  /* VERTICAL postiion of thumb */
					}

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

.ngg-gallery-thumbnail span {  /* Images description */
    font-size: 11px;
	color: #000000 !important;
	line-height:145%;
	text-align: center !important;
	display:block;
	margin-top: 4px !important;
	padding-top: 4px !important;
	}

.ngg-clear {
	clear: both;
	}







/************************************************
				      NAV
************************************************/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding:15px 0 15px 0 ;
	text-align:center;
	}

.ngg-navigation span {
	color:#ffffff;
	font-weight:bold;
	margin:0pt 6px;
	}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #bab6b7;
	margin-right:3px;
	padding:3px 7px;
	}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #000000;
	color: #FFFFFF !important;
	text-decoration: none !important;
	}


/************************************************
				IMAGE BROWSER
************************************************/

.ngg-imagebrowser {
	}

.ngg-imagebrowser h3 {
	text-align:center;
	}

.ngg-imagebrowser img {
	border:1px solid #bab6b7;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
	}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
	}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #bab6b7;
	margin-right:3px;
	padding:3px 7px;
	}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #bab6b7;
	margin-right:3px;
	padding:3px 7px;
	}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
	}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
	}



/************************************************
				SLIDESHOW
************************************************/

.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
	}

.slideshowlink {

	}


/************************************************
				JS SLIDESHOW
************************************************/

.ngg-slideshow {
    overflow:hidden;
    position: relative;
	}

.ngg-slideshow * {
    vertical-align:middle;
	}


/* See also : http://www.brunildo.org/test/img_center.html */

.ngg-slideshow-loader{
    display: table-cell;
    text-align: center;
    vertical-align:middle;
	}

.ngg-slideshow-loader img{
    background: none !important; 
    border: 0 none !important;
    margin:auto !important; 
	}




/************************************************
				  SINGLE
************************************************/


.ngg-singlepic {
	width:100%;
	height:100%;
	display:block;  
	padding:0;
	}

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

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

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
	}



/************************************************
				     SIDEBAR
************************************************/


.ngg-widget,.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0 0 0pt;
	text-align:left;
	}

.ngg-widget img {
	border:2px solid #bab6b7;
	margin:0pt 2px 2px 0; 
	padding:1px; 
	}



/************************************************
				RELATED IMAGES
************************************************/


.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #bab6b7;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
	}

.ngg-related-gallery img {
	border: 1px solid #bab6b7;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
	}

.ngg-related-gallery img:hover {
	border: 1px solid #bab6b7;
	} 



/************************************************
				 GALLERY LIST
************************************************/



.ngg-galleryoverview ul li:before {
	content: '' !important;
	}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0 !important;
	text-indent:0 !important;	
	}

.ngg-galleryoverview div.pic img{
	width: 100%;	
	}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0 2px !important;
	overflow:hidden;
	}

.ngg-gallery-list li a {
	border:1px solid #bab6b7;
	display:block;
	padding:2px;
	}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
	}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
	}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
	}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
	}