/*
Theme Name: Elfe
Theme URI: 
Description: StyleSheet/Layout for Seestern's Elfe Theme
Version: 0.1 Development 04.04.2008
Author: Seestern <seestern@marsoftware.de>
Author URI: 

Copyright Seestern
...
*/


/** body definition */
body {
  background-color: #000000;
  background-image: url( images/HG01.jpg); 
  background-repeat: repeat;
  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 12px;
  color: #800000;
  margin: 0; padding: 0;
  text-align: center;
}

/** page definition */
#page {
/*  background-color: #deb887; */
  margin: 8px auto;
  padding: 0;
/*  border: solid 1px #800000; */
/*  min-width: 780px; */
  width: 1170px;
}

/** page header definition */
#header {
  /* background-image: url( images/Header.jpg); */
  height: 270px;
  padding: 0;
  border-bottom: solid 0px #800000;
}

/** page content definition */
#content {
  margin: 0 auto;
  padding: 0 190px 16px;
  text-align: left;
}

#content_left  {
  float: left;
  width: 184px;
  margin: 0;
  padding: 0;
  text-align: left;
}

#content_right {
  float: right;
  width: 184px;
  margin: 0;
  padding: 0;
  text-align: left;
}

/** page footer definition */
#footer {
/*  background-image: url( images/hg4.jpg); */
  background-color: #deb887;
  /* width: 100%; */ height: 52px;
  padding: 4px 0;
  /* border-top: solid 1px #800000; */
  border: solid 1px #800000;
  clear: both;
  width: 790px;
  margin: auto;
}

/** page header elements */
#header h1 {
  font-family: Monotype Corsiva, Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 36px;
  font-weight: light;
  color: #800000;
  text-align: center;
  letter-spacing: 4px;
  margin: 0;
  padding: 0;
  padding-top: 32px;
  padding-bottom: 6px;
}

#header .description {
  font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, Swiss, sans-serif;
  font-size: 16px;
  color: #800000;
  text-align: justify;
  line-height: 18px;
  letter-spacing: -1px;
  width: 300px;
  margin: 0 auto;
  padding: 0 6px;
}

#page_header_id_1 {
/* 
  position: relative;
  top: -12px;
  left: 8px;
 */

  position:absolute;
  top: 80px;
  left: 17px;
}

#page_header_id_2 {
/* 
  position: relative;
  top: -6px;
  left: 148px;
*/
  position: absolute;
  top: 86px;
  left: 237px;
}

#page_header_id_3 {
/*
  position: relative;
  top: -56px;
  left: -72px;
*/
  position: absolute;
  top: 36px;
  left: 105px;
}

#page_header_id_4 {
/*
  position: relative;
  top: -56px;
  left: 390px;
  border: 1px solid #ff0000;
*/
  position: absolute;
  top: 36px;
  right: 105px;
}

#page_header_id_5 {
/*
  position: relative;
  top: -6px;
  left: 120px;
*/
  position: absolute;
  top: 86px;
  right: 237px;
}

#page_header_id_6 {
/*
  position: relative;
  top: -12px;
  left: 260px;
  display:none;
*/
  position:absolute;
  top: 80px;
  right: 17px;
}


/** content elements */

/* blog */
.blog {
  margin: 6px 0 18px;
}

.blog_header {
  height: 42px;
/*
  border-top: solid 1px #800000;
  border-bottom: solid 1px #800000;
*/
}

.blog_title {
  text-align: center;
  height: 100%;
  padding: auto 0;
  margin: 0;
  background-color: #deb887;
}

.blog_title h2 {
  font-family: Monotype Corsiva, Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 30px;
  font-weight: light;
  vertical-align: top;
  text-align: center;
  height: 100%;
  padding: auto 0;
}


/* post */
.post {
  margin: 6px 0;
  padding: 0;
  border: solid 1px #800000;
  background-color: #deb887;
}

.post_header {
/*  background-image: url( images/hg4.jpg); */
  height: 28px;
  border-bottom: solid 0px #800000;
  padding: 0;
  margin: 0;
  border-bottom: solid 1px #800000;
}

.post_title {
  background-image: url( images/title.png);
/*  background-repeat: no-repeat; */

  font-family: Monotype Corsiva, Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 22px;
  font-weight: light;
  vertical-align: middle;
  padding: auto 0;
/*  padding-left: 42px; */
  padding-left: 8px;
  padding-right: 8px;
  height: 28px;
}

.post_content {
  padding: 4px;
}

.post_comments {
  border-top: solid 1px #800000;
  padding: 4px;
}

.post_time {
  float: right;
  font-size: 76%;
}

.post_author {
  float: right;
  display: none;
}

.post_metadata {
  padding: 4px;
}


/* infobox */
#content_left .infobox {
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 0px;
  margin-left: 6px;
  padding: 0;
  border: solid 1px #800000;
  background-color: #deb887;
}

#content_right .infobox {
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 6px;
  margin-left: 0px;
  padding: 0;
  border: solid 1px #800000;
  background-color: #deb887;
}

.infobox_header {
/*  background-image: url( images/hg4.jpg); */
  border-bottom: solid 1px #800000;
  height: 28px;
}

