/*

CSS Name: dkret3 Theme

Description: NextGEN dkret3 style with a shadow effect

Author: JA¶rn Kretzschmar (based on Alex Rabes Default Style)

Version: 1.3

   

This is a template stylesheet that can be used with NextGEN Gallery. I tested the

styles with the theme dkret3. Modify it when your theme struggle with it,

it's only a template design



*/



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



.ngg-albumoverview {

	margin-top: 10px;

	width: 100%;

	clear:both; 

	display:block !important;

}



.ngg-album {

	height: 100%;

	padding: 5px;

	margin-bottom: 5px;

	border: 1px solid #cccccc;

	overflow:hidden;

}

*/

.ngg-albumtitle {

	text-align: left;

 	font-weight: bold;

	margin:0px;

	padding:0px;

	font-size: 1.4em;

	margin-bottom: 10px;

}





.ngg-thumbnail {



}



.ngg-description {

	text-align: left;

}



/* ----------- Album Styles Compact -------------*/



.ngg-album-compact {

	float:left;

	

	

	margin:0px !important; 

	text-align:left;

		

}



.ngg-album-compactbox {

	

	margin: 4px;

	/*margin:4pt 4pt 6px !important;

	padding:12px 0pt 0pt 7px !important;

	background:transparent url(albumset.gif) no-repeat scroll 0%;

	*/

}



/*

.ngg-album-compactbox .Thumb {

	border:0px solid #000000;

	margin:0px !important;

	padding:0px !important;



}

*/

.ngg-album-compact h4 {

	font-size:15px;

	font-weight:bold;

	margin-bottom:0px;

	margin-top:0px;

	

}



.ngg-album-compact p {

	font-size:11px;

	margin-top:2px;

}



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



.ngg-galleryoverview {

	margin-top: 10px;

	width: 100%;

	clear:both; 

	display:block !important;

}



.ngg-gallery-thumbnail-box {

/*	float: left;	*/

float: center;

display: inline;





}



.ngg-gallery-thumbnail {

    display: inline;

 

	

	

	}

	

	.ngg-gallery-thumbnail:hover {



	

	}



	.ngg-gallery-thumbnail img {

	display: inline;

	float: center;

	border: 0px;

	padding-bottom:4px;

    margin-top:4px;

	margin-left:4px;

	margin-right:4px;

	border: 0px;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity: 0.90;

	}











.ngg-gallery-thumbnail img:hover {

	margin-top:4px;

	margin-left:4px;

	margin-right:4px;

	margin-bottom:0px;

	padding-bottom:1px;

	

	border-bottom: 3px red solid;
} 



.ngg-gallery-thumbnail span {

	display:none;

}



.ngg-clear {

	clear: both;

}



/* ----------- Gallery navigation -------------*/



.ngg-navigation {

	font-size:0.9em !important;

	clear:both !important;

	display:block !important;

	padding-top:15px;

	text-align:center;

	padding-bottom: 6px;

}



.ngg-navigation span {

	font-weight:normal;

	margin:0pt 6px;

	color: red;

	padding-bottom: 3px;

	border-bottom: 0px solid red;

}



.ngg-navigation a.page-numbers, a.next, a.prev, 

				span.page-numbers, span.next, span.prev {

	border:0px solid red;

	margin-right:3px;

	padding:3px 7px;

}



.ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover, 

				span.page-numbers:hover, span.next:hover, span.prev:hover {

	background-color:  #000015;

	color: silver !important;

	text-decoration: none !important;

	padding-bottom: 3px;

	border-bottom: 3px solid red;

	

}



/* ----------- Image browser style -------------*/



.ngg-imagebrowser {

	

}



.ngg-imagebrowser h3 {

	text-align:center;

}



.ngg-imagebrowser img {

	border:0px solid #A9A9A9;

	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 #DDDDDD;

	margin-right:3px;

	padding:3px 7px;

}



.ngg-imagebrowser-nav .next {

	float:right;

	border:1px solid #DDDDDD;

	margin-right:3px;

	padding:3px 7px;

}



.ngg-imagebrowser-nav .counter {

	text-align:center;

	font-size:0.9em !important;

}



/* ----------- Slideshow -------------*/

.slideshow {

	margin-left: auto; 

	margin-right: auto;

	text-align:center;	

}



.slideshowlink {

	

}



/* ----------- Single picture -------------*/

.ngg-singlepic {

	display:block;  

	margin-top:4px;

	margin-left:4px;

	margin-right:4px;

	margin-bottom:4px;

	position:relative;

	border: 0px;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);-moz-opacity: 0.85;

}

.ngg-singlepic:hover {

	display:block;  

	margin-top:4px;

	margin-left:4px;

	margin-right:4px;

	margin-bottom:0px;

	padding-bottom:1px;

	position:relative;

	border-bottom: 4px red solid;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;

}



.ngg-left {

	float: left;	



}



.ngg-right {

/*	float: right;	*/

margin: 0 auto;

padding-bottom:4px;

float: center;

display: inline;

margin-right: 4px;

margin-left: 4px;

margin-bottom: 4px;

}

.ngg-right:hover {

/*	float: right;	*/

margin: 0 auto;

float: center;

display: inline;

margin-right: 4px;

margin-left: 4px;

margin-bottom: 4px;

}



.ngg-center {

  	margin-left: auto;

    margin-right: auto;

}



/* ----------- Sidebar widget -------------*/



.ngg-widget  {

display: inline;

}

.ngg-widget-slideshow {

	overflow: hidden;

	margin:0pt;

	padding:5px 0px 0px 0pt;

  text-align: center;

}



.ngg-widget img {
height: 72px;
width: 72px;
display:inline;
margin-left:4px;
margin-right:4px;
margin-top:4px;
padding-bottom:4px;
}

.ngg-widget img:hover {
        height: 72px;
        width: 72px;
border-bottom:3px solid red;
display:inline;
margin:4px 4px 0;
padding-bottom:1px;
}



#caption-for-widget-thumb{
width: 70px;
height: 70px;
 float: left; 
	display:block;  
	margin-top:4px;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:4px;
	position:relative;
	border: 0px;
}



#caption-for-widget-thumb:hover {
width: 70px;
height: 70px;
   float: left; 
	display:block;  
	margin-top:4px;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:0px;
	padding-bottom:1px;
	position:relative;
	border-bottom: 4px red solid;
}







/* ----------- Related images -------------*/

.ngg-related-gallery {

	background:#F9F9F9;

	border:1px solid #E0E0E0;

	overflow:hidden;

	margin-bottom:1em;

	margin-top:1em;

	padding:5px;

}

.ngg-related-gallery img {

	border: 0px solid #DDDDDD;

	float: left;

	margin: 0pt 3px;

	padding: 2px;

	height: 50px;

	width:  50px;

}



.ngg-related-gallery img:hover {

	border: 1px solid #000000;

}