/*
CSS Name: Shadow Effect with Description text
Description: NextGEN Default Style with a Shadow effect and description text below the thumbnail
Author: Alex Rabe
Version: 1.44
   
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: 100%; clear:both;  display:block !important; }
.ngg-album { /*height: 130px;*/ padding: 5px; margin-bottom: 5px; overflow:hidden; }
.ngg-albumtitle { text-align: left; font-weight: bold; margin:0px; padding:0px; font-size: 1.4em; margin-bottom: 10px; }
.ngg-thumbnail { float: left; margin-right: 12px; }
.ngg-thumbnail img { margin:4px 0px 4px 5px; padding:0; position:relative; }
.ngg-thumbnail img:hover {}
.ngg-description { text-align: left; }

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

.ngg-album-compact { float:left; height:180px; padding-right:6px !important; margin:0px !important; text-align:left; width:120px; }
.ngg-album-compactbox { height:86px; margin:0pt 0pt 6px !important; padding:12px 0pt 0pt 7px !important; width:120px; }
.ngg-album-compactbox .Thumb { border:1px solid #000000; margin:0px !important; padding:0px !important; width:91px; height:68px; }
.ngg-album-compact h4 { font-size:15px; font-weight:bold; margin-bottom:0px; margin-top:0px; width:110px; }
.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; }
.ngg-gallery-thumbnail { float: left; margin: 10px 0 0 10px !important; padding:10px 15px 10px 15px; }
.ngg-gallery-thumbnail img { margin: -6px 6px 6px -6px; display:block; padding:0; position:relative; }
.ngg-gallery-thumbnail img:hover {} 
.ngg-gallery-thumbnail span { margin: -6px 6px 6px -6px; text-align:center; font-size:90%; color:#808080; display:block; }
.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; }
.ngg-navigation span { 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 #DDDDDD; 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: #0066CC; color: #FFFFFF !important; text-decoration: none !important; }

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

.ngg-imagebrowser {}
.ngg-imagebrowser h3 { text-align:center; }
.ngg-imagebrowser img { border:1px 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; }
.exif-data { margin-left: auto !important; margin-right: auto !important; }

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

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

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

.ngg-singlepic { background-color:#000000; display:block; padding:4px; }
.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 widget -------------*/

.ngg-widget, .ngg-widget-slideshow { overflow: hidden; margin:0 auto 0 auto; padding:5px 0px 0px 0px; }
.ngg-widget img { border:10px solid #666666; margin:10px 20px 2px 20px; padding:0; }

/* ----------- 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: 1px solid #DDDDDD; float: left; margin: 0px 3px; padding: 2px; height: 50px; width: 50px; }
.ngg-related-gallery img:hover { border: 1px solid #000000; }