body {
	font-family: Trebuchet MS;
	font-size: 75%;
	margin: auto;
}
#content {width: 70%;margin:auto;}
a {color: #000;}
a:hover {color: #000;text-decoration: none;}
a img {border:none;}
h1 {
	font-size: 130%;
	font-weight: bold;
	padding: 1em;
	float: left;
}
h2 {font-size: 90%; text-align: center;clear: both;}
p.error {color: red;}

/* prelude */
#prelude {float: right;}
#prelude ul {padding: 0;margin: 0;}
#prelude li {display: inline;list-style: none;}
#prelude li a {color: #DDF;}
#prelude li a:hover {color: #000; text-decoration: underline;}

#dirs {border-top: 1px solid #CCC;clear: both; padding: 0em 1em 0em; margin: 0em;}
#dirs a {text-decoration: none;}
#dirs .dirtitle {width: 12em; bottom: 3em; padding: .2em;}
#dirs img {float: left;margin: .4em}
#dirs li {
	list-style: none; 
	padding: 0.3em; 
	margin: 0.2em 0.2em 0.2em;
	float: left;
	background-color: #EEF;
	border: 1px solid #DDF;
	width: 30%;
}

hr {clear: both;visibility: hidden;}

#jpegs {border-top: 1px solid #CCC;clear: both; padding: 0em 1em 0em; margin: 0em;}
#jpegs li {float: left; list-style: none; padding: 0.1em 0.2em; margin: 0em;}

#pages {float: right;}
#pages li {display: inline;}

#nav {border-top: 1px solid #CCC;clear: both; padding: 0em 1em 0em; margin: 0em;text-align: center;}
#nav li {display: inline;}
#photo_courante img {border: 2px solid red;}
#nav li.white {visibility: hidden;}

/* real size display */
#photo {display: block; margin: auto; text-align: center;}

.links img {border: 1px solid #DDF;}
.selected  img {border: 1px solid #000;}
.selected .dirtitle {text-decoration: underline; font-weight: bold;}

#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;
}
#help li {text-align: left;}
#searchtitle {text-align: center;}


/* edit */
#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;}	
#jpegs li.edit {display: inline;list-style: none}
#diropt {width: 25em; height: 5em;}