/*  
  Theme Name: Simple Boxes
  Description: A simple WordPress-theme based on boxes.
  Version: 1.0
  Author: Marcel Korstian
  Author URI: http://korsti.de/blog
  Tags: fixed width, two columns, blue
*/


  /* WHITESPACE RESET */
* { margin: 0; padding: 0; }

  /* BODY */
body { font-size: 62.5%; font-family: Helvetica, Arial, "Lucida Grande", sans-serif; color: #6F504B; background-color: #FFF5BA; }

  /* LAYOUT STRUKTUR */
img { border:0;} 
#wrapper { width: 840px; margin: 10px auto 30px auto; padding:20px 20px; background-color:#FFFFFF;
border: 0px solid #DFD499;
-moz-box-shadow: 0 0 10px #DFD499;
-webkit-box-shadow: 0 0 10px #DFD499;
 }
#titel { padding: 0; height:150px; float: left; width: 840px; position:relative; background-image:url(header.gif); }

#titel-logo { position:absolute; left:0; top:0;}
#titel-foto { position:absolute; left:177px; top:0; width:424px;}

#content { width: 600px; float: left; }
#sidebar { margin: 5px 0; width: 235px; float: right; }
#sidebar ul.upper { width: 23.5em; padding: 1.5em 0; background-color: #fff; }
#footer { width: 80em; background-color: #6F504B; padding: 5px 20px 5px 20px; }
#footer, .discussion { clear: both; }
.discussion, { padding: 1em 0; background-color: #fff; margin: 0.5em 0; }
.post, .additional, .kommentare, #respond, .normal { margin: 10px 0; padding: 20px 0; background-color: #FFFACA; }

  /* ÜBERSCHRIFTEN */
#content h2, #content h1 { font-size: 1.6em; font-weight: bold; margin-bottom: 1.13em; line-height: 1.13em; padding-left: 20px;color:#A44251; }
#content h3 { font-size: 1.4em; font-weight: normal; color:#A44251; padding-left: 20px; line-height: 1.64em; }
#content .entry h4 { font-size: 1.2em; font-weight: bold; padding-left: 20px; line-height: 1.7em; }
#sidebar h2 { font-size: 1.4em; font-weight: normal; padding-left: 10px; color: #000; padding-bottom: 5px; }
.kommentare h3, #respond h3, .entry h3 { margin-bottom: 1.64em; }

  /* SCHRIFT UND ABSÄTZE */
#content .entry p, #content.normal p { font-size: 1.2em; margin-bottom: 1.5em; line-height: 1.7em; padding: 0 20px; }
#content .entry blockquote { background-color: #eee; font-style: italic; border-left: 2px solid #36f; }
.commentlist blockquote { background-color: #eee; font-style: italic; border-left: 2px solid #36f; padding-left: 0.5em; }
code { font-family: "Courier New", Courier; font-size: 1em; background-color: #eee; }
#content p.post-meta { line-height: 1.64em; font-size: 1.1em; color: #6F504B; clear: both; padding: 5px 20px 0 20px; border-top: 1px solid #FFD39F;  }
#sidebar p, #footer p { font-size: 1.1em; line-height: 1.64em; color: #6F504B; }
#footer p { color:#FFFFFF;}



  /* LISTEN */
#content .entry li { line-height: 1.5em; font-size: 1.2em; }
#content .entry ul, #content .entry ol { margin-bottom: 18px; padding-left: 40px;  padding-right: 10px; }
#content .additional li { line-height: 18px; font-size: 1.1em; }
#content .additional ul { padding-left: 22px; }
#content ul { list-style-image: url("img/liststyle.gif"); }
#sidebar ul { list-style-type: none; }
#sidebar ul li ul { padding-left: 10px; padding-right: 10px; margin-bottom: 18px; }
#sidebar ul li ul li { font-size: 12px; line-height: 18px; border-bottom: 1px dotted #A54352;color:#973D46; padding:5px 0 5px 0; }
ul.wp-tag-cloud li { display: inline; }

.dummy { display: none; }

  /* LINKS */
#content h1 a:link, #content h1 a:active, #content h1 a:visited,
#content h2 a:link, #content h2 a:active, #content h2 a:visited,
#content h3 a:link, #content h3 a:active, #content h3 a:visited
  { text-decoration: none; color: #A44251; border: none; }
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover
  { text-decoration: none; color: #A44251; border: none; }
  
p.post-meta a:link, p.post-meta a:active, p.post-meta a:visited
  { text-decoration: none; color: #A44251; border-bottom: 1px solid #A44251; }
p.post-meta a:hover
  { text-decoration: none; color: #6F504B; border-bottom: 1px solid #6F504B; }

#footer a:link, #footer a:active, #footer a:visited
  { color: #666; text-decoration: none; border-bottom: 1px solid #666; }
#footer a:hover
  { color: #36f; text-decoration: none; border-bottom: 1px solid #36f; }

.entry a:link, .entry a:active,
.additional a:link, .additional a:active
  { text-decoration: none; color: #A44251; border-bottom: 1px solid #A44251; }
.entry a:visited, .additional a:visited
  { text-decoration: none; color: #A44251; border-bottom: 1px solid #A44251; }
.entry a:hover, .additional a:hover
  { text-decoration: none; color: #6F504B; border-bottom: 1px solid #6F504B; }

.div-rechts a:link, .div-rechts a:active
  { text-decoration: none; color: #A44251; border-bottom: 1px solid #A44251; }
.div-rechts a:visited
  { text-decoration: none; color: #A44251; border-bottom: 1px solid #A44251; }
.div-rechts a:hover
  { text-decoration: none; color: #6F504B; border-bottom: 1px solid #6F504B; }
  
#sidebar a:link, #sidebar a:active, #sidebar a:visited
  { text-decoration: none; color: #7F2F38; border-bottom: 0px solid #ccc; }
#sidebar a:hover
  { text-decoration: none; color: #6F504B; border-bottom: 0px solid #36f; }
  
.wp-tag-cloud a:link, .wp-tag-cloud a:active, .wp-tag-cloud a:visited, .wp-tag-cloud a:hover
  { text-decoration: none; border: none !important; }

.commentlist a:link, .commentlist a:visited, .commentlist a:active,
#respond a:link, #respond a:visited, #respond a:active
  { text-decoration: none; color: #A44251; border-bottom: 1px solid #A44251; }
.commentlist a:hover, #respond a:hover
  { text-decoration: none; color: #A44251; border-bottom: 1px solid #000; }
    
  /* BILDER */
#content .entry img { border: 1px solid #999; }
img.alignleft { float: left; margin-right: 10px; }
img.alignright { float:right; margin-left: 10px; }
#footer img { border: none; }
.alignleft, .alignright { font-size: 1.2em; line-height: 18px; }
.wp-smiley { line-height: 18px !important; border: none !important; margin: 0px !important; }

  /* SUCHE */
#s, #s:focus { margin-left: 10px; margin-right: 3px; width: 120px; height: auto; background-color: #fff; color: #333; font-family: Arial, "Lucida Grande", Verdana, sans-serif; font-size: 1.1em; border: 1px solid #973D46; padding: 2px; }
#s:hover { border: 1px solid #6F504B; }
input#searchsubmit {  font-size: 1.1em;  }
#searchform { margin-bottom: 18px; }

  /* ARTIKEL-NAVIGATION PAGEBAR */
.pagebar { background-color: #fff; line-height: 18px; padding: 5px 10px; font-size: 1.1em; font-weight: bold; }
.pagebar a,.pageList .this-page { color: #666; border: 1px solid #999; text-decoration: none; padding: 0.3em 0.3em; }
.pagebar a:visited { color: #999; border: 1px solid #999; text-decoration: none; padding: 0.3em 0.3em; }
.pagebar .break { padding: 2px 6px 2px 6px; border: none; text-decoration: none; }
.pagebar .this-page { border: 1px solid #36f; padding: 0.3em 0.3em; background: #36f; color: #fff; }
.pagebar a:hover { color: #36f; border-color: #36f; }
.pagebar .inactive { border: 1px solid #999; color: #999; text-decoration: none; padding: 0.3em 0.3em; }

  /* KOMMENTARE */
.commentlist { list-style-type: none; border-top: 1px dotted #999; }
.commentlist li { padding: 14px 20px 0 20px; border-bottom: 1px dotted #999; }
.c-highlight { background-color: #eee; }
.c-links { float: left; width: 100px; padding-right: 10px; line-height: 18px; padding-bottom: 1.4em; }
.c-links strong { font-size: 1.3em; font-weight: normal; }
.c-meta { font-size: 1.1em; color: #333; }
.c-rechts { float: right; font-size: 12px; width: 430px; line-height: 1.7em; }
.c-rechts p { margin-bottom: 1.4em; }
.c-formular { padding-top: 1.4em; border-top: 1px dotted #999; border-bottom: 1px dotted #999; background-color: #eee; }
input#url, input#author, input#email{ width: 300px; background-color: #fff; color: #000; }
#comment { width:550px;}
input#url, input#author, input#email { font-size: 1em; }
input#submit { font-size: 1em; padding: 5px 30px; font-family: Arial, sans-serif; }
input#url, input#author, input#email { background-color: #fff; border: 1px solid #973D46; padding: 3px; }
#comment { background-color: #fff; border: 1px solid #973D46; padding: 2px; font-family: Arial, sans-serif; font-size: 1em; line-height: 1.4em; }
input#url:focus, input#url:hover, input#author:focus, input#author:hover, input#email:focus, input#email:hover,
textarea#comment:hover, textarea#comment:focus
 { border: 1px solid #36f; }
#commentform p { font-size: 12px; margin-bottom: 10px; line-height: 1.7em; padding: 0 20px; }

.clear { clear: both; }

  /* SELECTION */
::-moz-selection {
	background:#000;
	color:#fff;
	}

::selection { background:#000; color:#fff; }



a.homelink, a.homelink:visited { font-size: 1.4em; font-weight: normal; padding-left: 35px; margin-left:6px; margin-top:5px; display:block; width:194px; height:32px; line-height:32px; background-image: url(bga.png); }
a.facebook, a.facebook:visited { font-size: 1.4em; font-weight: normal; padding-left: 35px; margin-left:6px; margin-top:5px; display:block; width:194px; height:32px; line-height:32px; background-image: url(fb.png); }
a.twitter, a.twitter:visited { font-size: 1.4em; font-weight: normal; padding-left: 35px; margin-left:6px; margin-top:5px; display:block; width:194px; height:32px; line-height:32px; background-image: url(twitter.png); }

#rosengarten-adresse { margin-left:6px; background-color: #FFFACA; padding:10px 20px 10px 20px; margin-top:20px;}
#rosengarten-adresse p {font-size:11px;color:#6F504B; line-height: 1.5em; margin-bottom:10px;}
#rosengarten-adresse strong {color:#A44251;}
.wp-post-image { float:left; margin-left:20px; margin-right:25px; margin-bottom:15px; border:1px solid #FFFFFF;}

#gasthaus-info { padding:20px; background-color: #FFFACA; margin-bottom:10px; font-size:12px;color:#6F504B; line-height: 1.5em;}
#gasthaus-info p{ margin-bottom:10px;}


#slideshow{
position:relative;
width:424px;
height:150px;
background:transparent;
}
#slideshow img {
display:none;
position:absolute;
top:0; left:0;
}
#slideshow img.start {
display:block;
}