@charset "UTF-8";

/**
 * Time-stamp: <2025-10-27 11:38:34 thomas>
 * @author Thomas Leplus
 */
@import url("base.css");
@import url("generic.css");

div#navbar {
  text-align: left;
  background: white;
  border: 1px solid black;
  border-spacing: 0;
  position: absolute;
  padding: 0;
  margin: 0;
  width: 160px;
}

div#navlinks {
  font-size: 12px;
  padding: 0;
  margin: 0 auto;
}

div#navlinks span {
  display: block;
  background: #eee url("/images/grad1.png") repeat-x;
  color: #26c;
  font-weight: bold;
  text-align: left;
  padding: 3px;
  margin: 3px auto;
  border-top: 1px solid #ddd;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ddd;
  width: 146px;
}

div#navlinks a {
  display: block;
  color: #26c;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

div#searchbar {
  text-align: center;
  border-spacing: 0;
  padding: 0;
  margin: 5px auto;
}

form#search {
  border: none;
  border-spacing: 0;
  padding: 0;
  margin: 0 auto;
}

form#search input.text {
  text-align: left;
  border-spacing: 0;
  padding: 0;
  width: 138px;
}

div#buttonbar {
  background: silver;
  text-align: center;
  line-height: 2;
  border: none;
  border-spacing: 0;
  padding: 5px;
  margin: 5px auto;
  font-size: 12px;
}

div#mainbar {
  background: white;
  text-align: left;
  border: 1px solid black;
  border-spacing: 0;
  position: absolute;
  padding: 10px;
  margin: 0 0 0 170px;
  width: 520px;
}

div#navlinks span:hover {
  background: black url("/images/grad2.png") repeat-x;
  color: #222;
  border-top: 1px solid #ddd;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  border-left: 1px solid #ddd;
}

div#navlinks a:hover {
  text-decoration: none;
}

img.portrait {
  width: 100%;
}