/* scudly */

body { 
  font: 13px verdana, sans-serif;
  line-height: 1.6em;
}

a {
color: #ffc;
}

a:hover {
color: #fff;
text-decoration: none;
}

hr {
display: none;
}

img {
border: none;
}

ins {
text-decoration: none;
border-bottom: 1px dashed #eee;
}

acronym, abbr, dfn {
border-bottom: 1px dashed #eee;
font-style: normal;
}

blockquote {
border-left: 5px solid #320000;
margin: 1em 0;
padding: 10px;
background: #600000;
}

code, pre {
color: #f93;
}

input.submit {
font-size: 1em;
font-weight: bold;
border: 1px solid #300000;
background: #800000;
color: #ffc;
padding: 1px 2px;
}

#content {
margin: 0 auto;
text-align: center;
border-bottom: 5px solid #eee;
background: url(img/content-bg.gif);
color: #eee;
}
@media screen and (min-width: 768px) {
    #content { width: 730px; }
}
#content div { text-align: left; }

#content.album-content, #content.other-content { background: #7f0000; border-left: 5px solid #eee; border-right: 5px solid #eee; }
@media screen and (min-width: 768px) {
    #content.album-content, #content.other-content { width: 720px; }
}

#Header-image {
height: 204px;
border-top: 1px solid #eee;
background: url(img/rautt_haus.png) left -1px no-repeat;
}
#Header-image h1 { 
font: italic 22px georgia, serif;
color: #fff;
line-height: 200px;
padding: 0 15px;
}
#Header-image h1 a {
color: #fff;
text-decoration: none;
}
#Header-image img {
  position:absolute;
  right: 5px;
  top: 5px;
}

#right {
width: 90%;
margin: 1em auto;
padding: 0;
right: 10px;
top: 205px;
overflow:hidden;
font-size: 0.85em;
}
@media screen and (min-width: 768px) {
    #right { width: 180px; margin: 0; position: absolute; }
}

#right div h2 {
font: bold 1.3em arial, sans-serif;
margin: .8em 0 .2em 0;
}
#right div h2 a { color: #fff; }
#right div h3 { margin: .7em 0 .2em 0; font-size: 1.1em; }
#right div h4 { margin: .6em 0 .2em 0; font-size: 1em; }

#right ul {
list-style: none;
margin: .4em 0 1em 0;
padding: 0;
}
#right ul li {
line-height: 1.3em;
margin: 0 0 0.4em 0;
}

#right a {
text-decoration: none;
font-weight: bold;
}

#Main-content { margin: 1em 15px 1.5em 15px; }
@media screen and (min-width: 768px) {
    #Main-content { margin: 1em 215px 1.5em 15px; }
}
#content.album-content #Main-content { margin: 1em 15px; }

#content h2 {
font: italic 1.8em georgia, serif;
margin: 5px 0;
letter-spacing: 1px;
}

#content h2 a {
text-decoration: none;
}

#content h3 {
padding: 0 0 0 17px;
margin: .5em 0;
font-size: 1.2em;
}

#Calendar-box {  float:left; clear: both; line-height: 125%; margin-bottom: .7em; }
#Calendar-box .monthname { font: bold 1.3em arial, sans-serif; border-bottom: 1px solid #ccc; }
#Calendar-box table { border: 1px solid #ccc; border-spacing: 0; }
#Calendar-box td { padding: 1px 2px;  }
#Calendar-box th.dayofweek { text-align: right; font-weight: bold; }
#Calendar-box td.day { color:#ccc; text-align:right; }
#Calendar-box div.blog-calendar-nav {  text-align: center; border: 1px solid #ccc; border-top:none; }
#Calendar-box div.blog-calendar-nav div { display: inline; padding: 0 .3em; }

p.entry-info, p.comment-signature { background-color: #600; font-size: 0.85em; padding: 0 .2em;}
p.comment-signature { text-align:right; }
div.entry-comments p { margin-top: .5em; margin-bottom: 0; }
div.comment { margin-bottom: 1em; }
div.comment p { margin-left: 3em; }
div.entry-comments span.comment-number { font: italic 1.8em georgia,verdana,sans-serif; float:left; padding: 0 0.4em 0 0; color: #ccc; }

.comment-form label { font-weight:bold; vertical-align:top; padding:0 2px 0 3px;}
/* .comment-form .login-form-fragment { text-align:center; } */

input, textarea { margin:0; padding:0; border:1px solid #600; background-color: #eee; }
input.short {  width:120px; }
input.submit { font-weight:bold; }

.comment-form .comment-field-fragment { margin:0.5em 0 0 0; _height:1%; }
.comment-form .comment-field-fragment label { display:block; }
#cmt-login-password-span, #cmt-login-username-span { white-space: nowrap; }
#cmt-login-username-span { display: block; float: left; margin-right: 1em; }
.comment-form textarea { margin:0; width:100%; }
.comment-form .submit-button-fragment { margin: 0.5em 0 0.3em 0; font-size:0.85em; }
.comment-form .submit-button-fragment input.submit { float:right; margin:0; padding:0; font-size:0.95em; }

.box p, .box div  { margin: 0; line-height: 140%; }
.box h4 { line-height: 140%; }
.box h4 a { color: white; }
.box { margin-bottom: .7em; zoom: 1; }
/* clearfix for box */
.box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.box li { float: left; clear: both; }
.box a img { border: 1px solid #ccc; }
.box li a img { float: left; clear: both; margin: 2px 25px; }
#About-box { line-height: 140% }
#Photos-albumlist-box { padding-top: .7em; }

#Photo-album-list div.album { clear: both; }
p.img_info { background-color: #7f0000; color: #eee; padding: 4px; border: 2px solid #eee; margin: 85px 0 0 20px; font-size: .85em;  }

.box li { width: 100%; } /* IE6 strangeness */

#Visits-box { clear:both }