/* standard elements */
* {
  margin: 0;
  padding: 0;
}
a {
  color: #36C;
  text-decoration:none;
}
a:hover {
  color: #06F;
}
html, body {
  height: 100%;
}
body {
  background: #EEE url("/images/transparentia/bg.gif");
  color: #444;
  font: normal 0.8em Arial,"Lucida Sans Unicode",sans-serif;
}
form {
  padding: 0 0 6px 8px;
}
input {
  color: #555;
  font: normal 1em Arial,"Lucida Sans Unicode",sans-serif;
}
p,ul {
  font-size: 0.9em;
  padding-bottom: 10px;
}
h1 {
  font-size: 1.7em;
}
h2 {
  font-size: 1.5em;
}
h1,h2,h3 {
  color: #367EA6;
  padding-top: 6px;
  margin-bottom: 4px;
}
/* misc */
#clearer {
  clear: both;
}

/* structure */
#container {
  background: url("/images/transparentia/bgcontainer.png") repeat-y;
  width: 946px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -58px;
}
#main {
  clear: both;
  padding: 8px 18px 8px 18px;
}

#header {
  min-height: 100px;
  height: auto !important;
  height: 100px;
  background: url("/images/transparentia/header.gif") repeat-x;
  margin-bottom: 8px;
}

#flags {
  margin-top: 4px;
  float: left;
}
#flags span {
  display: block;
  float: left;
  margin-left: 4px;
}
#help {
  margin-top: 2px;
  float: right;
}
#help span.help_span {
  display: block;
  float: left;
  margin-right: 4px;
}
#help span.help_logout {
  padding-top: 4px;
}
#help .logout-user a {
  font-weight: bold;
  color: #fff;
}
#help .logout-link a {
  font-weight: bold;
}
#flags img, #help img {
  display: block;
}

#title {
  text-align: center;
}
#title h1 {
  color: #FFF;
  font: normal 1.8em Arial,Verdana,sans-serif;
  padding: 3px 10px;
}
#title h2 {
  color: #FFF;
  font: normal 1.4em Arial,Verdana,sans-serif;
  padding: 0px 10px 5px 10px;
}

#menu {
  float: left;
  width: 200px;
}
#menu ul {
  border: 1px solid #E5E5E5;
  border-top: 1px solid #FAFAFA;
  background: #EEE url("/images/transparentia/bgul.gif") repeat-x;
  margin: 0;
  padding: 0;
}
#menu li {
  border: 1px solid #FAFAFA;
  border-top: none;
  list-style: none;
  margin: 0;
}
#menu li a {
  color: #777;
  display: block;
  padding: 3px 6px 3px 14px;
}
#menu li a:hover {
  color: #111;
}
#logo {
  padding: 20px 0px 0px 0px;
  margin: 0px;
}
#logo img {
  margin-left: -1px;
  border: 1px solid grey;
}

#content {
  color: #333;
  float: right;
  width: 700px;
}
#item {
  padding: 6px 12px;
  border: 1px solid #EEE;
  background: #FFF;
  min-height: 400px;;
  height: auto !important;
  height: 400px;
}
#content li {
  margin-left: 25px;
}

#footer, #push {
  height: 42px;
  margin: 6px auto;
  width: 910px;
}
#footer div {
  height: 26px;
  padding: 8px;
  background: #FFF;
  border: 1px solid #EEE;
  color: #666;
  font-size: 1em;
  text-align: center;
}