/*
The appearance of the blog
*/

.blogmainTable
{
	margin-left: auto; 
	margin-right: auto;
	width: 800px; 
	border-collapse: collapse; 
	border-spacing: 0px; 
	max-width: 700px;
	margin-top: 20px;
}

.blogmainCell
{ 
	width: 650px; 
	min-width: 650px; 
	max-width: 650px;
	border: 0px; 
	padding-bottom: 20px;
	vertical-align: top;
}

.blogsideBar
{
	width: 150px;
	text-align: right;
	vertical-align: top;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	margin-left: 30px;
}

.blogsideBar .bloglinkItem
{
	display: block;
	margin-bottom: 5px;	
}

.blogsideBar .bloglinkItemDelete
{
	float: left;
}

.blogsideBar A 
{
	display: block;
	margin-bottom: 5px;
}

.blogpost
{
	font-size: 13px;
	width: 600px;
	margin-bottom: 25px;
}

.blogheader
{
	text-align: left;
}

.blogtitle
{
	font-weight: bold;
	display: block;
}

.blogcreated
{
	font-style: oblique;
	color: Gray;
	margin-left: 15px;
	padding-left: 0px; padding-right: 5px;
	display: block;
}
	
.blogcontent
{
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: left;
}

.blogcontent A IMG { border: 0px; }

.blogReadMore { font-weight: bold; padding-bottom: 15px; display: block; }

.blogfooter { text-align: left; margin-top: 10px; margin-bottom: 10px; font-style: oblique; color: Gray; }
.blogManage { margin-left: 15px; }
.blogManage A { margin-left: 5px; }
.blogComments { margin-left: 15px; }

/* The new post form looks like this */

