body {
  background-color: #fff;
  font-family: Verdana, Arial, Sans-Serif;
  padding-bottom: 3em;
  font-size: 10px;
  color: #555;
}

a { position: relative; }

a:link, a:visited, a:hover {
  color: #000;
}

#page {
	width: 750px;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
}


#front, #header {
  margin-left: auto;
	margin-right: auto;
  width: 750px;
  text-align: middle;
}

#header {
  margin: 4em 0 0 0;
  clear: both;
}

#front a, #header a {
  display:block;
  width:150px;
  height:175px;
  float:left;
  margin-bottom: 35px;
}

#header a {
  width:70px;
  height:82px;
  margin-right: 25px;
}


#front p {
  font-size: 1.2em;
  color: #777;
  text-align: center;
}

#front #janis {
  margin-left: auto;
	margin-right: auto;
	display: block;
  margin: 100px 90px;
  
  width: 570px;
  height: 172px;
  background-image: url("images/janis.png");
}

#front #logo, #header #logo {
  margin-left: auto;
	margin-right: auto;
  margin-top: 75px;
  float: none;
  width: 400px;
  height: 175px;
  background-image: url("images/littlejoe.png");
}

#header #logo {
  margin-top: 0px;
  margin-right: 35px;
  float: left;
  width: 200px;
  height: 88px;
  background-image: url("images/littlejoeklein.png");
}



#front #blog    { background-image: url("images/icons_01.png"); }
#front #story   { background-image: url("images/icons_02.png"); } 
#front #gallery { background-image: url("images/icons_03.png"); }
#front #events  { background-image: url("images/icons_04.png"); }
#front #contact { background-image: url("images/icons_05.png"); }

#header #blog    { background-image: url("images/iconsklein2_01.png"); }
#header #story   { background-image: url("images/iconsklein2_02.png"); } 
#header #gallery { background-image: url("images/iconsklein2_03.png"); }
#header #events  { background-image: url("images/iconsklein2_04.png"); }
#header #contact { background-image: url("images/iconsklein2_05.png"); }

#header #blog_here    { background-image: url("images/iconsklein_01.png"); }
#header #story_here   { background-image: url("images/iconsklein_02.png"); } 
#header #gallery_here { background-image: url("images/iconsklein_03.png"); }
#header #events_here  { background-image: url("images/iconsklein_04.png"); }
#header #contact_here { background-image: url("images/iconsklein_05.png"); }


#content {
  width: 450px;
  float:left;
  padding-bottom: 3em;
  font-size: 1.1em;
  text-align: justify;
  
}


h1, h2 {
  color: #999;
}

#content h1 {
  font-size: 2em;
  padding-top: 1.25em;
  font-weight: normal;
}

#content h2 {
  font-size: 1.1em;
  font-weight: 900;
  padding-top: 2em;
}

#content h2 a:link, #content h2 a:visited {
  text-decoration: none !important;
}
  
#content h3 {
  font-size: 1em;
  padding-top: 1em;
}

#content p {
  margin-bottom: 1em;
}

#content .nav {margin: 2em 0; clear: both; font-size: 0.9em;}
#content .nav .pre {  float: left; }
#content .nav .nxt {  float: right; }

#content .nav a:link,
#content .nav a:visited,
#content .nav a:hover {
  background-color: #fff !important;
  border: 0;
}


#sidebar {
  padding-top: 3.5em;
  left: 525px;
  width: 225px;  
  float: right;
  font-size: 1em;
}

#sidebar h2 {
  font-size: 1.2em;
  margin: 1.5em 0 0.25em 0;
}

#sidebar ul {
  list-style-type: none;  
  margin: 0; padding: 0;
  
}

#sidebar ul li ul li a:link,
#sidebar ul li ul li a:visited {
  text-decoration: none;
}

#sidebar ul li #kopf {
  margin: 3em 1em;
  width: 83px;
  height: 125px;
  background-image: url("images/joeskopf.png");
  
}

#comment {width: 400px;}

.clear {clear: both;}

#content .post_data {
  margin-top: 1em;
  clear: both;
  text-align: center;
  color: #777;
  font-size: 0.9em;
}

#content .post_data a:link, 
#content .post_data a:visited {
  color: #888;
  text-decoration: none;
  
}

#commentform {
  font-size: 1.1em;
}