a.synbioz {
  color: #908550;
  text-decoration: none; }
  a.synbioz:hover {
    color: #348AB9; }

body {
  background-color: #1d1d20; }

form {
  margin: 0px auto;
  width: 400px; }
  form p {
    line-height: 1.5em;
    margin-right: 75px;
    padding: 5px;
    text-align: right; }

h1 {
  margin: 10px auto 10px;
  text-align: center; }

input.text {
  border: 1px solid #ccc;
  width: 200px; }
input.submit {
  background-color: #cc0;
  border: 1px solid #600;
  color: #1d1d20;
  font-size: 1em;
  font-weight: bold;
  padding: 2px 5px; }
  input.submit:hover {
    background-color: #600;
    border: 1px solid #cc0;
    color: white;
    cursor: pointer; }

select, textarea {
  border: 1px solid #ccc;
  width: 200px; }

label {
  vertical-align: top; }
  label * {
    vertical-align: top; }

.spacer {
  clear: both; }

span.accesskey {
  font-weight: bold;
  text-decoration: underline; }
span.fieldWithErrors input, span.fieldWithErrors select, span.fieldWithErrors textarea {
  border: 2px solid #c00; }

.stricken {
  text-decoration: line-through; }

#code {
  line-height: 2em;
  padding: 40px; }

#container {
  color: white;
  font-size: 1.2em; }
  #container.cv #content, #container.contact #content, #container.credits #content, #container.code #content {
    background-color: white; }
  #container.cv #menu li a:hover, #container.contact #menu li a:hover, #container.credits #menu li a:hover, #container.code #menu li a:hover {
    border-bottom: none; }
  #container.more #content {
    background-color: white; }
    #container.more #content #bookmarks {
      color: white;
      list-style-type: none;
      margin-left: -25px; }
      #container.more #content #bookmarks li {
        border: none;
        margin: 0;
        padding: 0; }
      #container.more #content #bookmarks a.odd {
        background-color: white; }
      #container.more #content #bookmarks a.even {
        background-color: #1d1d20; }
    #container.more #content #iwant {
      list-style-type: none; }
    #container.more #content ul li {
      border-top: 1px dotted #1d1d20;
      padding: 1em 0; }
      #container.more #content ul li h3 {
        color: #1d1d20;
        margin-bottom: 0.2em;
        text-align: right; }
      #container.more #content ul li img {
        float: left;
        padding: 0 0.5em 0.5em 0; }
  #container.more #bookmarks a {
    display: block;
    padding: 10px 20px;
    width: 654px; }
    #container.more #bookmarks a:hover {
      border-left: 5px solid #cc0;
      border-right: 5px solid #cc0;
      padding-left: 15px;
      padding-right: 15px; }

#contact {
  line-height: 2em;
  padding: 40px; }
  #contact img {
    padding-right: 1em; }

#content {
  position: relative; }

#credits {
  line-height: 2em;
  padding: 40px; }
  #credits a img {
    float: right; }
  #credits a:hover img {
    border-bottom: 0.3em solid #348AB9;
    padding-bottom: 0.5em; }

#cv {
  line-height: 2em;
  padding: 55px 40px 40px; }
  #cv h1 {
    margin-top: 1em; }
  #cv h2 {
    border-bottom: 1px solid #1D1D20;
    margin: 1em 0; }
  #cv h3.space {
    margin: 0.5em 0; }
  #cv h4 {
    padding: 0.5em 0 0.5em 2em; }
  #cv ul {
    list-style-type: square;
    margin-left: 1.5em; }
  #cv ul.knowledges {
    margin-left: 4em; }
  #cv .identity {
    border-left: 2px solid #908550;
    padding-left: 1em; }
    #cv .identity img {
      margin-right: 1em; }
      #cv .identity img.right {
        float: right; }

#cv_to_pdf {
  position: absolute;
  top: 0.5em;
  right: 2em; }

