/*
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; margin-right: 20px; clear: both; display:block!important; }
.ngg-album { height:100%; padding:5px; margin-bottom:5px; border:1px solid #fff; }

/* 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:5px; border:1px solid #cccccc; }
.ngg-album { overflow:hidden; padding:5px; margin-bottom:5px; border:1px solid #cccccc; }
.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:#FFFFFF; border:1px solid #A9A9A9; margin:4px 0 4px 5px; padding:4px; position:relative; }
.ngg-thumbnail img:hover { background-color:#A9A9A9; }
.ngg-description { text-align:left; }

/* ----------- Album Styles Compact -------------*/
.ngg-album-compact { padding-right: 6px; float:left; height: 140px!important; margin:0!important; text-align:left; width:120px; }
.ngg-album-compactbox {background:transparent scroll; height: 100px; margin:0 0 6px!important; width:120px; }
.ngg-album-compactbox .Thumb { background-color:#0f0f0f; padding-left: 7px; padding-bottom:30px; padding-right: 7px; padding-top: 7px; margin:0!important; width:91px; }
.ngg-album-compact h4 { font-weight:bold; margin-bottom:0; margin-top:0; width:100px; text-align: center; }
.ngg-album-compact p { font-size:11px; margin-top:2px; display: none;}
.ngg-album-compactbox .Thumb:hover {background-color:#80858b;}

/* ----------- Gallery style -------------*/
.ngg-galleryoverview { overflow:hidden; margin-top:10px; width:100%; clear:both; display:block!important;}
.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 { margin-bottom: 10px; margin-right: 10px; position:relative; }
.ngg-gallery-thumbnail img:hover { background-color:#80858b; }
.ngg-gallery-thumbnail span { 
/* Images description */
font-size:90%; padding-left:5px; display:block; }
.ngg-clear { clear:both; }

/* ----------- Gallery navigation -------------*/
.ngg-navigation { font-size:.9em!important; clear:both!important; display:block!important; padding-top:15px; text-align:center; }
.ngg-navigation span { padding:3px 7px; background-color: #181818; color: #c0a903; 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 { color: #181818; 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: #181818; color: #c0a903!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:.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:#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 { overflow:hidden; margin:0; padding:5px 0 0; }
.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 #DDDDDD; float:left; margin:0 3px; padding:2px; height:50px; width:50px; }
.ngg-related-gallery img:hover { border:1px solid #000000; }