/* Standard and common elements */
body {
    font-family: Trebuchet MS;
    font-size: 0.8em;
	background-color: #FFF;
	color: #000;
}
a {color: #000;text-decoration: underline;}
a:hover {text-decoration: none;}

a img {border: none;}

div#content {}
div#prelude {float: right;font-size: 70%;}
div#prelude ul {margin: 0px;}
div#prelude ul li {display: inline;}
div#prelude ul li a {color: #888;}

h1 {font-size: 140%;}
h1 a {}

ul#tags {
    text-align: center;
    margin: auto;
    margin-top: 5em;
    width: 30%;
}
ul#tags li.tag {
    display: inline;
    margin: 0.1em;
    padding: 0.2em;
}
ul#tags li.lev1 {font-size: 0.7em;}
ul#tags li.lev2 {font-size: 0.8em;}
ul#tags li.lev3 {font-size: 0.9em;}
ul#tags li.lev4 {font-size: 1.0em;}
ul#tags li.lev5 {font-size: 1.1em;}
ul#tags li.tag a {color: #333;}
ul#tags li.lev1 a {}
ul#tags li.lev2 a {}
ul#tags li.lev3 a {}
ul#tags li.lev4 a {}
ul#tags li.lev5 a {}


div#footer {padding-top: 1em;clear: both;}
div#footer div {
    text-align: center;
    clear: both;
    color: #666;
}
div#footer div a {color: #666;}


div#overlay {
     position: fixed;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     display: none;
}
div#overlay form {}

div#help, div#search {
    display: none;
    background-color: #FFF;
    margin: auto;
    margin-top: 3em;
    width: 30%;
    border: 1px solid black;
    padding: 0.5em;
}
div#help h2 {}
div#help ul {}
div#help ul li{}
div#help ul li strong{}

div#search {}
div#search input#q {}
div#search input {}

#helpclose, #searchclose, #ovclose, #navpics {float: right;}

div#overlayimg {
    display: none;
	width: 1036px;
    background-color: #FFF;
	margin: auto;
    margin-top: 3em;
    border: 1px solid black;
    padding: 0.5em;
}
#ovimg {max-height: 800px;}

/* Folder Mode */
h2#searchtitle {
    font-size: 120%;
    text-align: center;
}
ul.pages {margin: auto;text-align: center;}
ul.pages li {display: inline;}
ul.pages li#page_courante {font-size: 120%;}
ul.pages li a {}
ul.pages li a.prevp {}
ul.pages li a.nextp {}

ul#dirs {}
ul#dirs li {
    display: inline;
    float: left;
    width: 8em;
    height: 12em;
    margin: 0.2em;
    border: 1px solid black;
    text-align: center;
    padding: 0.5em;
}
ul#dirs li a.links {}
ul#dirs li a.links img {
    display: block;
    margin: auto;
    border: 1px solid #FFF;
}
ul#dirs li a.links span.dirtitle {}

hr#afterdirs {
    clear: both;
    visibility: hidden;
}

ul.jpegs {}
ul.jpegs li {
    display: inline;
}
ul.jpegs li a.links{}
ul.jpegs li a.links img {border: 1px solid #FFF;}

h2.subtitles {
    padding-left: 2em;
    font-size: 110%;
	clear: left;
}
p.subtitles {padding-left:2em;}
   
/* Single Picture Mode */
ul#nav {
	float: left;
    text-align: center;
}
ul#nav li {list-style: none;}
ul#nav li.white {visibility: hidden}
ul#nav li a {}
ul#nav li a img{border: none;}
ul#nav li#photo_courante {}
ul#nav li#photo_courante img {border: 2px solid red;}

hr#beforepic {visibility: hidden;}

#content div.img {margin: auto;text-align: center;}
div.img img#photo {display: block;margin: auto;}
div.img span.exif {
    visibility: hidden;
	padding-left: 20px;
	background-image: url(camera.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
}
div.img:hover span.exif {visibility: visible;}

/* Multi mode */
ul#multi {padding-left:0.3em;margin: auto;}
ul#sections {float:right;padding-left: 0em;width: 11%;}
ul#sections li {list-style: none;text-align: right;}
ul#sections li h2 {padding-left: 0.2em;}

ul#multi li {
    display: inline;
    float: left;
    width: 360px;
    height: 255px;
    margin: 0.2em;
    text-align: center;
    padding: 0px;
}
ul#multi li a.links {}
ul#multi li a.links img {
    display: block;
    border: 1px solid #FFF;
	max-height: 213px;
	max-width: 350px;
    text-align: center;
	margin: auto;
}
ul#multi li a.links span {
}
ul#sections li h2#currentsection {border: 1px solid black;}

ul#dirs li a.selected img, ul#multi li a.selected img, ul.jpegs li a.selected img {border: 1px solid #000;}