/*-----------------------------------------------------------------------------
  [CSS - ezgallery.css]

  Feuille de style de la gallerie photo

  1. Générique
    1.1 Cadre photo
    1.2 Liste d'albums
    1.3 Albums à la une
    1.4 Full albums container
    1.5 Catégories
  2. Sidebar
    2.1 Infos galerie
    2.2 Galerie sidebar
    2.3 Infos album
  3. Edition Album
  4. Mes albums
  
-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------
  [1. Générique]
*/

/*---------------------------------------------------------------------------
        [1.1 Cadre photo] -- */

#album-picture {
    text-align:center;
    margin-bottom:20px;
}

#album-picture.loading {
    height:auto;
}

    #full-gallery h2,
    #album-picture h2 {
        color:#AD175C;
        margin-bottom:15px;
        text-align:left;
    }

    #full-gallery .comment h2,
    #album-picture .comment h2 {
        margin-bottom:0px;
    }

    #album-picture p.desc {
        text-align:left;
        margin:5px 0;
    }

    #album-picture .nav {
        background:url(../images/arrow_gallery.png) no-repeat scroll 0 -38px;
        display: block;
        float:left;
        height:38px;
        line-height:38px;
        width: 32px;
        overflow: hidden;
        position:relative;
    }

    #album-picture .next {
        float:right;
        background-position:-32px -38px;
    }

    #album-picture .nav:hover {
        background-position:0 0;
    }

    #album-picture .next:hover {
        background-position:-32px 0;
    }

        #album-picture .nav span {
            display:none;
        }

    #album-picture .comments {
        text-align:left;
    }

    #album-picture .related-photos {
        float:right;
        margin-right:25px;
    }

        #album-picture .related-photos li {
            float:left;
            margin:4px;
            display:inline;
            list-style:none;
        }

            #album-picture .related-photos li.name h3 {
                font-size:14px;
                font-style:italic;
                font-weight:normal;
                line-height:25px;
                margin:0;
                text-align:right;
            }

/*---------------------------------------------------------------------------
        [1.2 Liste d'albums] -- */

.albums li {
    float:left;
    margin-right:15px;
    overflow:hidden;
    width:110px;
}

    .albums h3 {
        font-size:12px;
        white-space:nowrap;
        margin:0;
    }

    .albums li a.filter {
        display:block;
        height:71px;
        overflow:hidden;
    }

.empty_album {
    background:url(../images/empty-album.png) no-repeat center center;
    color:#868F98;
    display:block;
    border:1px solid #868F98;
    height:49px;
    width:45px;
    padding:20px 30px 0;
    text-align:center;
    font-style:italic;
}

.empty_album:hover {
    text-decoration:none;
}

/*---------------------------------------------------------------------------
        [1.3 Albums à la une] -- */

.top_albums {
    margin-bottom:20px;
}

    .top_albums .albums {
        background-color:#3092CB;
        float:left;
        padding:15px 5%;
        width:90%;
    }

        .top_albums .albums a.filter {
            height:73px;
        }

        .top_albums .albums h3 a {
            color:#fff;
            font-weight:normal;
        }
        .top_albums .albums img {
            border:1px solid #fff;
        }

        .top_albums .albums .empty_album {
            height:51px;
            width:47px;
        }

        .empty_album:hover {
            border:1px solid #2C150F;
            color:#2C150F;
        }

/*---------------------------------------------------------------------------
        [1.4 Full albums container] -- */

#filter-albums.ezcontent {
    background-color:#E4E4E4;
}

#gallery-infos .seeall-albums {
    color:#AD175C;
}

#full-album_category form,
#full-albums_container form {
    margin-bottom:20px;
}

    #full-album_category form .search,
    #full-albums_container form .search {
        float:left;
    }

        #full-album_category form .select-box,
        #full-albums_container form .select-box,
        #full-album_category form .button_search,
        #full-albums_container form .button_search {
            margin-right:15px;
        }

#full-album_category .container,
#full-albums_container .container {
    overflow:hidden;
}

    #full-album_category h2.album-category,
    #full-albums_container h2.album-category {
        margin-top:15px;
    }

/*---------------------------------------------------------------------------
        [1.5 Catégories] -- */

.album-category a {
    background-color:#AD175C;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    padding:2px 4px;
}

.album-category a:hover {
    background-color:#E4297A;
    color:#fff;
    font-size:12px;
    text-decoration:none;
}