.infobox_content {
  margin: 0;
  padding: 4px;
}

.infobox_title {
/*
  background-image: url( images/catbar1r.gif);
  background-repeat: no-repeat;
*/
  background-image: url( images/title.png);
  font-family: Monotype Corsiva, Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 22px;
  font-weight: light;

  vertical-align: middle;
  height: 100%;
  padding: auto 0;
/*  padding-left: 42px; */
  padding-left: 8px;
  padding-right: 4px;
}

#wp-calendar {
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 2px;
  margin-left: 20px;
}

#wp-calendar caption {
  font-weight: bolder;
}

#wp-calendar thead tr th {
  text-align: right;
}

#wp-calendar tbody tr td {
  text-align: right;
}

#wp-calendar tbody tr td a {
  font-weight: bolder;
}

#wp-calendar tbody tr td a:visited {
  color: #800000;
}

#wp-calendar tfoot tr td a {
  font-weight: bolder;
}

#wp-calendar tfoot tr td a:visited {
  color: #800000;
}

#wordspew {
  width: 160px;
}

#chatoutput {
  height: 200px;
  overflow: auto;
}

#submitchat {
  background-image: url( images/Header.jpg)
  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 10px;
  color: #800000;
  border: solid 1px #800000;
  margin: 0 auto;
  padding: 0;
}

ul#outputList {
  list-style-image: none;
  list-style-type: none;
  list-style-position: outside;
  
  margin: 2px;
  padding: 0;
  position: static;

}

ul#outputList li {
  padding: 0;
  margin-left: 0px;
}


/** page content elements */
#content .blog .post_title h2 {
  font-family: Monotype Corsiva, Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 28px;
  font-weight: lighter;
  color: #800000;
  text-decoration: none;
  padding: auto 0;
  margin: 0;
}

#content .blog .post_title h2 a {
  background-repeat: no-repeat;
  font-family: Monotype Corsiva, Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 28px;
  font-weight: lighter;
  color: #800000;
  text-decoration: none;
  padding-top: 4px;
}

#content .blog .post_title h2 a:hover {
/*  text-decoration: underline overline; */
}

#content .post .post_title h2 {
  font-family: Monotype Corsiva, Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 22px;
  font-weight: lighter;
  color: #800000;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

#content .post .post_title h2 a {
  background-repeat: no-repeat;
  font-family: Monotype Corsiva, Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 22px;
  font-weight: lighter;
  color: #800000;
  text-decoration: none;
  padding-top: 4px;
  padding: 0;
  margin: 0;
}

#content .post .post_title h2 a:hover {
/*  text-decoration: underline overline; */
}

#content .post .post_title h3 {
  font-family: Monotype Corsiva, Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 22px;
  font-weight: lighter;
  color: #800000;
  text-decoration: none;
  padding: auto 0;
  margin: 0;
}

#content .post .post_title h3 a {
  background-repeat: no-repeat;
  font-family: Monotype Corsiva, Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 22px;
  font-weight: lighter;
  color: #800000;
  text-decoration: none;
  padding-top: 4px;
}

#content .post .post_title h3 a:hover {
/*  text-decoration: underline overline; */
}

#comment .post .post_comments h3 {
  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #800000;
  text-decoration: none;
  padding: auto 0;
  margin: 0;
}

.infobox_content ul {
  list-style-image: none;
  list-style-type: none;
  list-style-position: outside;
  
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 2px;
  margin-left: 20px;
}

.infobox_content ul.infobox_list_clean {
  list-style-image: none;
  list-style-type: none;
  list-style-position: outside;
  
  margin: 2px;
}

.infobox_content ul li {
  margin-left: -40px;
}

/** search form **/
#searchform {
  padding: 0px;
  margin: 0px;
}

#searchbox {
  text-align: right;
}

#searchform #s {
  border: solid 1px #800000;
  width: 159px;
  margin-bottom: 4px;
}

#searchform #searchsubmit {
/*  background-image: url( images/hg4.jpg); */
  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 10px;
  color: #800000;
  border: solid 1px #800000;
  margin: 0;
  padding: 0;
}

#content_navigation_top {
  padding-bottom: 20px;
}

#content_navigation_bottom {
  padding-bottom: 8px;
}

.content_navigation {
  width: 100%;
  padding: auto 0;
}

.content_navigation .navigation_next {
  float: right;
}

.content_navigation .navigation_previous {
  float: left;
}

.content_navigation .navigation_finish {
  clean: both;
}

#footer #footer_wordpress {
  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 12px;
  font-style: italic;
  text-align: left;
  padding: 0 4px;
}


#footer #footer_themecopyright {
  font-family: Monotype Corsiva, Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: bold;
  text-align: right;
  clean: both;
  padding-right: 8px;
}

#footer #footer_tecdata {
  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, Swiss, sans-serif;
  font-size: 9px;
  clean: both;
  float: right;
  padding-right: 8px;
}
  
/*
li { border: solid 1px #00ff00; }
ul { border: solid 1px #0000ff; }
*/

.delimiter { text-weight: bold; }

a img {
  border-width: 0;
}

/* Workaround min-width */
.content_min_width {
  width: 700px;
  height: 1px;
  border: 1px solid #ff0000;
}