/*
 * Generic
 */
* { margin: 0; padding: 0; }

body
{
  background-color: white;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 1em;
}

a
{
  text-decoration: none;
}

/*
 * Containers
 */
div#content
{
}
div#thumb_container
{
  margin: 0em;
  background-image: url(fond.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  min-height: 500px;
}

div#thumb_album_container
{
  margin: 0em;
}

div#thumb_image_container
{
  margin: 0em;
}
div#image_container
{
  margin: 0em;
  background-image: url(fond2.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

/*
 * Images thumbs
 */
div.thumb_image
{
  display: inline;
  float: left;
  margin: 0.5em 0.5em 0.5em 0.5em;
  /*width: 250px;*/
  width: 11em;
  text-align: center;
}

div.thumb_image img
{
  padding: 1px;
  border: 1px solid black;
  background-color: #FFF;
}


/*
 * Albums thumbs
 */
div.thumb_album
{
  float: left;
  margin: 0.5em 0.5em 0.5em 0.5em;
  width: 11em;
  text-align: center;
}

div.thumb_album img
{
  padding: 1px;
  border: 1px solid black;
  background-color: #FFF;
}

/*
 * Image medium page
 */
div.medium_image
{
  text-align: center;
  /*margin: 1em;*/
}
div#next
{
  float: right;
  margin-top: 1em;
  margin-left: 1em;
  margin-right: 1em;
}
div#prev
{
  float: left;
  margin-top: 1em;
  margin-left: 1em;
  margin-right: 1em;
}
div#prev .name
{
  display: none;
}
div#prev .caption
{
  display: none;
}
div#next .name
{
  display: none;
}
div#next .caption
{
  display: none;
}

div.medium_image img
{
  padding: 2px;
  border: 4px solid #000;
  background-color: #FFF;
}
div.medium_image img:hover
{
  border: 4px solid #ac0b0b;
}

div#prev img
{
  padding: 1px;
  border: 2px solid black;
  background-color: #FFF;
}
div#next img
{
  padding: 1px;
  border: 2px solid black;
  background-color: #FFF;
}
div#next img:hover,
div#prev img:hover
{
  border: 2px solid #ffcf4d;
}

.name
{
  color: green;
  font-weight: bold;
  margin: 0em;
}

p.caption
{
  display: block;
  color: #555;
  margin: 0em;
  font-size: 0.7em;
  font-style: italic;
  /* fix the caption height
   * in order to keep thumbs aligned */
  height: 5em;
  overflow: auto;
}
div.medium_image p.caption /* this is the image page */
{
/*  margin: 0.5em auto 0.5em auto;*/
 /* border: 1px dotted black;*/
  /*width: 25em;*/
  height: auto;
  margin-bottom: 0.5em;
}

p.credit
{
  text-align: right;
  font-size: 0.7em;
  margin: 0em;
}



/*
 * Separators & spacers
 */
hr
{
  clear: both;
  margin: 0em;
}

hr.spacer
{
  visibility: hidden;
  margin: 0em;
  padding: 0em;  
}

hr#separator_top
{
  margin: 0em;
}

hr#separator_bottom
{
  margin: 0em;
}

hr#separator_middle
{
  opacity: 0.5;
  margin: 0em;
  color: #AAA;
  height: 1px;
}

/*
 * Back navigation button
 */
p#back
{
  float: right;
  margin-right: 0.5em;
}
p#back img
{
  border: none;
  vertical-align: bottom;
}
p#back:before
{
  /* doesn't work on IE6 */
  /*content: "<<< ";*/
}
p#back:after
{
  /* doesn't work on IE6 */
  /* content: " <<<"; */
}


/*
 * Navigation menus
 */
ul#menu
{
  font-weight: bold;
  list-style-type: none;
  margin: 0em;
}
ul#menu li
{
  padding: 0.2em;
  float: left;
}
ul#menu li a
{
  text-align: center;
  text-decoration: none;
}
ul#menu li:before
{
/* doesn't work on IE */
/*  content: "» "; */
}


/*
 * Style switcher
 */

ul#styleswitcher
{
  margin: 0; padding: 0;
  margin-right: 40%;
  float: right;
  list-style-type: none;
}
ul#styleswitcher li a
{
  border: 1px solid #555;
  margin: 0 2px 1px 0;
  padding: 0.2em;
  float: left;
  color: #555;
}
ul#styleswitcher li a:hover
{
  background-color: #CCC;
  color: #000;
}
ul#styleswitcher li img
{
  border: 0px solid black;
  width: 16px;
  height: 16px;
}

/*
 * Header & Footer area
 */
p#header-caption
{
  display: block;
  text-align: center;
  background-color: #FFF;
  border-bottom: 1px solid #777;
  padding: 0.5em 5em 0.5em 5em;
  font-size: 0.9em;
}

p#footer-caption
{
  display: block;
  text-align: center;
  background-color: #FFF;
  border-bottom: 1px solid #777;
  padding: 0.5em 5em 0.5em 5em;
  font-size: 0.9em;
}
div#header {
  display: block;
  height: 2em;
  border-bottom: 1px solid #777;
  font-size: 0.8em;
}
div#footer {
  border-top: 1px solid #777;
}