/*
Theme Name: Ferienhaus Vierpfoten
Theme URI: http://wordpress.org/
Description: Theme for Ferienhaus Vierpfoten Fehmarn.
Version: 0.9
Author: Johannes Ellenberg

*/
/*Stylesheet Ferienhaus Vierpfoten*/
/*Author: Johannes Ellenberg (http://johannesellenberg.de)*/


/* Used colors
# Body-bg: #DAD1A7
# h1: #206BA4
# h2: #BEDF5D
# Footer-bg: #5A4F38
*/

/* Set default element settings to zero */
* {
margin: 0;
padding: 0;
}
img{
  border: 0;
}


/*Temp settings for debuging */

div{
  /*border: 1px solid black; */
}



/*General settings*/
body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #DAD1A7;
  background-image:url(images/body_bg.jpg);
  background-repeat: repeat-x;

}
h1{
  font-size: 24px;
  color: #206BA4;
  font-family: "Lucida Sans", sans-serif;
  font-weight: 200;
  margin: 20px 0 0 0;
}
h2 {
  font-size: 20px;
  color: #206BA4;
  font-family: "Lucida Sans", sans-serif;
  font-weight: 300;
  margin: 20px 0 0 0;
}
h3 {
  font-size: 18px;
  color: #809F20;
  font-family: "Lucida Sans", sans-serif;
  font-weight: 200;
  margin: 20px 0 15px 0;
  text-transform: uppercase;
}
h4 {
  font-size: 16px;
  color: #BEDF5D;
  font-family: "Lucida Sans", sans-serif;
  font-weight: 200;
  margin: 20px 0 0 0;
  text-transform: uppercase;
}
#content p {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  margin: 5px 0 5px 5px;
  color: #333;
}

#content ul {
  margin: 0 0 5px 25px;
  list-style: square;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  color: #333;
}
#content ol {
  margin: 0 0 5px 25px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  color: #333;
}
blockquote {
  background:transparent url(images/quote.gif) no-repeat scroll left top;
  margin:5px 5px 5px 20px;
  padding:0 0 5px 25px;
  color: #999;
}
blockquote p{
  color: #999 !important;
}


br.clear{
  clear: both;
}


/*Layout settings*/
div#wrapper{
  margin: 0 auto;
  width: auto;
  margin: 0 0 0 50px;
}


div#head {
  width: 720px;
  height:250px;
  background-color:#fff;
  background-image:url(images/header_bg.jpg);
  background-repeat: no-repeat;
  padding: 0 0 0 20px;
}

div#content{
  float:left;
  display:inline;
  /*height: 900px;    */
  width: 640px;
  padding: 0 50px 100px 50px;
  background-color: #fff;
  background-image:url(images/content_bg.jpg);
  background-repeat: repeat-y;
  margin: 0 0 0 0;


}

div#menu{
  float: left;
  display: inline;
  width: 100px;
  height: 500px;
  margin: 20px 0 0 0;
}
div#footer{
  height:200px;
  background-image: url(images/footer_bg.jpg);
  background-repeat: no-repeat;
  background-position: 50px top;
  background-color:#5A4F38;
  color: #DAD1A7;
  font-size: 12px;
  letter-spacing: 1px;
}

/*header*/
h1#title{
  margin: 15px 0 0 30px;
  font-size: 26px;
  color: #206BA4;
  font-family: "Lucida Sans", sans-serif;
  font-weight: 200;
  width:700px;

}
/*footer*/
div#leftfoot{
  float:left;
  display: inline;
  width:330px;
  height:100px;
  margin:30px 0 0 90px;

}
div#rightfoot{
  float:left;
  display: inline;
  width:330px;
  height:100px;
  margin:30px 0 0 0;
}
#rightfoot ul {
  float: right;
}


#rightfoot ul li {
  display: inline;
  list-style: none;
}
#rightfoot ul li a {
  color:#DAD1A7;
  text-decoration: none;
  }
#rightfoot ul li a:hover {
  text-decoration: underline;

  }


/*menu*/
div#menu ul{
  list-style: none;
}

div#menu ul li {
  margin: 0 0 10px 0;
}
div#menu ul li a {
  color: #fff;
  font-family: "Lucida Sans", sans-serif;
  font-size:22px;
  font-weight: 200;
  text-decoration: none;
}
div#menu ul li a:hover {
  color: #206BA4;
  }

#navcurrent {
color: #206BA4 !important;
}
 navcurrent

  color: #206BA4;
}


/*Content*/

/*Bilder Seite*/
div#submenu_pics {
margin: 0 0 30px 0;

}
div#submenu_pics ul {
  margin:0;
  float:right;

}
div#submenu_pics ul li{
  list-style:none;
  display: inline;
  color:#5A4F38;
  font-size:16px;
}
div#submenu_pics ul li a{
   text-decoration: none;
   color: #5A4F38;
   font-size:16px;
}
div#submenu_pics ul li a:hover{
  text-decoration:underline;
  }


/* 404er Template */
div#page404{
    height:600px;
}

/*Weblog*/
h3.storytitle {

}
h3.storytitle a{
  color:#BEDF5D;
  text-decoration:none;
}
h3.storytitle a:hover{
  color: #206BA4;
  text-decoration:underline;

}
div.storycontent a{
  color: #5A4F38;
  font-weight: bold;
}

div.storycontent a:hover {
  background-color: #5A4F38;
  color: #FFF;
  text-decoration:none;
}

div.feedback a {
  padding:2px;
  color: #5A4F38;
  float:right;
  text-decoration:none;
}
div.feedback a:hover {
  color: #FFF;
  background-color: #5A4F38;
}
div.postmetadata_single {
  border: 1px solid #CCC;
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
  color: #ccc !important;
  margin: 20px 0 0 0;
  letter-spacing: 1px;
}
div.postmetadata_single a {
  color: #ccc;
  }
div.postmetadata_single a:hover {
  color: #999;
  text-decoration:none;
  }

/* Comments */

ol#commentlist  {
  margin:0 0 50px 0 !important;
}
ol#commentlist li {
  list-style: none;
  margin: 40px 0 0 0;

}

div.comment-meta {
  float:left;
  display:inline;
  width:550px;
}
div.gravatar{
  float:right;
  display:inline;
  width:50px;
  margin:5px;
}
div.comment-number {
 float: left;
 display:inline;
 width:20px;
 margin:5px;
}
div.comment-number a {
  font-size:18px;
  text-decoration: none;
  color: #206BA4;
  font-weight: bold;
}
div.comment-author {
  float: left;
  display:inline;
  width:450px;
  margin: 5px 0 0 0 ;
  font-size: 16px;
}

div.commtenttext{
  border-top: 1px solid #ccc;
  margin: 0 5px 0 5px;
}
div.comment-author a {
  color: #BEDF5D;
  font-size: 16px;
  text-decoration: none;
}
div.comment-author a:hover {
  color: #206BA4;
}

small.commentmetadata a {
  color:#ccc;
  font-size: 10px;
}

h2#postcomment {
  margin: 20px 0 20px 0;
}

/**** CSS for Dagon Design Formailer ***/
.credits{
  margin-top: 100px !important;
  font-size: 8px !important;
  color: #ccc !important;
}
.credits a{
  color: #ccc !important;
  text-decoration: none;
}
.credits a:hover{
  background-color: #fff !important;
}