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

/* Album Styles Extend */
.ngg-albumoverview { overflow: hidden; margin: 28px 0 20px 13px; width: 600px; clear: both; display: block !important; }
.ngg-album { height: 100%; padding: 5px; margin-bottom: 10px; }

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

html>body .ngg-album { overflow: hidden; padding: 5px; margin-bottom: 10px; }

.ngg-album { overflow: hidden; padding: 5px; margin-bottom: 10px; }

.ngg-thumbnail { float: left; vertical-align: middle; }
.ngg-thumbnail img { background-color: #fff; border: 1px solid #a9a9a9; margin: 0 15px 0 30px; padding: 4px; position: relative; }
.ngg-thumbnail img:hover { background-color: #cfcfcf; }

.ngg-albumcontent { height: 120px; float: left; }
.ngg-albumtitle { font-weight: bold; margin: 50px 0 4px 0; padding: 0; }
.ngg-description { width: 200px; }


/* Album Styles Compact - press gallery */
.ngg-album-compact { float: left; text-align: center; margin: 0 0 14px 16px; }
.ngg-album-thumbnail {  }
.ngg-album-thumbnail img { background-color: #fff; border: 1px solid #a9a9a9; display: block; margin: 10px 8px 2px 8px; padding: 4px; position: relative; }
.ngg-album-thumbnail img:hover { background-color: #cfcfcf; }


/* Gallery style */
.ngg-galleryoverview { overflow: hidden; width: 601px; min-height: 600px; clear: both; display: block !important; }
.ngg-galleryoverview object { border-right: 1px solid #bbb3ae; border-bottom: 1px solid #bbb3ae; }
.ngg-galleryoverview .desc {/* required for description */ margin: 0 10px 10px 0; padding: 5px; }

.ngg-gallery-thumbnail-box { float: left; }
.ngg-gallery-thumbnail { float: left; text-align: center; }
.ngg-gallery-thumbnail img { background-color: #fff; border: 1px solid #a9a9a9; display: block; margin: 4px 0 20px 37px; padding: 4px; position: relative; }
.ngg-gallery-thumbnail img:hover { background-color: #cfcfcf; }
.ngg-gallery-thumbnail span { /* Images description */ font-size: 90%; padding-left: 5px; 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 #ddd; 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: #06c; color: #fff !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 #ddd; margin-right: 3px; padding: 3px 7px; }
.ngg-imagebrowser-nav .next { float: right; border: 1px solid #ddd; margin-right: 3px; padding: 3px 7px; }
.ngg-imagebrowser-nav .back a.ngg-browser-prev, .ngg-imagebrowser-nav .next a.ngg-browser-next { font-size: 10px !important; }
.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: 0; text-align: center; }
.slideshowlink { padding: 5px 5px 5px 5px; float: right; clear: both; }


/* Single picture */
.ngg-singlepic { background-color: #fff; display: block; }
.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: 0pt; padding: 5px 0 0 0pt; }
.ngg-widget img { border: 2px solid #a9a9a9; margin: 0pt 2px 2px 0; padding: 1px; }


/* 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 #ddd; float: left; margin: 0pt 3px; padding: 2px; height: 50px; width:  50px; }

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