body {
  background-color: #666666;
  font-family: Optima, Arial, Helvetica, sans-serif;
}

a:link { color: #224455; }
a:visited { color: #666666; }

#wrap {
	background-color: #FFFFFF;
	border-color: #000000;
	border-style: solid;
	border-width: thin;
	float: left;
}
#title {
	background-color: #000000;
	vertical-align: middle;
	text-align: left;
}
#main {
	float: left;
	background-color: #fffafa;
	border-color: #000000;
	border-style: solid;
	border-width: thin;
}
#content{
    float: left;
    display: inline; /* IE Hack */
    margin: 5px 0 0 5px;
    min-height: 300px;
    text-align: left;
    width: 73%;
}
* html #content {height:300px} /* IE Min-Height Hack */ 

#sidebar {
    float: right;
    text-align: left;
    display: inline; /* IE Hack */
    width: 25%;
    position: relative;
    margin: 5px 5px 0 0;
    min-height: 300px;
}
* html #sidebar {height:300px} /* IE Min-Height Hack */ 

#comments {
    position: relative;
    float: left;
    width: 100%;
    background-color: #DDDDDD;
    padding: 4px;
}

#sidebar a:link { color: #000000; }
#sidebar a:visited { color: #666666; }

#sidebar hr {
    visibility: hidden;
}

.costs {
	font-size: medium;
	color: #ffffff;
	float: right;
	text-align: right;
	margin-right: 4px;
}

.blogTitle {
	color: #fffafa;
	font-size: x-large;
	font-weight: bold;
	margin: 0 0 0 0.5em;
}
.blogTitle a:link { color: white; }
.blogTitle a:visited { color: #FFEFDB; }
.blogTitle a:hover { color: #FFD700; }
.blogTitle a:active { color: #FFD700; }

.storyDate {
    color: #224455;
    float: left;
    font-size: small;
    font-weight: bold;
}
.storyLink {
    color: #000000;
    float: right;
    font-size: small;
}
h2 {
	background: #000000;
	color: #fffafa;
	font-size: large;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 3px 0.5em;
}
.storyTitle a:link { color: white; }
.storyTitle a:visited { color: #FFEFDB; }
.storyTitle a:hover { color: #FFD700; }
.storyTitle a:active { color: #FFD700; }

.storyContent {
    clear: both;
    color: #000000;
    font-size: medium;
}
.storyEnd {
    clear: both;
    margin: 0 0 1em 0;
}

.sideBarTitle {
        text-align: center;
	font-size: medium;
	font-weight: bold;
	background: #000000;
	color: #fffafa;
}
.sideBarLink {
	font-size: small;
	text-transform: uppercase;
	color: #000000;
}
.centerText {
        text-align: center;
}
.menu {
	font-size: small;
	text-transform: uppercase;
	color: #000000;
}
.code {
	font-size: medium;
        color: #224455;
	margin-left: 20px;
}
.comment {
        font-size: small;
        color: #000000;
}
.commentAuthor {
        font-size: x-small;
        color: #224455;
        font-weight: bold;
}
.commentSubject {
        font-size: small;
        color: #000000;
        font-weight: bold;
        text-transform: uppercase;
}
.writebackResponse {
        font-size: small;
        color: #000000;
        font-weight: bold;
	font-style: italic;
	background-color: #BBAA88;
	padding-top: 4px;
	padding-bottom: 4px;
}
.archives, .categorytree {
  list-style-type: none;
}

hr { color: black; height: 2px; }

.storyTitle .title { border-bottom: 1px #fffafa solid; }
.storyContent .title { border-bottom: 1px #000033 solid; }

/* for images */
div.figure {
  float: right;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: small;
  text-indent: 0;
}
img.scaled {
/*  width: 100%; */
  border-style: none;
  margin: 0;
}

blockquote {
  margin: 0 0 0 30px;
  padding: 4px 0 0 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: #111;
}

/* HR is only used to clear floats */
hr.clear {
    clear: both;
    visibility: hidden;
    height: 0;
    border: none;
    padding: 0;
    margin: 0;
}