body {  
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
background-color: #394957;
margin: 0px;
padding: 0px;
}

a:link, a:visited {
text-decoration: none;
color: #CCC;
}

a:hover {
color: #FFF;
}

a:active {
color: #CCC;
}

#header {
margin: 0px;
}

#header h1 {
font-size: 36px;
font-style: italic;
text-align: right;
margin: 0px;
padding: 0px;
}

#header  h2 {
padding-right: 10px;
margin: 0px 0px 10px 0px;
text-align: right;
}

#maincontent {
margin: 10px 8px;
padding: 0px;
width: 68%;
float: left;
}

div.spacer {
margin: -8px;
clear: both;
}

/* #### BLOG TITLE #### */

.blog .title {
color: #FFFFFF;
background-color: #333A4A;
margin: 0px;
padding: 4px;
border-bottom: 1px #E4E4E4 solid;
}

.blog .title a:link, .blog .title a:visited {
color: #E4E4E4;
display: inline;
font-size: 100%;
vertical-align: baseline;
font-weight: bold;
}

.blog .title a:hover {
color: #FFFFFF;
}

.blog .title h2 {
font-size: 24px;
font-weight: bold;
margin: 4px;
padding: 0px;
}

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


.blog .title .timestamp {
display: inline;
color: #E4E4E4;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 0 4px;
border-right: 1px #fff solid;
}

.blog .title .mood {
font-size: 12px;
margin-left: 4px;
display: inline;
font-weight: bold;
}

.blog .title .music {
color: #E4E4E4;
font-size: 14px;
font-weight: bold;
font-family: times, serif;
font-style: italic;
padding: 4px;
}

/* #### BLOG CONTENT #### */

.blog {
margin-bottom: 20px;
font-size: 100%;
color: #E4E4E4;
border: 1px #E4E4E4 solid;
border-width: 1px;
border-bottom: 1px solid #fff;
}

.blog .content a:hover {
color: #FFF;
}

.blog .content a:link {
color: #FFF;
text-decoration: underline;
}

.blog .content a:visited {
color: #CCC;
text-decoration: underline;
}

.blog .content .body:first-letter { 
font-style: italic;
font-weight: bold;
font-size: 150%; 
font-family: times, serif;
}

.blog .content blockquote, .blog .content q{
font-style: italic;
}

.blog .content img {
margin: 10px;
padding: 10px;
background-color: #F8F8F8;
border: 5px #333A4A double;
}

.blog .content .body{
text-align: left;
text-indent: 10px;
margin: 10px;
}


/* #### ARCHIVE #### */
.reftop a, .refbottom a, #archive a{text-decoration: none}

#sidebox {
float: right;
width: 25%;
margin: 10px 1%;
}

#sidebox h3 {margin:0; font-size: 18px;}
#sidebox h4 {margin-top: 10px; font-size: 16px;}
#sidebox p {margin: 5px;}

#breakout a{font-weight: lighter; font-size: 14px;}
#breakout {
color: #DCE0E6;
background-color: #333A4A;
border: 1px #E4E4E4 solid;

text-align: left;
margin-bottom: 20px;
padding: 4px;
}

#archive h4 {color: #DCE0E6;; margin:0;}

#archive ul {
color: #DCE0E6;
background-color: #333A4A;
border: 1px #E4E4E4 solid;

list-style: none;
text-align: center;
margin: 0px;
padding: 4px;
width:158px;
}

#archive li {
text-transform: uppercase;
font: 12px Verdana, Lucida, Arial, sans-serif;
}

#props {
float: right;
width: 25%;
margin: 10px 1%;
}

/* #### TOP/BOTTOM ANCHORS #### */

.refbottom, .reftop {
text-transform: uppercase;
text-align: right;
text-decoration: none;

display: inline-block;
padding: 0px 5px;
margin-bottom: 10px;
border: 1px #E4E4E4 solid;
background-color: #333A4A;
}