/* CSS Document */
html {
	height: 100%;
}
body {
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: "MS Trebuchet", Verdana,Geneva, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	background-color: #333333;
}
#banner {
	background-color: #445566;
	background-image:url(images/banner-bg.gif);
	background-repeat:repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100px;
}
img {
	border: 0;
}
.inline {
margin: 10px;
}
/* --- Main Content Portion of Page --- */
#main {
	float: left;
	width: 75%;
	background-color: #ffffff;
}
#main a:link {color: #115588;}
#main a:visited {color: #4499BB;}
#main a:hover {color: #666666;}
#main a:focus {color: #666666;}
#main a:active {color: #666666;}

.content {
	padding: 0px;
}
/* --- Content Header --- */
#blog-title {
  }
#description {
  margin: 10px 0px;
  padding: 0px;
}
#description p {
  margin: 10px 20px;
  padding: 15px 20px;
  border: 1px solid #4499BB;
  font-size: .85em;
  font-style: italic;
  color: #465b65;
}
.breadcrumb {
  font-size: .75em;
  font-weight: bold;
  margin: 10px 5px;
  padding: 0px;
  color: #999999;
}
.breadcrumb a { text-decoration: none;}
.breadcrumb a:hover { border-bottom: 1px dotted #999999; }
.breadcrumb a:focus { border-bottom: 1px dotted #999999; }
.breadcrumb a:active { border-bottom: 1px dotted #999999; }
/* --- Headings --- */
h1 {
  margin: 2px;
  padding: 2px;
  font-size: 2em;
  line-height: 1.2em;
  color: #115577;
}
h2 {
  line-height: 1em;
}
h3 {
  font-size: 1.2em;
}
.date-header {
  margin: 0px 20px 15px 70px;
  padding: 0px 4px 4px 4px;
  border-bottom: 1px dotted #666666;
  color: #666666;
  font-size: .8em;
  text-transform: uppercase;
  letter-spacing: .05em;
  line-height: .8em;
  text-align: right;
}
.cat {
  color: #445566;
  font-size: .6em;
  text-transform: uppercase;
  letter-spacing: .05em;
}
/* --- Posts --- */
.post {
  font-size: 0.85em;
  border-bottom: 1px solid #666666;
}
.post-title {
  margin: 2px 2px 2px 2px;
  padding: 6px 2px 6px 2px;
  font-size: 1.7em;
  color: #78a3ab;
}
.post-title a {
  text-decoration: none;
}
.post-body {
  margin: 0px 20px 0px 70px;
  padding: 0px;
}
p.post-footer {
  margin: 0px 20px 10px 0px;
  text-align: right;
  color: #3a4b53;
  font-size: .8em;
  }
.comment-link {
  text-transform: uppercase;
  letter-spacing: .1em;
}
.post img {
  padding: 4px;
  border: 1px solid #222;
  }
.post blockquote {
  margin: 1em 20px;
  }
.post blockquote p {
  margin: .75em 0;
  }
/* --- Comments --- */
#comments {
  margin: 2px 0px 2px 0px;
  padding: 4px 0px 4px 0px;
}
#comments h4 {
  margin: 2px 0px 2px 0px;
  padding: 2px 0px 2px 10px;
  font-weight: bold;
  font-size: .85em;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: #666666;
}
.comment-poster {
	color: #116688;
	font-size: .85em;
	margin: 2px;
	padding: 0px;
}
.comment-body{
  margin: 0px 20px 0px 15px;
  padding: 0px;
  font-size: .85em;
  color: #465b65;
}
#comments-block {
  margin: 10px 20px;
  padding: 5px;
  border: 1px solid #4499BB;
  }
.comment-timestamp {
  margin: 2px 20px 2px 2px;
  font-size: .85em;
  color: #116688;
  text-transform: uppercase;
  letter-spacing: .1em;
  text-align: right;
  }
.comment-delete {
  margin: 2px;
  text-align: right;
  font-size: .85em;
}
.deleted-comment {
  font-style: italic;
  color: gray;
}
/* --- Footer --- */
.copyright {
  margin: 20px 0px 30px 0px;
  text-align: center;
  font-size: .85em;
  color: #115577;
}
/* --- Sidebar --- */
#sidebar
{
	margin: 0px;
	padding: 10px;
	float: left;
	width: 175px;
	background-color: #000000;
	color: #ccc;
	font-size: 1em;
}
#sidebar h2 {
  margin: 2px 0px 5px 0px;
  padding: 0px;
  font-size: .85em;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #666666;
  line-height: 1.1em;
}
#sidebar a { text-decoration: none;}
#sidebar a:link {color: #99ddff;}
#sidebar a:visited {color: #4499bb;}
#sidebar a:hover {color: #99ddaa;}
#sidebar a:focus {color: #99ddaa;}
#sidebar a:active {color: #99ddaa;}
#sidebar ul {
  margin: 2px;
  padding: 2px;
  list-style: none;
  }
#sidebar li {
  margin: 0px;
  padding: 0px 0px 5px 15px;
  text-indent: -15px;
  line-height: 1.2em;
  }
#sidebar p {
  color: #999;
  line-height: 1.5em;
  }
.menuGroup {
	margin: 15px 0px;
	border: 1px solid #666666;
	padding: 10px;
	font-size: 0.8em;
}
#main, 
#sidebar {       /* Needed so that both columns look equally long */
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
#wrapper {
	overflow: hidden;
	float: none;
	display: block;
	min-width: 780px;
	min-height: 100%;
	z-index: 1;
}