/* general */
body {
    font-family: Century Gothic;
    font-size: 0.8em;
    background-color: #FFF;
    color: #000;
    }
a {text-decoration: underline;color: #000;}
a:hover {text-decoration: none;}
a img {border: none;text-decoration: none;}
h1 {float: left;clear: left;margin-top: 0;width: 500px;}
hr {clear: both; visibility: hidden;}
p {text-align: center;}
p.error {color: red;}

/* previous and next pages */
#pages {text-align: center;}
#pages li {display: inline;}
#page_courante {font-size: 1.5em;}

/* directories list */
#dirs {clear: left;}
#dirs li img {display: block;margin: auto;margin-top: 5px;}
#dirs li {
    float: left;    
    margin: 0.2em;    
    list-style: none;
    width: 110px;
    height: 170px;
    text-align: center;
    border: 1px solid #000;
    }
#dirs li.edit, #jpegs li.edit {
    float: left;
    margin: 0.2em;
    list-style: none;
    width: 30%;
    text-align: center;
    border: 1px solid #000;
    }
#dirs li.edit img, #jpegs li.edit img {
    margin: auto;
    margin-top: 5px;}    

.links img {border: 1px solid #FFF;}
.selected img {border: 1px solid #000;}

/* pics list */
#jpegs li {display: inline;list-style: none}
#jpegs li.edit {display: inline;list-style: none}

/* pics around current thumb */
#nav {float: right;}
#nav li {display: inline;}
#nav li img {border: 1px solid #000}
#nav li.white img {border: none; visibility: hidden;}
li#photo_courante img {border: 2px solid #F00;}

/* real size display */
#photo {display: block;clear: both;margin: auto; text-align: center;}
div.img span.exif {text-align: center;display: block;visibility: hidden;clear: both;}
div.img:hover span.exif {text-align: center;display: block;visibility: visible;}

/* edit mode */
#diropt {width: 25em; height: 5em;}

/* help and search */
#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
}

#overlay #help, #overlay #search {
     visibility: hidden;
}
#help, #search {
     width:400px;
     margin: 100px auto;
     background-color: #FFF;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}
#searchtitle {text-align: center;}
#help li {text-align: left;}

/* prelude */
#prelude {float: left;font-size: 60%;}
#prelude ul {padding: 0;margin: 0;}
#prelude li {display: inline;list-style: none;}
#prelude li a {color: #DDD;}
#prelude li a:hover {color: #000; text-decoration: underline;}

/* users */
#users {margin: auto; width: 30em;}
#users label {float: left; width: 8em;}