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 {
	color: #FFFFFF;
	background-color: #333A4A;
	margin: 0px 0px 15px 0px;
	padding: 10px;
	border-bottom: 1px #000000 solid;
	}

	#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 1%;
	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:150px;
		}

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

	/* #### 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;
	}