@charset "us-ascii";

/*
  original design by Andreas Viklund 
  modified version by Thomas Hertweck
*/

body {
  margin:0; 
  padding:0;
  color:#303030; 
  background:#fafafa url(img/bodybg.gif) top left repeat-y;
  text-align:justify;
  font:80% Arial,Verdana,Tahoma,sans-serif;
}

.myred {color:#d85d5d;}
.mygrey {color:#808080;}
.nowrap {white-space:nowrap;}
.box {padding:4px; border:1px solid #d0d0d0; background:#e0e0e0;}
.kimg {float:left; margin-right:10px; background:#e0e0e0; border:0px;}

td {vertical-align:top;}
img {padding:1px; background:#ffffff; border:1px solid #d0d0d0;}
li {padding:1px;}
pre {background:#e0e0e0;}

/* wrap */

#wrap {width:1024px; margin:0; padding:0;}

/* sidebar */

#sidebar {
  position:fixed;
  top:0;
  left:0;
  width:200px;
  height:100%;
  overflow:auto; 
  background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y;
  text-align:right;
  padding:0;
  margin:0;
}

#sidebar h1 {
  margin-top:20px; 
  font-weight:bold; 
  font-size:1.5em; 
  letter-spacing:-1px; 
  text-align:center; 
  color:#808080;
}

#sidebar p {
  margin-top:25px; 
  margin-bottom:25px; 
  font-size:1.2em; 
  text-align:center; 
  color:#808080;
}

#sidebar a {color:#808080; text-decoration:none;}

/* menu */

#menu {font-size:1.2em; font-weight:bold;}

#menu a {
  display:block; 
  padding:5px 18px 5px; 
  color:#808080; 
  background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y;
  text-decoration:none;
}

#menu a:hover {
  background:#f0f0f0 url(img/sidebarbg.gif) top right repeat-y;
}

#menu a.active {
  padding:3px 18px 3px 0;
  background:#fafafa;
  border-top:2px solid #c0c0c0;
  border-bottom:2px solid #c0c0c0;
}

#menu a.active:hover {background:#fafafa;}

/* content */

#content {
  width:700px; 
  margin:0 0 0 220px; 
  background:#fafafa;
  padding:0;
  top:0;
  left:0;
}

#content h1 {
  clear:both;
  color:#d85d5d;
  margin:20px 0 20px 0;
  font-weight:bold;  
  font-size:1.5em; 
  letter-spacing:-1px;
}

#content h2 {
  padding:2px 2px 2px 4px;
  background:url(img/grad.gif) repeat-y;
  color:#808080;
  font-size:1.2em; 
  font-weight:bold;
  letter-spacing:-1px;
}

#content a, #content a:visited {
  color:#d85d5d;
  font-weight:bold;
  text-decoration:none;
}

#content a:hover {color:#d85d5d; text-decoration:underline;}

/* extras */

#extras {
  color:#808080; 
  font-size:1.2em; 
  font-weight:bold;  
  text-align:left; 
  height:100%;
  clear:none;
  top:10px;
  left:0;
  margin:0 0 0 940px;
  position:fixed;
  width:104px;
}

#extras a {
  color:#808080; 
  display:block; 
  padding:5px 0 5px 10px; 
  text-decoration:none;
}

#extras a:hover {
  color:#404040;
}

#extras a.active {
  padding:3px 0 3px 10px;
  background:#fafafa;
  border-top:2px solid #c0c0c0;
  border-bottom:2px solid #c0c0c0;
  border-right:2px solid #c0c0c0;
}

/* footer */

#footer {
  clear:both; 
  width:700px;
  padding-top:5px;
  padding-bottom:10px;
  text-align:center;
}