/* Settings that apply to the entire responsive flickr gallery */
div.rfg-gallery {
}

/* Effect for thumbnails in gallery */
img.rfg-img {
    bottom: 0px;
    opacity:1;
    filter:alpha(opacity=100);
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.8);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

div.rfg-ad {
    float:left; /* important */  
    position:relative; /* important (so we can absolutely position the rft-title div */ 
    margin: 6px;
}

/* Gallery main wrapper */
div.rfg-mainwrapper {
    width: 100%;
    border:none; 
    line-height: 0; /* required to position title correct on all themes */
}

/* Hover effect for pagination links */
a.rfg-page:hover {
    background:royalblue;
    color:white;
    text-decoration:none;
}

/* Pagination */
div.rfg-pagination {
    float: left;
    width: 100%;
    margin:auto;
    border:0;
    text-align:center;
    font-size:0.9em; 
}

font.rfg-page {
    border:1px solid gray;
}

font.rfg-cur-page {
    border:1px solid gray;
    background-color:gray;
    color:white;
}

/* Text decoration for pagination links */
a.rfg-page:visited, a.rfg-page:link {
    text-decoration:none;
    border:1px solid gray;
}

/* Credit Note */
div.rfg-credit {
    text-align:right;
    font-size:0.9em;
}

div.rfg-img-wrapper {
    float:left; /* important */  
    position:relative; /* important (so we can absolutely position the rft-title div */ 
    margin: 6px;
}

/* Photo title */
div.rfg-title {
    line-height: 1.65;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;

    background: rgba(0,0,0,0.5);
    text-align: center;
    color: lightgray; 
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkite-border-bottom-left-radius: 6px;
    -webkite-border-bottom-right-radius: 6px;
}

/* Photo Description */
div.rfg-description {
    position: absolute;
    top: 0;
    padding: 5px;
    line-height: 1.05;
    font-size:85%;
    font-style:italic;
    opacity: 0;
    color: #222222;
    text-decoration: none;
}
div.rfg-img-wrapper a:hover {
    color: #222222;
}

/* Transition effect one */
.rfg-effect-1 img {
   transition-delay: 0s 
   transition-property: all;
   transition-duration: 0.2s;  
   transition-timing-function: linear;
}
.rfg-effect-1:hover img{
    opacity:0.2;
}
.rfg-effect-1 .rfg-title {
   transition-delay: 0s 
   transition-property: all;
   transition-duration: 0.2s;  
   transition-timing-function: linear;
}
.rfg-effect-1:hover .rfg-title {
    opacity:0.2;
}  
.rfg-effect-1:hover {
    overflow: hidden;
}
.rfg-effect-1:hover .rfg-description {
    opacity:1;
}  

