/* scudly */

body { font: 76%/150% tahoma,"lucida grande",geneva,"lucida sans",lucida,verdana,arial,sans-serif; }
h1,h2,h3,h4,p { margin-top: 0; }
h1,h2,h3,h4 { font-weight: bold; }
h4 { font-size: 1.1em; }
h3 { font-size: 1.2em; }
h2 { font-size: 1.3em; }
h1 { font-size: 1.5em; }

#content { 
  text-align: center;
  margin: 0 auto;
  background: #bde url("img/9bd_bg.gif") repeat-y 500px 0px;
}
@media screen and (min-width: 768px) {
  #content { width: 700px; }
}
#content div { text-align: left; }


a         { color: #003; text-decoration: underline; }
a:visited { color: #111; text-decoration: underline; }
a:active  { color: #111; text-decoration: none; }
a:hover   { color: #006; text-decoration: none;  }
	
#Header-image { 
  height: 198px; 
  margin:0; 
  padding:0 
  position: relative;
  background: url("horizon.gif");
}
#Header-image img {
  position: absolute;
  left: 0;
  top: 0;
  border: 0;
}
#Header-image h1 { 
  text-transform: uppercase; 
  text-align: right;
  vertical-align: middle;
  padding: 0.5em;
}
@media screen and (min-width: 768px) {
  #Header-image h1 {
    width: 530px;
    float: right;
  }
}
#Header-image h1 a { text-decoration: none; color: black; }
#Header-image h1 a:visited { text-decoration: none; color: black; }
#Header-image h1 a:active { text-decoration: none; color: black; }
#Header-image h1 a:hover { text-decoration: none; color: black; }

#Main-content {
  font-size: 1.05em;
  padding: 0.5em;
}
@media screen and (min-width: 768px) {
  #Main-content { margin-right: 200px; }
}

#Main-content h2 { font-size: 1.2em; background: #eb6; border: 1px dashed black; padding: 3px; _height: .1em; }
#Main-content h3 { font-size: 1.1em; background: #eb6; border: 1px dashed black; padding: 2px; _height: .1em; }
#Main-content .entry-info { background-color: #eee; text-align: right; }

#Main-content.album-content #right { display: none }
#right { width: 90%; margin: 2em auto; overflow: hidden; }
@media screen and (min-width: 768px) {
    #right { position: absolute; top: 200px; right: 0; width: 200px; margin:0; }
}
#right div.box { margin: 1em 1.2em; padding: 3px 3px 3px 4px; border: 1px solid black; background: #eb6; overflow:hidden; }
#right div.box h2 { font-size: 1.1em; text-align: center; margin-bottom: 0.3em; }
#right div.box { line-height: 1.3em; }
#right div.box ul { list-style-type:none; margin: 0; padding: 0; line-height: 1.2em; }
#right div.box ul li  { margin: 4px 0; padding: 0; }
#right div.box h4, #right div.box h3 { margin-top:4px; margin-bottom:4px; padding:0; }
#Calendar-box table { line-height: 1.1em; text-align: center; margin: 0 auto; }
#Calendar-box table tr td.monthname { font-size: 1.1em; text-align: center; padding-bottom: 0.3em; font-weight: bold; }
#Calendar-box div.blog-calendar-nav { text-align: center; }
#Calendar-box div.blog-calendar-nav div { display: inline; padding: 0 0.3em; }

.entry-comments { margin-bottom: 0.5em; }
.comment { border: 1px solid #9bd; margin-bottom: 0.3em; padding: 0.3em; }
.comment span.comment-number { display: none; }
.entry-comments .odd { background-color: #cef; }
.entry-comments .even { background-color: #bdf; }
.comment p { margin: 0; }
.comment .comment-signature { text-align: right; color: #444; }
.comment .comment-signature a { color: #444; }



.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 gray; 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 li a img { float: left; clear: both; text-decoration: none; }
.box a img { border: 1px solid black; padding: 1px; background-color: #9bd; }
.box li { clear:both; }
.box a img.feed-icon { border:0; padding:0; margin-right:3px; }
.box p { margin-top:3px; margin-bottom:3px; }


#Photo-album-list div.album { clear: both; }
p.img_info { background-color: #eb6; color: black; padding: 2px; border: 1px dashed black; margin: 85px 0 0 20px; font-size: .85em;  }

#Visits-box h3 { font-size: 1em; margin-bottom: .3em }
#Visits-box ul { margin-bottom: .3em }