/* ---------------------------------------------------------------------------
   $Id: look.css,v 1.8 2011/09/27 17:52:00 jan Exp jan $
   ---------------------------------------------------------------------------
*/

/* general, basic stuff ------------------------------------------------------
*/
body
{
  background:#28313a url(img/top.png) repeat-x left top;
  font-family:"Gentium Basic", "Palatino Linotype", Palatino, Palladio, Georgia, "Times New Roman", Times, serif;
  color:#222;
  margin:0;
  padding:0;
}

body .buorg
{
  font-family:"Gentium Basic", "Palatino Linotype", Palatino, Palladio, Georgia, "Times New Roman", Times, serif;
  font-size:9pt;
}

p,td,li,ul,ol
{
  font-family:"Gentium Basic", "Palatino Linotype", Palatino, Palladio, Georgia, "Times New Roman", Times, serif;
  font-size:9pt;
}

p
{
  max-width:72em;
  text-align:left;
}

ul
{
  list-style-type:square;
}

ul li
{
  margin:0;
  padding:0;
}

strong,b
{
  font-weight:700;
}

img
{
  border:0;
}

table
{
  border:0;
}

.de
{
  color:#222;
  font-size:11pt;
  line-height:140%;
  margin:0 0 4px;
  padding:0;
}

.en
{
  color:#49473b;
  font-size:10pt;
  line-height:140%;
  margin:0 0 16px;
  padding:0;
}

h1.de
{
  color:#222;
  font-family:"Vera Sans", Arial, Helvetica, sans-serif;
  font-size:14pt;
  font-weight:700;
  line-height:140%;
  margin:0;
  padding:0;
}

h1.en
{
  color:#49473b;
  font-family:"Vera Sans", Arial, Helvetica, sans-serif;
  font-size:13pt;
  font-weight:700;
  line-height:140%;
  margin:0 0 8px;
  padding:0;
}

:link.de,:visited.de,a[href]:active.de
{
  background-color:transparent;
  border-bottom:1px solid #222;
  text-decoration:none;
}

:link.en,:visited.en,a[href]:active.en
{
  background-color:transparent;
  border-bottom:1px solid #49473b;
  text-decoration:none;
}

@media screen {
  a[href]:hover.de
  {
    background-color:transparent;
    border-bottom:1px dotted #222;
    text-decoration:none;
  }
  
  a[href]:hover.en
  {
    background-color:transparent;
    border-bottom:1px dotted #49473b;
    text-decoration:none;
  }
}


/* structure 

   +-- wrapper -------------------------------+
   |                                          |
   | +-- title -----------------------------+ |
   | |                                      | |
   | +--------------------------------------+ |
   |                                          |
   | +-- main ------------------------------+ |
   | |                                      | |
   | | +-- nav ---------------------------+ | |
   | | |                                  | | |
   | | +----------------------------------+ | |
   | |                                      | |
   | | +-- content -----------------------+ | |
   | | |                                  | | |
   . . .  ...                             . . .
   | | |                                  | | |
   | | +----------------------------------+ | |
   | |                                      | |
   | | +-- footer ------------------------+ | | 
   | | |                                  | | |
   | | +----------------------------------+ | |
   | +--------------------------------------+ |
   +------------------------------------------+
*/
#wrapper
{
  width:80%;
  margin:0 auto;
}

#title
{
  height:95px;
  margin:0;
  padding:0;
}

#title img
{
  position:relative;
  left:-24px;
  top:12px;
}

#main
{
  background-color:#fff;
  margin:0;
  padding:0;
}

#nav
{
  float:right;
  height:42px;
  width:100%;
  background:#fff;
  border:6px #fff solid;
  margin:0 -6px;
}

#nav ul
{
  list-style:none;
  line-height:normal;
  margin:0;
}

#nav li
{
  float:right;
  position:relative;
  width:185px;
  height:42px;
  text-align:center;
  border-left:1px solid #222;
}

