body
{
  color: black;
  font-family: helvetica, sans-serif;
  background: white;
  margin: 0
}


.blogTitle
{
  margin: 0;
  width: 100%;
  color: white;
  border-bottom: LightGrey 1px double;
  background-color: #4B85BA;
  padding: 30px 0;
  text-indent: 55px
}

.blogTitle p, .blogTitle h1
{
  margin: 3pt;
  padding: 3pt;
}

.blogTitle a:visited
{
  color: #99cccc;
}

.blogTitle a:link, .blogTitle a:visited
{
  color: white; font-weight: bold; /* #33ffff */
}


.blogBody
{
  margin: 10pt;
}

.blogBody h2 {
    margin-bottom: 0
}

.blogBody {line-height: 140%; padding: 20px 50px;}


.blogDate
{
  /*  font-style: italic; */
  font-size: small; /* medium; */
  font-weight: bold;
  color: #808080;
  padding: 0.5em 0 1em 0;
    margin-top: 0;
}

.blogContent
{
}

.blogBody hr:first-child {display: none}

.blogNav
{
  width: 230px;
   padding-top:1em
}


.blogRightColumn 
{
	float: right; 	
	margin: 30px 0 30px 30px; 
	padding: 0 20px; 
	border: lightgray 0 solid; 
	border-left: 1px solid lightgray; 
}

.blogNav h3
{
  font-weight: bold;
  font-style: normal;
  margin: 12px 6px;
}

.blogNav  p, .blogNav  p
{
  margin: 0;
  padding: 6px;
  font-size: small;
  color: grey
}


.blogNav table 
{
	width: 100%;	
}

.blogNav table, .blogNav td
{
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	text-align: right
}


.blogNav tr td:first-child
{
   text-align: left;
}



.blogNav td
{
  background: #EDF2F4;
  border-bottom: 2px white solid;
}

a		  {color: #145A99; text-decoration: none}
a:visited {color: #748393;}
a:hover	  {color: #00bfff; text-decoration: underline}




hr {height:1px; background: LightGrey ; border: none; margin:2em 0 4em}
pre {line-height: 100%; background: #eee; display: inline-block; padding: 30px}

.copyright {padding: 1em 0; color: #808080; font-size: small; border-top: 1px solid LightGrey; display: block;}