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

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;}
.ngg-album {overflow: hidden;height: 100%;float: left;width: 203px;padding: 5px;margin: 0 5px 5px 0;border: 1px solid #ccc;}
.ngg-albumtitle {text-align: left;font-weight: bold;margin: 0;padding: 0;font-size: 1.4em;margin-bottom: 10px;}
.ngg-thumbnail {float: left;margin-right: 12px;}
.ngg-thumbnail img {background-color:#fff;border:1px solid #a9a9a9;margin:4px 0 4px 5px;padding:4px;position:relative;}
.ngg-thumbnail img:hover {background-color: #ddd;}
.ngg-description {text-align: left;}

/* ----------- Album Styles Compact -------------*/
.ngg-album-compact {float: left;height: 180px;padding-right: 6px;margin: 0;text-align: left;width: 120px;	}
.ngg-album-compactbox {background: transparent url(albumset.gif) no-repeat scroll 0%;height:86px;margin:0 0 6px;padding:12px 0pt 0pt 7px;width:120px;}
.ngg-album-compactbox .Thumb {border: 1px solid #000;margin: 0;padding: 0;width:91px;height:68px;}
.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 style -------------*/
.ngg-galleryoverview {overflow: hidden;margin-top: 10px;width: 100%;clear:both;display:block;}
.ngg-galleryoverview .desc {/* required for description */margin: 0 10px 10px  0;padding: 5px;}
.ngg-gallery-thumbnail-box {float: left;}
.ngg-gallery-thumbnail {float: left;margin-right: 30px;text-align: center;}
.ngg-gallery-thumbnail img {background-color:#fff;border: 1px solid #a9a9a9;display:block;margin: 4px 0 4px 5px;padding:4px;position:relative;}
.ngg-gallery-thumbnail img:hover {background-color: #ddd;} 
.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;clear:both;display:block;padding-top:15px;text-align:center;}
.ngg-navigation span {font-weight:bold;margin:0 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;text-decoration: none;}

/* ----------- 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;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 .counter {text-align:center;font-size:0.9em;}
.exif-data {margin-left: auto;margin-right: auto;}

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

/* ----------- Single picture -------------*/
.ngg-singlepic {background-color:#fff;display:block;padding:4px;}
.ngg-left {float: left;margin-right:10px;}
.ngg-right {float: right;margin-left:10px;}
.ngg-center {margin-left: auto;margin-right: auto;}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {overflow: hidden;margin:0;padding:5px 0 0 0pt;}
.ngg-widget img {border:2px solid #a9a9a9;margin:0 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;}