html {
  height: 100%;
  }

body {
  height: 100%;
  background:#8CB7C8;
  margin:0;
  padding:0;
  border:0;
  font:x-small Verdana,Sans-serif;
  text-align:left;
  color:#000;
  font-size:x-small;
  }

A 	{ color: #000; text-decoration: none; } 
A:link	{ color: #000; text-decoration: none; } 
A:visited	{ color: #222; text-decoration: none; } 
A:active	{ color: #444; } 
A:hover	{ color: #444; text-decoration: underline}

img	{ border: 0; padding: 0; margin: 0;}

ul {
	margin-top: 0;
	margin-bottom: 0;
}

li {
	margin-left: -1em;
}

pre {
	margin: 0;
	border: 0;
	padding: 0;
}

h1 {
	margin: 0px;
	padding: 0px;
	color:#333;
	font-family:verdana,arial,sans-serif;
	font-size:small;
	font-weight:bold;
}

h2 {
	margin: 0px;
	padding: 0px;
	color:#333;
	font-family:verdana,arial,sans-serif;
	font-size:x-small;
	font-weight:bold;
	text-transform:uppercase;
}

h3 {
	margin: 0px;
	padding: 0px;
	color:#666;
	font-family:verdana,arial,sans-serif;
	font-size:x-small;
	font-weight:bold;
}
#banner {
  margin:0;
  padding:0;
  border:0;
  position: absolute;
  top:0px;
  left:0px;
  width:780px;
  background:#8CB7C8;
  height:100%;
}
#background {
  margin:0;
  padding:0;
  border:0;
  border-left:3px solid #465364;
  position: fixed;
  top:0px;
  left:780px;
  width:100%;
  height:100%;
  background:#000;
}
#title {
  text-align:center;
  background:#FFF;
  padding-left:7px;
  padding-right:7px;
  padding-bottom:12px;
  border-bottom:3px solid #FFDE23;
}
#blog {
  position: absolute;
  top:185px;
  left:10px;
  background:#EEE;
  width:494px;
  border-left:3px solid #FFDE23;
  border-right:3px solid #FFDE23;
  }

#blog A 	{ color: #000; text-decoration: underline; } 
#blog A:link	{ color: #000; text-decoration: underline; } 
#blog A:visited	{ color: #222; text-decoration: underline; } 
#blog A:active	{ color: #444; text-decoration: underline; } 
#blog A:hover	{ color: #444; text-decoration: underline; }

#blog img	{ border: 0; padding: 5; margin: 0;}

#navBar {
  position: absolute;
  top:185px;
  left:520px;
  background:#FFF;
  width:220px;
  border-left:3px solid #FFDE23;
  border-right:3px solid #FFDE23;
  border-bottom:3px solid #FFDE23;
  padding-left:12px;
  padding-right:12px;
  padding-bottom:5px;
  -moz-border-radius: 0px 0px 15px 15px;
  }
.J-post {
  padding:7px;
  background-image:url("/postBackgroundJ.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  border-bottom:3px solid #FFDE23;
  }
.John-post {
  padding:7px;
  background-image:url("/postBackgroundJohn.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  border-bottom:3px solid #FFDE23;
  }
.Paul-post {
  padding:7px;
  background-image:url("/postBackgroundPaul.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  border-bottom:3px solid #FFDE23;
  }
.Sniffy-post {
  padding:7px;
  background-image:url("/postBackgroundSniffy.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  border-bottom:3px solid #FFDE23;
  }
.nullstream-comment {
  background-image:url("/nullstream-comment.gif");
  background-position: top right;
  background-repeat: no-repeat;
  border-right: 3px solid #FFDE23;
  padding-right: 3px;
  }
.anonymous-comment {
  border-right: 3px solid #CCC;
  padding-right: 3px;
  }
.blogImage {
  padding:12px;
}
.floatLeft {
  float:left;
  margin:3px;
 }
.floatRight {
  float:right;
  margin:3px;
 }
.quote {
  padding:2em;
  background-image:url("/quote.jpg");
  background-position: top left;
  background-repeat: no-repeat;
 }
.siteFooter {
 }