/*
Theme Name: ion.li - Projects, Music, Exhibitions
Theme Author: Patrick Raddatz_Maximilian Lemke
Theme URI: http://ion.li
Author URI: http://ion.li
Theme Description: An experimental theme by <a href="http://ion.li">Patrick Raddatz</a> and <a href="http://keepthingsclean.de">Maximilian Lemke</a>
*/


body {background-color:#fff;font:normal 12px/12px Helvetica, Arial, Sans-serif;color:#000;margin:0;padding:0;}
a, a:visited, a:hover {color:#000;text-decoration:none;outline:none;}
div.clear {clear:both;}

body {
  font-family: Helvetica;
  background-attachment: fixed;
  overflow: hidden;
}

div#page {
  width: auto;
  padding-left: 20px;
}

div#page div#header {
  font-weight: bold;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 1055px ;
}

div#page h1#title {
  float: left;
  margin: 0 40px 0 0;
}

div#page h1#title a {
  text-transform: lowercase;
  color: #FFF;
  font-size: 14px;
  text-shadow: 0px 0px 2px #white;
}




div#header ul#nav {
  text-transform: uppercase;
  list-style-type: none;
  padding: 0;
  font-size: 14px;
  z-index: 99;
}

div#header ul#nav li{
  z-index: 98;
  float: left;
  margin-right: 20px;
}

div#header ul#nav li a{
  height: 24px;
  color: #fcff00;
  text-shadow: 0px 0px 2px #fcff00;
}

div#header ul#nav li ul li a:hover {
  color: white;
  text-shadow: 0px 0px 2px #white;
}

div#header ul#nav li ul li.current_page_item a{
  color: white;
  text-shadow: 0px 0px 2px #white;
}

#nav, #nav ul { list-style-type:none; margin:0; padding:0; } /* Style-Reset */
#nav > li { width:128px; float:left; margin-right: 0px; } /* Horizontale Anordnung */
#nav > li { height:28px; overflow:hidden; } /* Normalzustand eingeklappt */
#nav > li:hover { height:auto; overflow:visible; z-index: 97;} /* Ausgeklappt */
#nav a { font-weight:bold; text-align:left; display:block; height:20px; width:128px; padding:2px; }
#nav a:link, #nav a:visited {  text-decoration:none; }
#nav a:active, #nav a:hover { text-decoration:none; }

div#header ul#nav li ul li a {
  color: #c1fffe;
  padding-top: 4px; /* vertical positioning ! */
  text-shadow: 0px 0px 2px #c1fffe;
  width: 250px;
  height: 13px;
  background: url(images/black-75.png); 
}

div#page h2#currentpage {
  z-index: -20;
  clear: left;
  position: absolute;
  color: #FFF;
  text-transform: lowercase;
  font-size: 14px;
  margin-top: 65px;
  text-shadow: 0px 0px 2px #white;
}

div#content {
  overflow: scroll;
  overflow-x:hidden;
/*  height: 500px;*/  
  margin-top: 115px;
  width: auto;
  font-size: 11px;
  line-height: 12px;
}

div#page div.white {
  color: white;
}

div#page div.black {
  color: black;
}

div#content a{
  background-color: #00d2ff;
  font-weight: normal;
}

div#content a img {
  border: none;
}

div#content div.post_column_1 {
  width: 250px;
}