/*

CSS Name: Default Styles

Description: NextGEN Default Gallery Stylesheet

Author: Alex Rabe

Version: 1.43



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: 15px;

        width: 100%;

        clear:both;

        display:block !important;

}



.ngg-album {

    height: 100%;

    padding: 5px;

    margin-bottom: 5px;





}



/* 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;



}



.ngg-album {

        overflow: hidden;

        padding: 5px;

        margin-bottom: 5px;



}



.ngg-albumtitle {

        text-align: left;

        font-weight: bold;

        margin:0px;

        padding:0px;

        font-size: 1.4em;

        margin-bottom: 10px;

}



.ngg-thumbnail {

        float: left;

        margin-right: 12px;

}



.ngg-thumbnail img {

        z-index:300;

        background-color:#FFFFFF;

        border:1px solid #A9A9A9;

        margin:4px 0px 4px 5px;

        padding:4px;

        position:relative;

}



.ngg-thumbnail img:hover {

        background-color: #A9A9A9;

}



.ngg-description {

        text-align: left;

}



/* ----------- Album Styles Compact -------------*/



.ngg-album-compact {

        float:left;

        height:180px;

        padding-right:6px !important;

        margin:0px !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;

        margin:0px !important;

        padding:0px !important;

        width:91px;

        height:68px;

}



.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 {

        overflow: hidden;

        margin-top: 0;

        width: 100%;

        clear:both;

        display:block !important;

}



.ngg-galleryoverview .desc {

/* required for description */

   margin:0px 10px 10px 0px;

   padding:5px;

}



.ngg-gallery-thumbnail-box {

        float: left;

}



.ngg-gallery-thumbnail {

        float: left;
        width:75px;
        margin-right: 5px;

}



.ngg-gallery-thumbnail img {

        background-color:#FFFFFF;



        display:block;  

        margin:4px 0px 4px 5px;

        padding:4px;

        position:relative;

}



.ngg-gallery-thumbnail img:hover {

        background-color: #A9A9A9;

}



.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, a.next, a.prev,

                                span.page-numbers, span.next, span.prev {

        border:1px solid #DDDDDD;

        margin-right:3px;

        padding:3px 7px;

}



.ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover,

                                span.page-numbers:hover, span.next:hover, 



/* ----------- Image browser style -------------*/



.ngg-imagebrowser {

       

}



.ngg-imagebrowser h3 {

        text-align:center;

}





.ngg-imagebrowser img {

        border:0px solid #ffffff;

        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:0.9em !important;

}



/* ----------- Slideshow -------------*/

.slideshow {

        margin-left: auto;

        margin-right: auto;

        text-align:center;      

}



.slideshowlink {

       

}



/* ----------- Single picture -------------*/

.ngg-singlepic-wrapper {

        padding: 1px;

}



.ngg-singlepic {

        background-color:#FFFFFF;

        border:20px solid #ffffff

        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 img {

        margin-left: auto !important;

    margin-right: auto !important;

}



/* ----------- Sidebar widget -------------*/

.ngg-widget,

.ngg-widget-slideshow {

        overflow: hidden;

        margin:0pt;

        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;

        overflow:hidden;

        margin-bottom:1em;

        margin-top:1em;

        padding:5px;

}

.ngg-related-gallery img {

        border: 1px solid #DDDDDD;

        float: left;

        margin: 0pt 3px;

        padding: 2px;

        height: 50px;

        width:  50px;

}



.ngg-related-gallery img:hover {

        border: 1px solid #000000;

}