#apartment_wrapper {
  background: url('/images/apartment_middle.png') white repeat;
  color: black;
  margin: 0em auto;
  position: relative;
  width: 1020px; }
  #apartment_wrapper a {
    border-bottom: 1px solid;
    color: black;
    text-decoration: none; }
  #apartment_wrapper a:hover {
    border-bottom: 1px dotted; }
  #apartment_wrapper img.illustration {
    display: block;
    margin: 0 auto; }
  #apartment_wrapper #apartment {
    margin: 0 auto;
    width: 960px; }
    #apartment_wrapper #apartment .informations {
      background-color: #eee;
      border: 1px solid #ccc;
      padding: 0.5em 1em; }
      #apartment_wrapper #apartment .informations p {
        padding: 0.5em 0;
        text-align: justify; }
        #apartment_wrapper #apartment .informations p span {
          border-bottom: 1px solid; }
  #apartment_wrapper h1 {
    margin: 0;
    padding: 1em; }
  #apartment_wrapper h2 {
    border-bottom: 1px solid #808080;
    margin-bottom: 1em;
    padding-bottom: 0.5em; }
  #apartment_wrapper p, #apartment_wrapper h2 {
    padding: 1em 0; }

#apartment_wrapper_bottom {
  background: url('/images/apartment_bottom.png') white no-repeat center; }

#wrapper {
  background: url('/images/middle.png') white repeat;
  color: black;
  margin: 0em auto;
  position: relative;
  width: 724px; }

#wrapper_bottom {
  background: url('/images/bottom.png') white no-repeat center; }

#errorExplanation {
  background-color: #F0F0F0;
  border: 1px solid white;
  color: #000;
  margin: 20px auto;
  padding-bottom: 12px;
  width: 400px; }
  #errorExplanation h2 {
    background-color: #c00;
    border-bottom: 1px dashed white;
    color: white;
    font-size: 1.2em;
    padding: 3px 0px;
    text-align: center; }
  #errorExplanation p {
    margin: 5px 10px 20px; }
  #errorExplanation ul {
    list-style-type: square;
    margin-left: 30px; }

#footer {
  margin-top: 0.5em;
  padding: 1em;
  text-align: center; }

#head {
  border-bottom: 1px solid #cc0;
  margin-top: 10px;
  position: relative; }

#home_list {
  list-style-type: none;
  margin: 0px auto 0px;
  padding: 0px;
  width: 780px; }
  #home_list li a {
    border-bottom: 1px dashed #cc0;
    color: white;
    display: block;
    font-size: 1.2em;
    padding: 1.5em 0;
    text-decoration: none; }
    #home_list li a img {
      display: block;
      margin-bottom: 1em; }
    #home_list li a:hover {
      border-bottom: 1px solid #cc0; }

#menu {
  bottom: 0px;
  list-style-type: none;
  position: absolute;
  right: 0px; }
  #menu li {
    float: left;
    margin-right: 10px; }
    #menu li a {
      border: 1px solid #cc0;
      border-bottom: none;
      color: #fff;
      float: left;
      font-weight: bold;
      padding: 5px 20px;
      text-decoration: none; }
      #menu li a:hover {
        border-bottom: 1px solid #1d1d20;
        color: #cccc00;
        margin-bottom: -1px; }
      #menu li a.current {
        background-color: #cc0;
        color: #600; }
        #menu li a.current:hover {
          border-bottom: none;
          cursor: default; }

#my_picture {
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  float: right;
  margin-top: -20px;
  margin-right: -10px; }

#refresh {
  color: black;
  font-size: 1.4em;
  padding: 3em;
  text-align: center; }

#soundarea {
  border: 1px solid #ccc;
  background-color: white;
  font-size: 1.5em;
  margin-top: 1em;
  padding: 1em;
  width: 800px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }
  #soundarea p input[type="text"] {
    border: 1px solid #ccc;
    font-size: 1.5em;
    padding: 0.5em;
    width: 750px; }