/* urban */

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.0em; }

#content { 
  text-align: center;
  margin: 0 auto;
  background: #000000
  border-top: 1px solid black;
  padding-top: 14px;
}
@media screen and (min-width: 768px) {
  #content { width: 700px; }
}
#content div { text-align: left; }


a         { color: #666; text-decoration: bold; }
a:visited { color: #333; text-decoration: bold; }
a:active  { color: #333; text-decoration: underline; }
a:hover   { color: #666; text-decoration: underline;  }
	
#Header-image { 
  height: 230px; 
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  background: url("header.jpg");
}
#Header-image img {
  position: absolute;
  left: 0;
  top: 0;
  border: 0;
}
#Header-image h1 { 
  text-transform: uppercase; 
  float: left;
  text-align: left;
  max-width: 520px;
  vertical-align: middle;
  padding: 0.5em;
}


#Header-image h1 a { text-decoration: none; color: white; }
#Header-image h1 a:visited { text-decoration: none; color: white; }
#Header-image h1 a:active { text-decoration: none; color: white; }
#Header-image h1 a:hover { text-decoration: none; color: white; }


#Main-content {
  font-size: 1.05em;
  margin-top: 15px;
  color: white;
}
@media screen and (min-width: 768px) {
  #Main-content { margin-right: 210px; }
}


#Main-content .entry-info { text-align: right; font-size: 80%; padding: 2px; }

.add1, .add2, .add3, .add4, .add5 { margin: 0; padding: 0; }

.blog-entry {
  margin: 0 0 15px 0;
  padding: 0;
  background: white;
  color: black;
}


.blog-entry .add1 { background: url('box_top_left.gif')     no-repeat top left; }
.blog-entry .add2 { background: url('box_top_right.gif')    no-repeat top right; }
.blog-entry .add3 { background: url('box_bottom_left.gif')  no-repeat bottom left; }
.blog-entry .add4 { background: url('box_bottom_right.gif') no-repeat bottom right; }
.blog-entry .add5 { zoom: 1 }

.blog-entry-above {
  padding: 5px 7px 3px 7px;
  margin: 0px;
}

.entry-date {
  font-size: 80%;
  margin: 0;
}

.blog-entry h2 {
  font-weight: normal;
  color: white;
  margin: 0;
}

.blog-entry h2 a {
  text-decoration: none;
  color: white;
}

.blog-entry h2 a:hover {
  text-decoration: underline;
}

.entry-body {
  margin: 5px;
}

#Main-content.album-content #nav { display: none }

#nav { width: 200px; overflow: hidden; margin: 2em 0; }
@media screen and (min-width: 768px) {
  #nav { position: absolute; top: 260px; right: 0; margin:0; }
}

.box { 
  background: #aaa; 
  overflow: hidden;
  color: #333;
  margin: 0 0 15px 5px;
  zoom: 1;
}

.box .add1 { background: url('box_top_left.gif')      no-repeat top left; zoom:1; }
.box .add2 { background: url('box_top_right.gif')     no-repeat top right; zoom:1; }
.box .add3 { background: url('box2_bottom_left.gif')  no-repeat bottom left; zoom:1 }
.box .add4 { background: url('box2_bottom_right.gif') no-repeat bottom right; zoom:1; }
.box .add5 { padding: 0 5px 5px 5px; clear: both; zoom:1; }


.box .add5:after { content: '.'; color: #aaa; display: block; height: 0; clear: both; visibility: hidden; }
.inner-box .add1, .inner-box .add2, .inner-box .add3, .inner-box .add4, .inner-box .add5 { background:none; padding:0; margin:0 }
.box h4, .box h3, .box p { margin-top: .3em; margin-bottom: .3em; }

#nav div.box h2, #sb-m-n-label { 
  margin: 0 0 .3em 0;
  padding: 5px 7px 8px 7px;
  font-weight: normal;
  font-size: 1.1em; 
  text-align: left; 
  color: white;
}
#nav div.box h4 { margin-bottom: .3em; }

div.box a {
  color: black;
}
#nav div.box h2 a { color: white; text-decoration:underline; }


div.box h2 a {
  color: white;
  text-decoration: none;
}

div.box h2 a:hover {
  text-decoration: underline;
}

#nav div.box { line-height: 1.3em; }
#nav div.box ul { list-style-type:none; margin: 0; padding: 0; line-height: 1.2em; }
#nav div.box ul li  { margin: 4px 0; padding: 0; }
#Calendar-box { position:relative;  }
#Calendar-box #blog-calendar { padding-top: 30px; }
#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 table tr td.monthname { position:absolute; top: 0; left: 0; padding: 5px 7px 8px 12px; font-weight: normal; font-size: 1.1em; text-align: left; color: white; }
#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; color: black; }
.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: #ffffff; }
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; margin: 2px 4px 2px 0; background-color: #9bd; }
.box li { clear:both; }


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

#Music-player-box div {
  margin: 0;
  background: #000;
  padding: 0;
}

#Music-player-box h2 {
  display: none;
}

#Music-player-box {
  border: 2px solid #aaa;
}

#Visits-box h3 { font-size: 1.1em; margin: .2em 0; }
#Visits-box ul { margin: 0; }