#nav li .de
{
  position:absolute;
  top:15%;
  left:45px;
  line-height:100%;
}

#nav li .en
{
  position:absolute;
  top:55%;
  left:60px;
  line-height:100%;
}

#nav li:hover
{
  background:#e8e8e7;
}

#nav a
{
  display:block;
  text-decoration:none;
  color:#fff;
  padding:0 24px;
}

#nav img
{
  float:left;
  display:inline;
  position:absolute;
  z-index:10;
  top:-22px;
  left:-8px;
}

#content
{
  border:6px #fff solid;
  margin:0 -6px;
  padding:0 32px 0 0;
}

#footer
{
  font-size:10pt;
  line-height:140%;
  clear:both;
  background-color:#ddd;
  min-height:28px;
  border:6px #fff solid;
  margin:0 -6px;
}

#footer a
{
  color:#222;
  text-decoration:none;
}

#changed
{
  text-align:right;
  clear:right;
  margin:0;
  padding:4px;
}


/* for the "about" page... ---------------------------------------------------
*/
#who_table
{
  margin:0 0 15px;
  padding:0;
}

#who_table td
{
  vertical-align:top;
  margin:0;
  padding:2px 32px 2px 0;
}


/* for the LFS pages... ------------------------------------------------------
*/
#lfs
{
  margin:0 0 0 200px;
  padding:0;
}

#lfs .title
{
  color:#222;
  font-family:"Vera Sans", Arial, Helvetica, sans-serif;
  font-size:14pt;
  font-weight:700;
  line-height:140%;
  margin:0;
  padding:0;
}

#lfs .subtitle
{
  color:#222;
  font-size:9pt;
  font-weight:700;
  line-height:140%;
  margin:0 0 6px;
  padding:0;
}

#lfs .text
{
  color:#222;
  font-size:11pt;
  line-height:140%;
  margin:12px 0 0;
  padding:0;
}

#navlfs 
{
  float:left;
  height:100%;
  width:200px;
  margin:0;
  padding:0;
}

#navlfs a
{
  width:100%;
}

#navlfs a:hover
{
  background:#e8e8e7;
}


/* blog-related --------------------------------------------------------------
*/
#blog
{
  color:#222;
}

#blog a.u
{
  color:#222;
  text-decoration:none; /* u: unstyled (ahemm...) */
}

#blog .title
{
  color:#222;
  font-family:"Vera Sans", Arial, Helvetica, sans-serif;
  font-size:14pt;
  font-weight:700;
  line-height:140%;
  margin:0;
  padding:0;
}

#blog .title img
{
  vertical-align:middle;
}

#blog .subtitle
{
  color:#222;
  font-size:9pt;
  font-weight:700;
  line-height:140%;
  margin:0 0 6px;
  padding:0;
}

#blog .title a,#blog .subtitle a
{
  color:#222;
  text-decoration:none;
}

#blog .text
{
  color:#222;
  font-size:11pt;
  line-height:140%;
  margin:12px 0 0;
  padding:0;
}

#blog .comment
{
  color:#222;
  font-size:9pt;
  font-weight:700;
  line-height:120%;
  text-align:right;
  width:100%; 
  margin:6px 0 12px;
  padding:0;
}

#blog .line
{
  border-top:1px dotted #222;
  height:8px;
}

#blog .month,#blog .comments
{
  border-top:1px dotted #222;
  font-size:11pt;
  font-weight:700;
  line-height:120%;
  text-align:right;
  width:100%;
  margin:0;
  padding:4px 0;
}

#blog form
{
  color:#222;
  line-height:120%;
}

#blog #btable
{
  border-left:1px solid #222;
  border-right:1px solid #222;
  width:700px;
}

#blog #btable img
{
  margin:2px 0 2px 0;
}

#blog button
{
  width:85px;
  height:24px;
  font:12px "Vera Sans", Arial, Helvetica, sans-serif;
  line-height:120%;
  margin:8px 8px 0;
}