/*---------------------------------------------------------------------------
  [2. Sidebar]
*/

/*---------------------------------------------------------------------------
        [2.1 Infos galerie] -- */

#sidebar #gallery-infos .select-box {
    width:215px !important;
    margin-top:5px;
}

    #sidebar #gallery-infos .select-box ul {
        width:215px !important;
        padding:0;
    }

#gallery-infos form {
    margin-bottom:15px;
}
    #gallery-infos .selectBox {
        margin-top:3px;
    }

#gallery-infos .container {
    background-color:#e2e2e2;
    overflow:hidden;
    padding:10px 15px;
    width:auto;
}

#gallery-infos ul {
    margin:5px 0;
}
    #gallery-infos li {
        width:auto;
        float:none;
    }

        #gallery-infos li .albums {
            padding-left:15px;
        }
            #gallery-infos li .albums li a {
                color:#2C150F;
                font-weight:normal;
                background-color:transparent;
                margin:2px 0;
            }
            #gallery-infos li .albums li a:hover {
                background-color:#AD175C;
                color:#fff;
            }

#gallery-infos .seeall-albums {
    font-style:italic;
    float:right;
}

#gallery-add ul {
    padding:20px 0 0 70px;
    height:50px;
    background:url(../images/gallery-add.gif) no-repeat left center;
    list-style:none;
}

    #gallery-add ul li {
        font-style:italic;
        height:20px;
    }


/*---------------------------------------------------------------------------
        [2.2 Galerie sidebar] -- */

#sidebar_gallery {
    background-color:#3092CB;
    padding:10px;
}

    #sidebar_gallery h2 {
        margin:0;
        padding:0;
        margin-bottom:3px;
    }

    #sidebar_gallery a {
        color:#fff;
    }

    #sidebar_gallery div {
        text-align:center;
    }
    #sidebar_gallery div.show_title {
        text-align:left;
    }
        #sidebar_gallery .show_title a {
            float:left;
        }
        #sidebar_gallery .show_title a.name {
            margin-left:5px;
            width:88px;
        }

/*---------------------------------------------------------------------------
        [2.3 Infos album] -- */

#album-infos h3 {
    color:#AD175C;
	font-size:15px;
    margin:0;
}
#album-infos .author {
    color:#AD175C;
    float:none;
    text-decoration:none;
}
#album-infos .numbers {
    font-weight:bold;
    margin-bottom:10px;
}
#album-infos .dates {
    font-style:italic;
}

#related-photos li.odd,
#related-photos li.even {
    float:left;
    width:107px;
    height:71px;
    text-align:center;
    margin:0 0 5px 0;
}

#related-photos li.odd {
    margin-right:5px;
}

/*---------------------------------------------------------------------------
  [3. Edition Album] 
*/

#full-edit-album h1 a {
    float:right;
}

#full-edit-album form {
    margin:10px 0;
    overflow:hidden;
}

    #full-edit-album form h2 {
        text-indent:15px;
    }

    #full-edit-album form h2.new_photo {
        cursor:pointer;
    }

    #full-edit-album form.photos fieldset {
        padding-top:20px;
    }

        #full-edit-album form fieldset h3 {
            margin:0 5px 5px 50px;
            display:inline;
        }
    
    #full-edit-album form.photos .small {
        clear:none;
        float:left;
        margin:5px 0 5px 4%;
        padding:0;
        width:21%;
    }
        #full-edit-album form.photos .small h3 {
            display:block;
            float:left;
            font-size:12px;
            margin:0;
            overflow:hidden;
            white-space:nowrap;
            width:73px;
        }

        #full-edit-album form.photos .preview {
            display:none;
        }

        #full-edit-album form.photos .small .preview {
            display:block;
        }

        #full-edit-album form.photos .small .edit_content {
            display:none;
        }

/*---------------------------------------------------------------------------
  [4. Mes albums] 
*/

#full-my_albums li.not-filled {
    width:auto;
    float:none;
}

    #full-my_albums .albums li {
        clear:none;
    }

        #full-my_albums .albums .photo {
            position:relative;
            overflow:hidden;
        }

            #full-my_albums .albums .admin-actions {
                background-color:#fff;
                padding:2px 2px 0 2px;
                display:none;
                position:absolute;
                top:0;
                left:0;
            }

            #full-my_albums .albums .empty .admin-actions {
                top:1px;
                left:1px;
            }

            #full-my_albums .albums .photo:hover .admin-actions {
                display:block;
            }