/*
 * Combined style sheet for the index pages and the slide pages.
 */

/* Style for all bodies. */
body {
  color: black;
  background-color: #FDFFE9 ;
  margin: 0;
  padding: 0;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  text-align: center;
}

/* background for all index */
body#index {
   margin-left:4%;
   margin-right:4%;
   background-position: center;
   background-repeat: no-repeat;
}

body#slide {
   margin-left:2%;
   margin-right:2%;
}


/* Header */
h1, h2, h3, h4 
  {
          clear:both;
          text-align: center;
          font-size: larger;
          color: black ;
          background-color : #FFCC33 ;
     } 
  h1 {
   font-size: 200%;
}
  h2 {
   font-size: 180% ;
   color:blue;
   width:60%;  
}
  h3 {
    font-size: 150%;
    width:70%; 
}
  h4 {
    font-size: 95%;
}
  h5 {
   font-weight: bold;
   text-align: left;
   background-color : #FFCC33 ;
   font-size:italic;
   width:40%;
}

/* h6 used for displaying the title of each photo 
     line starts with a little picture in background
     and text comes after  */
  h6 {

   text-decoration: none ;
   text-align: left;
   width:40%;
   padding-left:6em;
   margin-top: 5px;
   margin-bottom:20px;
   margin-left:20%;
   height:1.5em;
   font-weight: bold;
   font-style:italic;
   font-size: 110%;
   color:#FFCC33;
   border:1px solid #FFCC33;
   display: block;


}


/* no border for images */

img {
  border-width:0;
}



/* Custom link styles */

a {
  text-decoration: none;
  text-align: left ;
  font-weight: bold;
  color:black;
  padding: 5px;
  font-size: 80%  ;
  margin: 0;
  border:3px;
  display:block;
}
/* no block for some displays */
a.nblock {
  display: inline;
}



a:hover {
  font-weight: bold;
  background-color: #FFCC33 ;
/*  border: 3px inset #c0c0c0;*/
}


a:active {
	text-decoration: none;
	color: #FFAAAA;
}

a:visited {
	text-decoration: none;
	color: #AAAAAA;
}

a:link {
	text-decoration: none;
	color: gray
}

/* comment of all images */
.comment {
  color: black;
  font-size: 80%;
  font-style: italic;
  background-color: #FDFFE9 ;
  margin-right:10%;
  margin-left:10%;
  text-align:left;
  padding-top:1px;
  padding-bottom:1px;
  padding-right:1px;
  padding-left:1px;



}

/* word : bigger and green */
.word {
     font-size: 105% ;
     color: #008000;
}


/* explanation text for folders and pictures */
.description {
    font-size: 90%;
    font-weight: bold;
    text-align:left;
    margin-right:3px;
    margin-left:6px;
    padding-right:5px;
}
.description ul    /* use UL and LI in description, strating with a little triangle */
{
  margin:0 0 0 0;
  list-style:none;
  padding-left: 0;
}

.description li
{
  padding-left: 20px;   /* for the triangle */
  list-style:none;
  background-image: url(trismall.gif);
  background-repeat: no-repeat;
  background-position: 0 .2em;
  font-size: 100%;
  width:80%;
  text-align:left;
  color: black ;
}
.description li a {
  text-decoration: none;
  color:black;
}
/* floating images width and height computed */
.imagfloat {
     float:left;
     width: 10em;
     height: 7em;
     vertical-align:bottom;
}

/* floating images for directories inside the first float */
.imagfloatdir {
     width: 11em;
     height: 7em;
     vertical-align:bottom;
   margin:2px;
   border:2px solid #FFCC33;
   text-decoration: none;

     }

/* floating without height */
.imagfloat2 {
     float:left;
     width: 11em;
    display:inline;
    text-align:left;
}


/* no more floating */
.clearboth {
    clear: both; 
}


#imageinfo {

	font-size: 85%;
}