#blog
{
width: 100%;
margin: 0px;
padding: 0px;
color: #AAAAAA;
}

#blog .ContentControlTinyMCE
{
    width: 99%;
}

#MainContent p {
padding: 0 0 0 10px;
}

#MainContent
{
margin: 0px 0px 0px 200px;
padding: 10px;
}

.HeaderStyle
{
display: block;
margin: 20px 0 10px 0;
padding: 5px 0 5px 8px;
background: #444444;
color: #888888;
}

#Footer 
{
margin: 10px auto 0px auto;
padding: 10px;
clear: both;
background:#fff url(Images/CMS/footerbg.png) bottom left no-repeat;
font-size:0.9em;
color:#888;
text-align:center;
}

.Block {
padding: 20px;
background: #eee;
color: #222;
border: 2px solid #ddd;
}

.Indent {
}

.ClearBoth {
clear: both;
}

/*--- Blog header Controls --- */

#blog .BlogFeatures { padding: 8px; width: 600px; height: 24px; margin-bottom:12px; background: #444444; display:block; }
#blog .BlogFeatures div { float:right; padding: 0px 0px 10px 20px; margin: 0px; text-align: right; }

#blog .BlogFeatures .BlogFeaturesMonths { width: 100px; }
#blog .BlogFeatures .BlogFeaturesTags { width: 80px; }
#blog .BlogFeatures .BlogFeaturesSearch { width: 170px; }
#blog .BlogFeatures .BlogFeaturesSearchBox { width: 80px; margin: 2px 4px; border: #888888 1px solid;  }
#blog .BlogFeatures .BlogFeaturesSearchButton { width: 66px; margin-top: 2px; font-size: 0.9em }

/*--- Blog Entries and Footers --- */

#blog .BlogStream { margin: 0px 0px 0px 0px; width: 600px;}
#blog .BlogEntry { border-left: dotted 1px #555555; margin: 0px 0px 20px 0px; }
#blog .BlogEntryHeader { display: block; padding: 10px 6px 6px 6px; background: #666666; height: 40px; }
#blog .BlogEntryHeader .BlogEntryHeaderPostTitle { font-size: 1.4em; color: #EEEEEE; }
#blog .BlogEntryHeader .BlogEntryHeaderPostDate { font-size: 0.8em; color: #CCCCCC; float:left; padding-right: 20px; }
#blog .BlogEntryHeader .BlogEntryHeaderPostTags { clear:both; }
#blog .BlogEntryHeader .BlogEntryHeaderPostStatus { float:left; }
#blog .BlogEntryHeader div label { display: block; float: left; width: 100px; }

#blog .BlogEntryBody { padding: 6px; clear:both; }
#blog .BlogEntryBody .TinyMCETextArea { width: 98%; }    
#blog .BlogEntryBody h1 { font-size: 1.3em; color: #DDDDDD; clear:both; }
#blog .BlogEntryBody h2 { font-size: 1.2em; color: #DDDDDD; clear:both; }
#blog .BlogEntryBody h2:first-letter { font-size: 1.2em; color: #DDDDDD; clear:both; }

#blog .BlogEntryFooter { background: #666666 url(Images/CMS/footer.gif) repeat-x bottom left; padding: 6px; }
#blog .BlogEntryFooter .BlogEntryFooterCommands { float: left; }
#blog .BlogEntryFooter .BlogEntryFooterCommands a { margin-right: 10px; }
#blog .BlogEntryFooter .BlogEntryFooterLinks div { float: left; }
.BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksPermalink a, .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksServices a { margin-right: 10px; }
#blog .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksComments { display: block; float: right;  text-align: right; margin-left: 20px; }
#blog .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksTags { display: block; float: none;  text-align: left; }
#blog .BlogEntryFooter ul { padding-left: 0px; margin: 0px; list-style-type: none; display: inline; }
#blog .BlogEntryFooter ul li { display: inline; margin-left: 6px; }

#blog .BlogNavigation { margin-right: 200px; margin-top: 20px; text-align: center; }
#blog .BlogNavigation a { font-weight: bold; margin-left: 50px; margin-right: 50px; padding: 4px; border: outset 1px #6f5230; text-decoration: none; }

#blog .CommentsStream { margin: 0px 0px 20px 40px; }
#blog .CommentsStream .CommentsEntry { margin-bottom: 20px; background: #fdfcf6 url(Images/CMS/footer.gif) repeat-x; border-bottom: solid 1px #e1d2bd; }
#blog .CommentsStream .CommentsEntryHeader { font-style:italic; margin-bottom: 10px; padding: 6px; }
#blog .CommentsStream .CommentsEntryBody { padding: 6px; }
#blog .CommentsStream .CommentsEntryFooter { padding: 6px; text-align: left; }
#blog .CommentsStream .CommentsAdd { border: dashed 1px #6f5230; padding: 10px; }
#blog .CommentsStream .CommentsAdd h1 { font-size: 16px; font-weight: bold; margin: 0px; }
#blog .CommentsStream .CommentsAdd div { padding: 4px; }
#blog .CommentsStream .CommentsAdd label { display: block; float: left; width: 150px; }
#blog .CommentsStream .CommentsAdd textarea { width: 99%; }
#blog .CommentsStream .CommentsAdd a, .CommentsCommands a { padding: 4px; border: outset 1px #d3d3d3; text-decoration: none; }


/* Admin Section */

.logon-form {
    clear:both;
    height: 30px;
}

.logon-form label {
    width: 64px;
    float: left;
}

.mailshot-form {
    clear:both;
    height: 30px;
}

.mailshot-form label {
    width: 90px;
    float: left;
}