body {
 font-family: "Gill Sans", "Lucida Grande", "Verdana", "Arial", sans-serif
 background: #fff;
 color: #333;
}

img {
 border: 0;
}

#header {
 margin: 10px;
 padding: 0px 10px;
 background-color: #0d006a;
 background-image: url(cloud.jpg);
 color: #fff;
 text-shadow: 0.2em 0.2em 0.2em black;
}
#header h1 {
 margin: 0px; padding: 8px;
}
#header h1 a {
 color: #fff;
 text-decoration: none;
 filter: Shadow(Color=#000000, Direction=135, Strength=5);
}
#header p {
 text-align: right;
 margin: 0px; padding: 8px;
 font-weight: bold;
 filter: Shadow(Color=#000000, Direction=135, Strength=5);
}

#banner {
 width: 100%;
 height: 90px;
 padding: 0px 20px;
}

#content {
}

#photos {
 float: left;
 width: 270px;
}

#posts {
 margin-left: 270px;
 margin-right:255px;
 padding: 0 1em;
}

#blogroll {
 float: right;
 width: 250px;
 font-size: smaller;
}

#content .photo {
 position: relative;
 width: 250px; height: 250px;
 padding: 5px; margin: 10px;
 text-align: center;
}

#content .post {
 position: relative;
 margin-bottom: 2em;
 overflow: hidden;
}

#content .post-content {
 text-align: left;
 font-size: smaller;
}
#content .post-content h2 {
 margin-bottom: 0.2em;
}
#content .post-content .content {
 padding-left: 0.3em;
}

#content h2 {
 font-weight: bold;
 font-size: 1.2em;
 line-height: 1em;
 color: #0d006a;
 margin: 0; padding: 0;
 margin-left: 1em;
 text-indent: -1em;
 text-shadow: 0.2em 0.2em 0.2em #ccf;
 text-align: left;
}
#content .photo h2 {
 position: absolute;
 top: 0px; left: 0px;
}
#content h2 a, #content h3 a, #content h4 a {
 text-decoration: none;
 color: inherit;
 margin-top: 0.5em;
}
#content h2 a:hover, #content h3 a:hover, #content h4 a:hover {
 color: #5d006a;
}

#content h3, #content h4 {
 font-weight: bold;
 font-size: 0.8em;
 color: #0d006a;
 margin: 0; padding: 0;
 margin-left: 1em;
 text-indent: -1em;
 text-shadow: 0.2em 0.2em 0.2em #ccf;
 text-align: right;
}
#content .photo h3 {
 position: absolute;
 bottom: 0px; right: 0px;
}
#content .post h3 {
 margin-top: 0.5em;
}
#content h4 {
 font-size: 0.8em;
 text-align: left;
 float: left;
 margin-top: 0.5em;
}

#blogroll h2 {
 color: #0d006a;
 margin:0; padding: 0;
}

#blogroll h2 .help {
 font-size: 0.6em;
}

#blogroll ul {
 list-style: none;
 margin-left: 0;
 padding-left: 1em;
 text-indent: -1em;
}
#blogroll ul li:before {
 content: "\00BB \0020";
}
#blogroll ul li {
 margin-bottom: 0.25em;
}

#blogroll .recent {
 font-style: italic;
}

#footer {
 clear: both;
 text-align: center;
 font-size: smaller;
}

.error {
 color: #c00;
}