.blogNewPostPreviewPanel
{
	padding-top: 15px; padding-bottom: 15px; width: 700px;
	margin-left: auto; margin-right:auto;	
}
.blogNewPostSubjectPanel , .blogNewPostContentPanel, .blogNewPostAdditionalControlsPanel,
	.blogNewPostPreviewAddPanel, .blogImageUploadPanel, .blogNewPostValidator, 
	.blogNewPostKeywordsPanel, .blogNewPostUrlPanel
{
	margin-left: auto; margin-right: auto;
	margin-top: 2px; margin-bottom: 2px;
	padding: 0px; width: 700px; text-align: left;
}
.blogNewPostSubjectPanel SPAN, .blogNewPostContentPanel SPAN, 
.blogNewPostKeywordsPanel SPAN, .blogNewPostUrlPanel SPAN
{ display: block; float: left; width: 100px;  }
.blogNewPostSubjectPanel INPUT, .blogNewPostKeywordsPanel INPUT, .blogNewPostUrlPanel INPUT { display: block; float: left; width: 500px; border: solid 1px #9dacbd; padding: 0px;}
.blogNewPostContentPanel TEXTAREA { display: block; float: left; width: 500px; border: solid 1px #9dacbd; padding: 0px;}
.blogNewPostPreviewAddPanel INPUT { margin: 2px; border: solid 1px #9dacbd; padding: 0px;}

/* image upload for the new post form */

.blogImgUploadMain, .blogImgUploadShow, .blogImgUploadLink, .blogImgUploadImages
{
	margin-left: auto; margin-right: auto;
	margin-top: 2px; margin-bottom: 2px;
	width: 700px; text-align: left;
	padding: 0px;
}

.blogImgUploadMain SPAN { display: block; float: left; width: 100px; }
.blogImgUploadMain INPUT { border: solid 1px #9dacbd; }
.blogImgUploadMainUploadBtn { padding: 0px; margin-left: 5px; height: 20px; }

.blogImgUploadShow SPAN { display: block; float: left; width: 100px; }
.blogImgUploadShow .blogImgUploadShowNumber { border: solid 1px #9dacbd; padding-top: 2px; padding-bottom: 2px; padding-left: 0px; margin-left: 0px; width: 20px; }
.blogImgUploadShow INPUT { border: solid 1px #9dacbd; padding: 0px; margin-left: 5px;  }

.blogUploadImageThumb { display: inline; text-align: center; float: left; padding: 3px; }
.blogUploadImageThumb IMG { vertical-align: sub; height: 70px; }
.blogUploadImageThumb A { padding: 3px; }
.blogUploadImageThumb DIV { text-align: center; }

/* the comment panel */
.blogCommentListPanel
{
	text-align: left;
}

.blogCommentItemPanel
{
	border: dotted 1px gray;
	display: block;
	padding-bottom: 7px;
	margin-bottom: 20px;
}

.blogComment
{
	padding: 5px;
	display: block;
	margin-bottom: 7px;
	word-wrap:break-word;
	text-align: left;
}

.blogCommentItemPreviewLink
{
	text-align:right;
	margin-top: 25px;
	border-bottom: dotted 1px #404040;
}

.blogCommentItemPreview
{
	text-align: right;
	word-wrap:break-word;
	width: 150px;
	display: block;
}

.blogCommentPreviewTitle
{
	padding-top: 20px;
	display: block;
}

.blogCommentManage A { margin-right: 10px; }

.blogSpamComment { visibility: hidden; height: 0px; padding-bottom: 0px; margin-bottom: 0px; width: 0px; position: absolute;}
.blogCommentsShowSpam { display: block; margin-top: 5px; margin-bottom: 5px; }

.blogSC_BackToPost
{
	margin-bottom: 10px;
	display: block;
}

.blogCommentAuthor
{
	padding-left: 5px; 
}

.blogCommentEmail, .blogCommentWebsite
{ font-style: italic; padding-right: 5px; padding-left: 5px; }

.blogCommentAuthorName
{ font-style: italic; padding-right: 5px; padding-left: 5px; }
.blogCommentAuthorNameRegistered
{ font-style: italic; padding-right: 5px; padding-left: 5px; font-weight: bold; color: #993333; }

.blogCommentCreatedLabel { padding-right: 5px; }
.blogCommentCreatePanel { text-align: left; padding-bottom: 7px; }
.blogCommentSubmit { display: block; margin-top: 7px; }

.blogCommentCapcha { display: block; }
.blogCommentCapchaImage { vertical-align: middle; }
.blogCommentCapchaCodeTitle { display: block; float: left; width: 150px; vertical-align: middle; margin-top: 3px;}
.blogCommentCapchaErrorLabel { display: block; }
.blogCommentReadMore { text-align: right; margin-right: 20px; padding-left: 10px; }

.blogCreateAuthorName { display: block; margin: 1px; }
.blogCreateAuthorNameTitle { display: block; float: left; width: 150px; }

.blogCreateAuthorEmail { display: block; margin: 1px; }
.blogCreateAuthorEmailTitle { display: block; float: left; width: 150px; }

.blogCreateAuthorWebsite { display: block; margin: 1px; }
.blogCreateAuthorWebsiteTitle { display: block; float: left; width: 150px; }

.blogCreateComment { display: block; margin: 1px; padding-bottom: 5px; }
.blogCreateCommentTitle { display: block; }
.blogCreateComment TEXTAREA { width: 400px; }

.blogAddCommentLink { font-weight: bolder; text-align: left; padding-top: 10px; padding-bottom: 10px; }

.blogAddLinkButton
{
	padding-top: 15px; padding-bottom: 15px;
}
.blogAddLinkFormLinkText, .blogAddLinkFormLinkUrl, .blogAddLinkFormButtons
{
	margin-left: 40px;
	text-align: left;
}
.blogAddLinkFormLinkText
{
	margin-top: 20px;
}
.blogAddLinkFormLinkText SPAN, .blogAddLinkFormLinkUrl SPAN
{
	display: block;
	width: 100px;
	float: left;
}
.blogAddLinkFormLinkText INPUT, .blogAddLinkFormLinkUrl INPUT
{
	width: 300px;
}

.blogAddLinkCapcha { display: block; margin-left: 40px; text-align: left; }
.blogAddLinkCapchaImage { vertical-align: middle; }
.blogAddLinkCapchaCodeTitle { display: block; float: left; width: 100px; vertical-align: middle; margin-top: 3px;}
.blogAddLinkCapchaErrorLabel { display: block; }


.blogGroup_Comment { text-align: left; padding-top: 20px; }
.blogGroup_Comment DIV SPAN { display: block; float: left; width: 320px; }
.blogGroup_Comment DIV INPUT { display: block; border: 0px; }

.blogGroup_Caching { text-align: left; padding-top: 10px; }
.blogGroup_Caching DIV SPAN { display: block; float: left; width: 320px; }
.blogGroup_Caching DIV INPUT { display: block; border: 0px; }

.blogPagingTable { width: 600px; padding-bottom: 10px; text-align: left; padding-top: 2px; }
.blogPagingTable A { padding-left: 3px; padding-right: 2px; }
.blogPagingSelected { border: solid #603030 1px; }
.blogPagingTable SPAN {padding-right: 5px; }

.blogseparator { border: solid 1px #716f64; }
.blogtags {  }
.blogHits { margin-left: 15px; display: block;}
.blogTagItem { display: inline; }
.blogTagItemLink { margin-right: 3px; }
.blogTagLabel { font-style: oblique; color: Gray; margin-left: 15px; margin-right: 5px; }
.blogTE_Title { display: block; text-align: left; margin-left: 10px; margin-top: 20px; margin-bottom: 10px; }
.blogTE_Content { text-align: left; margin-left: 15px; }
.blogTE_TagList { float: left; }
.blogTE_TagList SELECT { width: 150px; height: 120px; }
.blogTE_TagButtons { padding-left: 10px; height: 120px; }
.blogTE_TagButtons INPUT { display: block; width: 130px; margin-bottom: 4px; }
.blogTE_Footer { text-align: left; margin-left: 15px; margin-top: 5px; }
.blogTE_Footer INPUT { width: 130px; }

.blogST_Title { padding-left: 10px; margin-top: 25px; display: block; float: left; }
.blogST_List { margin-top: 20px; display: block; float: left; border: 0px; margin-left: 10px; width: 130px; }
.blogST_OK { margin-top: 20px; display: block; float: left;  margin-left: 5px; width: 50px; }
.blogST_Cancel { margin-top: 20px; display: block; float: left; margin-left: 5px; width: 50px; }

.blogFInfo { text-align: left; margin-bottom: 10px; color: Gray; }
.blogFInfo_NoFilter { margin-left: 10px; }