/*

CSS Name: Hovereffect Styles

Description: Hover Stylesheet based on the idea of Hoverbox from http://host.sonspring.com/hoverbox/

Author: Alex Rabe - Orginal by Nathan Smith

Version: 1.60



This applies a styling effect similiar to the Hoverbox style

*/



/* ----------- Album Styles Extend -------------*/



.ngg-albumtitle {

    border-bottom: 1px dashed #AAAAAA;

    padding-bottom: 3px;

}



.ngg-thumbnail {

    background: #EEEEEE none repeat scroll 0% 50%;

    border-color: #DDDDDD rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204);

    border-style: solid;

    border-width: 1px;

    color: inherit;

    margin-right: 5px;

    padding: 5px;

}



.ngg-thumbnail img {

    filter: alpha(opacity = 100);

    -moz-opacity: .99;

    opacity: .99;

    background: #FFFFFF none repeat scroll 0%;

    border-color: #AAAAAA rgb(204, 204, 204) rgb(221, 221, 221) rgb(187, 187, 187);

    border-style: solid;

    border-width: 1px;

    color: inherit;

    padding: 2px;

    vertical-align: top;

}



.ngg-thumbnail img:hover {

    filter: alpha(opacity = 90);

    -moz-opacity: .9;

    opacity: .9;

    border-color: #000000;

}



/* ----------- Gallery style -------------*/



.ngg-galleryoverview {

    overflow: hidden;

    margin-top: 10px;

    width: 100%;

    clear: both;

    display: block !important;

}



.ngg-gallery-thumbnail-box {

    background: #EEEEEE none repeat scroll 0% 50%;

    border-color: #DDDDDD rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204);

    border-style: solid;

    border-width: 1px;

    color: inherit;

    display: inline;

    margin: 3px;

    padding: 5px;

    position: relative;

}



.ngg-gallery-thumbnail img {

    filter: alpha(opacity = 100);

    -moz-opacity: .99;

    opacity: .99;

    background: #FFFFFF none repeat scroll 0%;

    border-color: #AAAAAA rgb(204, 204, 204) rgb(221, 221, 221) rgb(187, 187, 187);

    border-style: solid;

    border-width: 1px;

    color: inherit;

    padding: 2px;

    vertical-align: top;

}



.ngg-gallery-thumbnail img:hover {

    filter: alpha(opacity = 90);

    -moz-opacity: .9;

    opacity: .9;

    border-color: #000000;

}



/* ----------- Gallery navigation -------------*/



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

    padding: 3px 7px;

}



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



.ngg-imagebrowser h3 {

    text-align: center;

    padding-bottom: 10px;

}



.ngg-imagebrowser .pic {

    background: #EEEEEE none repeat scroll 0% 50%;

    border-color: #DDDDDD rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204);

    border-style: solid;

    border-width: 1px;

    color: inherit;

    display: block;

    padding: 10px;

}



.ngg-imagebrowser img {

    margin: -3px;

    background: #FFFFFF none repeat scroll 0%;

    border-color: #AAAAAA rgb(204, 204, 204) rgb(221, 221, 221) rgb(187, 187, 187);

    border-style: solid;

    border-width: 1px;

    color: inherit;

    padding: 2px;

    vertical-align: top;

}



.ngg-imagebrowser-nav {

    padding: 10px;



}



.ngg-imagebrowser-nav .back:hover,

.ngg-imagebrowser-nav .next:hover {

    border: 1px solid #000000;

}



.ngg-imagebrowser-nav .back a:hover,

.ngg-imagebrowser-nav .next a:hover {

    text-decoration: none !important;

}



