/*******************************
 * Flickr'n'jQuery
 *******************************
 * Author: Mickael BLATIERE (blatiere@gmail.com)
 * Last update: 12/09
 * http://plugins.jquery.com/project/flickr-n-jquery
 ******************************/

ul#photosets {margin: 0;float: left;display: block;}

ul#photosets li {float: left;}

ul#photosets li div {margin: 0 10px 0 0;float: left}

ul#photosets li div span {
    height:50px;
    position:relative;
    color:#CCCCCC;
    display:block;
    float:left;
    font-weight:bold;
    margin:-50px 0 0;
    width:190px;
    background: url(../img/overlay.png);
}

ul#photosets li div span abbr {
    border-bottom: none;
    color:#F9F9F9;
    float:left;
    font-size:10px;
    margin:5px 5px 0;
    text-transform:uppercase;
}

ul#photosets a {height: 85px;width: 85px;overflow: hidden;background-color: #F0F0F0;display: block;}
ul#photosets a:hover {background-color: #FFF;}

ul#photosets a img {padding: 5px;border: none;position: relative;}

ul#photosets li em {font: bold 1em Georgia, "Times New Roman", Times, Serif;}
ul#photosets li p {float:left;color: #000;font-size: 1em;}

ul#photosets li,
#photo-zoom #photo {
    margin:0 -18px 10px 0;
    overflow:hidden;
    padding:10px;
}

#photo-zoom {z-index: 1010;}

#photo-zoom #photo {width: 350px; background-color: #F0F0F0;}

#photo-zoom #photo #photo-info {
    color: #666;
    padding: 10px 0px 20px;
    font-size: 10px;
    line-height: 1.2em;
    display: block;
    width: 100%;
    display: none;
}

#photo-zoom #photo #photo-info em {font-weight: bold;font-style: normal}
#photo-zoom #photo #photo-info img {float: right;margin-top: -10px;}
#photo-zoom #photo #photo-info img:hover {cursor: pointer;}

#photo-zoom #photo #photo-controls {float:left;margin-top:75px;position:absolute;z-index:10;display: none;}

#photo-zoom #photo #photo-controls .next,
#photo-zoom #photo #photo-controls .prev {display:block;height:30px;text-indent:-9000px;width:30px;}

#photo-zoom #photo #photo-controls .next {background:transparent url(/images/flickr/next.png) no-repeat scroll 0 0;float:right;}

#photo-zoom #photo #photo-controls .prev {background:transparent url(/images/flickr/prev.png) no-repeat scroll 0 0;float:left;}

#photo-zoom,
#overlay {position: absolute;width: 100%;top: 0;left: 0;}

#photo-loading {width: 100%;height: 100%;background: url(/images/flickr/loading.gif) no-repeat center center;}

#overlay {background: url(/images/flickr/overlay.png);z-index: 1010;}