.blogPost {padding: 20px 0;}
.blogPost a {text-decoration: none;}
h1, h2 {font-size: 1.6em; font-family: Georgia; letter-spacing: -1px; color: #9FC998; font-weight: bold; margin-bottom: 5px;}
.postDetails, .postDetails a {font-weight: bold; font-size: 1.1em; color: #777777; margin-bottom: 15px; text-decoration: none;}
.withDot {font-weight: bold; color: #333333; width: 85px; background: url(/i/dot.png) no-repeat top right; display: block; float: left; text-decoration: none; margin-right: 10px;}
.blogPost .comments {display: block; float: left; text-decoration: none; color: #777777;}
.blogPost .postContent {margin-bottom: 10px; font-size: 1.2em;}
.blogPost strong {font-weight: bold; color: #333333;}
.separator {border-bottom: 1px solid #777777; height: 1px; margin: 20px 0; display: block;}

.authorImage {float: right; margin-bottom: 10px;}


#blog{margin-top: 20px;}
.blogLeft {width: 550px; float: left; margin-right:15px; }
.blogRight { width: 250px; float: left;}
.blogRight .Main {width: auto;}
.blogRight h2 {display: inline; margin:10px 0 0 0; font-size: 1.5em}
.blogRight .withDot {margin-top: 15px; margin-right: 0; width: 78px; font-size: 0.9em;}
.blogRight img {float: left; margin-right: 2px;}
.blogRight .floatLeft h2 {float: left;}

.blogRight ul {margin-top: 10px;}
.blogRight li {margin: 5px 0;}
.blogRight ul li a{text-decoration: none; color: #777777; font-size: 0.9em; }

.comment {margin: 20px 0 20px 0;}

#blogAddCommentForm .TVI-textBox label, #blogAddCommentForm .TVI-textArea label {display: block;}
#blogAddCommentForm label {font-weight: bold; font-size: 0.9em; margin-right: 10px;}
#blogAddCommentForm .TVI-textBox input, #blogAddCommentForm .TVI-form-field textarea {width: 260px; color: #333333; background-color: #E0E0E0; border: 0; margin-bottom: 8px; height: 10px; padding: 5px;}
#blogAddCommentForm .TVI-form-field textarea {height: 110px; padding: 5px;}
#blogAddCommentForm .submitButton {font-size: 1.6em; color: #9FC998; text-decoration: none;}  

.blogTags a {color: #777777; text-decoration: none !important; padding: 10px;}
.blogTags .blogTag0 {font-size: 0.8em;}
.blogTags .blogTag1 {font-size: 1em;}
.blogTags .blogTag2 {font-size: 1.2em;}
.blogTags .blogTag3 {font-size: 1.4em;}
.blogTags .blogTag4 {font-size: 1.6em;}
.blogTags .blogTag5 {font-size: 1.8em;}
.blogTags .blogTag6 {font-size: 2em;}
.blogTags .blogTag7 {font-size: 2.2em;}
.blogTags .blogTag8 {font-size: 2.4em;}
.blogTags .blogTag9 {font-size: 2.6em;}
.blogTags .blogTag10 {font-size: 2.8em;}

.tweet, .buzz, .facebook {float: left; margin-right: 10px;}

.blogRoll a{display: block; text-decoration: none !important; font-size: 1.2em; color: #777777; font-weight: bold;}

.clear, .Clear{ clear: both; font-size: 0; line-height: 0; height: 0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.TVI-form-errors, .TVI-form-field-error-message {color: Red; font-weight: bold; margin-bottom: 10px;}