/*
CSS Name: dilts image gallery
Description: dilts Foundation Gallery Stylesheet
Author: Danu Widatama
Version: 1.0



*/

/* ----------- Album Styles Extend -------------*/
.ngg-albumoverview{margin:0em 0 1.8em 0;width: 100%;display:block !important;padding-right:40px;}
.ngg-album{margin-bottom: 1.8em;padding:0em 0px 1.8em 0px;overflow:auto;}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album{} 
.ngg-album{margin-bottom:1.8em;width:220px;float:left;margin-left:40px;}
.ngg-albumtitle{font-size:2em;line-height:1.8;margin-bottom:0.81em;letter-spacing:0.01em;text-align:center;font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;border-bottom:solid 0.09em #ddd;}
.ngg-thumbnail{margin:0 auto;text-align:center;height:7.2em;}
.ngg-thumbnail img{display:block;margin:0 auto;}
.ngg-thumbnail img:hover{}
.ngg-description{clear:both;margin-left:auto;text-align:center;display:none;}

/* ----------- Gallery style -------------*/
.ngg-galleryoverview {overflow:auto;width: 100%;display:block !important;margin:3.6em 0px 0 0px;}
/* required for description */
.ngg-galleryoverview .desc {margin:0px 10px 1.8em 0px;}
.ngg-gallery-thumbnail-box{float: left;}
.ngg-gallery-thumbnail{float:left;margin:0 40px 1.8em 0;}
.ngg-gallery-thumbnail img {}
.ngg-gallery-thumbnail img:hover{} 
/* Images description */
.ngg-gallery-thumbnail span{display:block;}
.ngg-clear{clear:both;}

/* ----------- Gallery navigation -------------*/
.ngg-navigation{clear:both !important;display:block !important;text-align:center;}
.ngg-navigation span {font-weight:bold;margin:0pt 1em 0 0;}
.ngg-navigation a.page-numbers, a.next, a.prev,span.page-numbers, span.next, span.prev {margin-right:1em;}
.ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover, span.page-numbers:hover, span.next:hover, span.prev:hover{color:#888 !important;text-decoration: none !important;}

/* ----------- Image browser style -------------*/
.ngg-imagebrowser{}
.ngg-imagebrowser h3{text-align:center;}
.ngg-imagebrowser img{width: 100%;display:block !important;margin-bottom:1.8em;}
.ngg-imagebrowser-nav{margin-left:0px;}
.ngg-imagebrowser-nav .back{float:left;}
.ngg-imagebrowser-nav .next{float:right;}
.ngg-imagebrowser-nav .counter{text-align:center;}

/* ----------- Single picture -------------*/
.ngg-singlepic{background-color:#eee;border:1px solid #ddd;display:block;margin:4px 0px 4px 5px;padding:4px;position:relative;}
.ngg-left{float: left;padding-right:10px;}
.ngg-right{float: right;padding-left:10px;}
.ngg-center{margin-left: auto !important;margin-right: auto !important;}