/*
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 { clear: both; display: block !important; margin-top: 10px; width: 100%; }

.ngg-album {height: 100%; margin-bottom: 5px; padding: 5px; }

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {margin-bottom: 5px; overflow: hidden; padding: 5px; }
 
.ngg-album {margin-bottom: 5px; overflow: hidden; padding: 5px; }

.ngg-albumtitle, .ngg-albumtitle a {font-size:110%; font-weight:bold; margin:0px; margin-bottom:10px; padding:0px; text-align:left; text-decoration:none;}

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

.ngg-thumbnail img { background: #FFFFFF; border: 1px solid #A9A9A9; margin: 4px 0px 4px 5px; padding: 4px; position: relative; }

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

.ngg-description { text-align: left; }

/* ----------- Album Styles Compact -------------*/
.ngg-album-compact { float: left; height: 180px; margin: 0px !important; padding-right: 6px !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 #000000; height: 68px; margin: 0px !important; padding: 0px !important; width: 91px; }

.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 { clear: both; display: block !important; margin-top: 10px; overflow: hidden; width: 100%; }

.ngg-galleryoverview .desc { margin: 0px 10px 10px 0px; /* required for description */ padding: 5px; }

.ngg-gallery-thumbnail-box { float: left; }

.ngg-gallery-thumbnail { float: left; margin-right: 5px; text-align: center; }

.ngg-gallery-thumbnail img { background: #FFFFFF; border: 1px solid #A9A9A9; display: block; margin: 4px 0px 4px 5px; padding: 4px; position: relative; }

.ngg-gallery-thumbnail img:hover { background: #A9A9A9; }
 
.ngg-gallery-thumbnail span { display: block; font-size: 90%; /* Images description */ padding-left: 5px; }

.ngg-clear { clear: both; }

/* ----------- Gallery navigation -------------*/
.ngg-navigation { clear: both !important; display: block !important; font-size: 0.9em !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: #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; display: block !important; margin-bottom: 10px; margin-top: 10px; padding: 5px; width: 100%; }

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

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

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

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

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

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

.slideshowlink { }

/* ----------- Single picture -------------*/
.ngg-singlepic { background: #FFFFFF; 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 { margin: 0pt; overflow: hidden; padding: 5px 0px 0px 0pt; }

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

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

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

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