﻿
.BlogPost {
  margin: 0px 0px 25px 0px;
}
.BlogHead {
  padding: 1px 4px 0 4px;
}
div.BlogHead[class] {
  background-image: url(../images/back_blogtop.png);
  background-repeat: no-repeat;
}
.BlogHeadIn {
  margin: 0;
  text-align: left;
}
.BlogHeadIn h1 {
  position: relative;
  bottom: -0.25em;
  overflow: visible;
  font-weight: normal;
  font-size: 2.2em;
  padding-left: 20px;
}  
.BlogHeadIn h1 a {
  color: #000;
}
.BlogHeadIn h1 a:hover {
  color: #fff;
}
.BlogCopy {
  padding: 0 4px;
}
div.BlogCopy[class] {
  background-image: url(../images/back_blogcopy.png);
  background-repeat: repeat-y;
}
.BlogCopyIn {
  margin: 0;
  padding: 10px 0 50px 0;
  background-color: #fff; 
  text-align: left;
}
.BlogCopyIn p {
  font-weight: normal;
  font-size: 1.5em;
  padding: 0 20px 10px;
  color: #333;
}  
.BlogCopyIn ul li {
  font-weight: normal;
  font-size: 1.5em;
  padding: 0 20px 10px;
  color: #333;
  margin-left: 40px;
}
.BlogCopyIn ol li {
  font-weight: normal;
  font-size: 1.5em;
  padding: 0 20px 10px;
  color: #333;
  margin-left: 40px;
}  
  
.BlogCopyIn h3 {
  font-weight: normal;
  font-size: 1.8em;
  padding: 20px 20px 10px 20px;
  color: #000;
}  
.BlogCopyMore {
  display: block;
  height: 150px;
}
.BlogMeta {
  padding: 0 4px 2px;
}
div.BlogMeta[class] {
  background-image: url(../images/back_blogmeta.png);
  background-repeat: no-repeat;
  background-position: bottom center;
}
.BlogMetaIn {
  margin: 0;
  background-color: #ddd; 
  text-align: center;
}
.BlogMetaIn p {
  font-weight: normal;
  font-size: 0.9em;
  color: #000;
  padding: 6px 20px;
}  
.BlogComments {
  position: relative;
  padding: 0 4px;
}
div.BlogComments[class] {
  background-image: url(../images/back_blogcopy.png);
  background-repeat: repeat-y;
  background-position: bottom center;
}
.BlogCommentsHead {
  margin: 0;
  background-color: #efefef; 
  text-align: left;
  border-top: 1px solid .dedede;
}
.BlogCommentsHead h3 {
  font-weight: normal;
  font-size: 1.6em;
  color: #000;
  padding: 20px 20px 10px 20px;
}  
.BlogCommentTopQuote,
.BlogCommentBtmQuote {
  position: absolute;
  font-size: 8.0em;
  color: #ccc;
  font-family: georgia, serif;
}
.BlogCommentTopQuote {
  top: 30px;
  left: 10px;
}
.BlogCommentBtmQuote {
  bottom: -20px;
  right: 10px;
}
.BlogCommentsCopy {
  margin: 0;
  background-color: #efefef; 
  text-align: left;
}
.BlogCommentsCopy p {
  position: relative;
  font-weight: normal;
  font-size: 1.5em;
  color: #000;
  padding: 4px 20px;
}  
.BlogCommentsMeta {
  margin: 0;
  background-color: #efefef; 
  text-align: left;
}
.BlogCommentsMeta p {
  font-weight: normal;
  font-size: 0.9em;
  color: #000;
  padding: 4px 20px 20px 20px;
}  
.BlogComments input.formsText {
  width: 400px;
  font-size: 1.5em;
  padding: 3px;
  border: 1px solid #ccc;
}
.BlogComments textarea.formsTextarea {
  width: 550px;
  font-size: 1.5em;
  padding: 3px;
  border: 1px solid #ccc;  
}


.BlogMetaIn {
  margin: 0;
  background-color: #ddd; 
  text-align: center;
}
.BlogMetaIn p {
  font-weight: normal;
  font-size: 0.9em;
  color: #000;
  padding: 6px 20px;
}  
