html, body {
margin: 0;
padding: 0;
font-family: verdana, sans-serif;
font-size: 12px;
line-height: 140%;
}
#container {
margin: auto;
max-width: 1024px;
background: white url(images/page_bg.png) repeat-y;
}
#header {
position: relative;
background: white;
margin: 0 220px;
}
#header h1 {
height: 43px;
background: white url(images/header.png) no-repeat 100%;
margin: 0;
padding: 0 0 20px 0;
border-bottom: 4px solid #e7e7e7;
}
#header span {
display: none;
}
#wrapper {
float: left;
width: 100%;
}
#content {
margin: 0 200px;
padding: 0 2em;
}
#content h3 {
color: #666d26;
font-size: 1.5em;
}
#content h4 {
color: #666d26;
font-size: 1.2em;
}
#content a {
color: #666d26;
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
}
#datenavi #previousday {
float: left;
background: white url(images/arrow_left.png) no-repeat;
padding-left: 20px;
}
#datenavi #nextday {
float: right;
background: white url(images/arrow_right.png) no-repeat 100%;
padding-right: 20px;
}
#commentform fieldset {
border-width: 0;
}
#commentform label {
float: left;
width: 100px;
font-weight: bold;
margin: 0.3em 0;
color: #6e4526;
}
#commentform input, textarea {
width: 200px;
font-family: verdana, sans-serif;
font-size: 12px;
line-height: 140%;
padding: 2px;
margin: 0.3em 0;
background: #f6f6f6;
color: #444;
border: 1px solid #bbb;
}
#commentform textarea {
width: 350px;
}
#commentform .required {
font-size: 0.8em;
color: #888;
}
#commentform #submit {
margin-left: 100px;
width: auto;
}
#navigation {
float:left;
width:200px;
margin-left:-100%;
}
#sidebar {
float:left;
width:200px;
margin-left:-200px;
}
#map {
width: 180px;
height: 250px;
margin: 10px;
border: 1px solid black;
}
#sidebar {
text-align: center;
}
#sidebar h4 {
font-size: 1em;
}
#sidebar img {
margin-bottom: 20px;
width: 100px;
border: 1px solid black;
}
#footer {
clear:left;
width:100%;
background: white;
font-size: 0.8em;
text-align: center;
color: #aaa;
padding: 2px;
}

.entry {
clear: both;
margin: 10px 0 40px 0;
}
.entrytext {
text-align: justify;
color: #6e4526;
}
.entrymeta, .commentmeta {
background: #f6f6f6;
padding: 0 10px;
margin-top: 10px;
}
.entrymeta p, .commentmeta p {
float: left;
padding: 0 0 0 25px;
font-size: 0.8em;
}
.entrymeta .time {
background: transparent url(images/time.png) no-repeat;
width: 70px;
}
.entrymeta .author {
background: transparent url(images/author.png) no-repeat;
width: 110px;
}
.entrymeta .place {
background: transparent url(images/place.png) no-repeat;
width: 160px;
}
.entrymeta .photos {
background: transparent url(images/photos.png) no-repeat;
width: 40px;
}
.entrymeta .comments {
background: transparent url(images/comments.png) no-repeat;
width: 40px;
}
.comment {
margin-bottom: 3em;
}
.commenttext, .commentreply {
text-align: justify;
color: #6e4526;
}
.commenttext {
margin-top: 0.5em;
}
.commentmeta .time {
background: transparent url(images/time.png) no-repeat;
margin-right: 2em;
}
.commentmeta .author {
background: transparent url(images/author.png) no-repeat;
}
.calendar {
margin: auto;
border-color: #aaa;
border-width: 1px;
border-style: solid solid none none;
border-spacing: 0;
width: 180px;
color: #777;
}
.calendar caption {
text-align: center;
margin: auto;
font-weight: bold;
}
.calendar td, .calendar th {
border-color: #aaa;
border-width: 1px;
border-style: none none solid solid;
text-align: center;
background: #eee;
}
.calendar td:hover {
background: #ddd;
}
.calendar a {
color: #666d26;
font-weight: bold;
}
.calendar .active {
background: #a6ad66;
}

.clear {
clear: both;
}