body {
  font-family: "lucida grande", helvetica, arial, tahoma, verdana, sans-serif;
  font-size: 75%;
  color: #888888;
  background: #747474;
  border: 0;
  margin: 0;
  padding: 0;
  
}

a { color: #000000; }

a img { border: none; }

code { font-style: monospace; font-size: 120%; background: #CCCCCC;}


img.right { float: right; }
img.left { float: left; }

textarea {
  width: 100%;
  height: 300px;
}

div.everything {
  margin: 0;
  padding: 0;
  border: 0;
}

/* ===========================================
   dirlisting thingy.
   ======================================== */

td.dirfilename { }
td.dirsize { text-align: right; padding-left: 2em; }
td.dirlastmod { text-align: right; padding-left: 2em; }


/* ===========================================
   logo thingy.
   ======================================== */

div.title_wrap { color: #ffffff; }
div.title {
  color: #000000;
  text-align: left;
  padding: 2em; 
 // font-weight: lighter; 
  line-height: 1.8ex; 
  border-bottom: 1px solid #CA3600; 
}
div.title p { padding: 0; margin: 0; }
div.title h1 {
  color: #ffffff;
  font-size: 200%; 
  padding: 0; 
  margin: 0; 
}

/* ===========================================
   menu
   ======================================== */

div.menu_wrap, div.submenu_wrap { color: #ffffff; }
div.menu, div.submenu { 
  padding: 2em; 
  border-bottom: 1px solid #CA3600; 
  text-align: left;
}
div.menu a, div.submenu a { 
  text-transform: uppercase;
  font-weight: lighter; 
  color: #ffffff; 
  text-decoration: none;
  letter-spacing: 0.2em;
  margin-left: -3.5em;
  padding-left: 2em;
  padding-right: 2em;
  border-left: 1.5em solid #CA3600;
}

div.menu p, div.submenu p { margin: 0; padding: 0; }

div.menu a:hover, div.submenu a:hover,
div.menu a:active, div.submenu a:active { 
  border-left: 1.5em solid #CA0900;
  background: #747474;
}

/* ===========================================
   content
   ======================================== */

div.content_wrap { }
div.content a { text-decoration: none; }
div.content a:hover { border: 1px solid #747474;}
div.content {
  text-align: justify;
  padding: 0 4em 0 4em;
}

li { text-align: left; list-style-type:circle; }

h1 { font-size: 160%; margin:0; margin-top: 2em; }
h2 { font-size: 140%;}
h3 { font-size: 120%;}

h2 a { text-decoration: none; }


/* ===========================================
   copyright notice.
   ======================================== */

div.copyright_wrap { color: #000000; }
div.copyright { text-align: left; padding: 2em; }
div.copyright a { color: #ffffff; text-decoration: none; font-weight: bolder; }

/* ===========================================
   edit/state bars.
   ======================================== */

div.funcbar a:hover, div.funcbar a:active,
div.editbar a:hover, div.editbar a:active { }

#submenu_select { }

div.funcbar, div.editbar { }
div.funcbar a, div.editbar a { }
div.statebar { }
div.statebar span { }

/* ===========================================
   some graphic design ;)
   ======================================== */

div.everything { 
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

table.layout { 
  margin: 0 0 0 auto; 
  border: 0; 
  padding: 0; 
  border-spacing: 0;
  /*border-bottom: 0.2em solid #aaaaaa;*/
}
tr { border: 0; margin: 0; padding: 0; }
td { border: 0; margin: 0; padding: 0; vertical-align: top; }

td.content { background: #ffffff; border-left: 1.0em solid #aaaaaa; }

td.menu, td.copyright { background: #FF7E00; border-left: 1.5em solid #CA3600; }
td.copyright { vertical-align: bottom; }

div.menubar { width: 20em; }

div.menu_wrap, div.submenu_wrap { }

div.title_wrap   { }
div.copyright_wrap { }
div.content_wrap { width: 45em; }

div.funcbar, div.editbar, div.statebar, 
div.menu, div.submenu, div.flickr, div.content, div.copyright { }

/** divers */

td.decoration-left {
  /*background: #747474 url(ressources/images/interface/lines.png);
  width: 10px;
  border-bottom: 1px solid white;*/
}

div.image-box {
   text-align: left;
   margin: 0;
}

div.image-box a:hover {
  border: none;
}

a img {
   padding: 0.2em;

   opacity: 0.5;
   filter: alpha(opacity=50);
   -moz-opacity: 0.5;
}

a:hover img {
   padding: 0.2em;

   opacity: 1.0;
   filter: alpha(opacity=100);
   -moz-opacity: 1.0;
}

/** JQuery addons **/

hr, br {
	clear: both;
	margin: 1em 0;
}

h2, h3 {
	clear: both;
	line-height: 3em;
	margin:0;
}

/* The hovered items' parent */
ul {
    clear: both;
    font-family: Helvetica, Arial, sans-serif;
    list-style-type: none;
    position: relative;
	margin: 1em 0;
}

/* The hovered items */
ul li {
    position: relative;
    z-index: 100;
    padding: 0 0.5em;
    line-height: 1.5em;
    float: left;
	clear: left;
	margin:0;
}
ul li:hover {
    color: #134;
}

ul div.ahover {
    background: #adf;
    border: 2px solid #cef;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

/* The hover element, dynamically created */
div.ahover {
    position: absolute;
    z-index: 99;
    background: #cef;
	/*max-height:  1.5em;*/
}