/* JaggyBlog Main Component */

div.blog-rss {
	float: right;
}

div.blog-post {
padding: 0px 10px 0px 10px; margin-bottom: 15px;
}

div.blog-main div.blog-post h2 {
padding: 10px 0px 0px 0px;
}

div.blog-copyright {
	font-size: 0.8em; font-weight: 600; color: #888; margin: 5px 15px 8px 0px; 
	width: 100%; text-transform: uppercase; clear: both;
}

span.blog-date {

}

span.blog-author {

}

div.blog-tags  {
margin: 0px 0px 10px 0px;
}

div.blog-details  {
margin: 0px 0px 0px 0px; clear: both;
}

div.blog-details img {
margin-right: 3px;
}

/* blog comments posted */

.commentButton {
float: left; margin-right: 10px; padding: 0px 10px; color: #000;
}

.commentButton.approved {
	border: 1px solid #73880A; background: #CDEB8B;
}

.commentButton.notApproved {
	border: 1px solid #B02B2C; background: #FF7878;
}

.commentDelete {
	border: 1px solid #BCBCBC; background: #E9E9E9; float: left; clear: right; color: #000;
	padding: 0px 10px; margin-right: 10px;
}

hr.comment-separator {
border: 0px;
border-bottom: 1px solid #CCCCCC;
margin: 20px 0 20px 0px;
}

hr.comment-underline {
	border: 0px;
	border-top: 1px dotted #CCCCCC;
	margin-left: 10px;
}

div.comment-header {
font-weight:600;
margin-bottom: 10px;
}

div.comment-register {
margin:20px 0px;
padding:7px 5px 10px 10px;
background-color:#F1F1F1;
color: #888;
font-size: 0.9em;
}

div.comment-item {
margin-bottom: 20px;
}

div.comment-detail {
padding:7px 5px 10px 10px;
}

div.comment-username {
display: inline; font-weight: 600;
}

div.comment-date {
display: inline; font-size: 10px; 
color: #888;
}

div.comment-text {
margin: 15px 0 15px 15px;
}

div.comment-empty {
margin:20px 0px;
padding:7px 5px 10px 10px;
}

/*
 *  Comment Form
 */

div#commentform0 {
padding: 5px 10px 10px 10px;
float: left; width: 100%;
}

div#answer0 {
	font-weight: 600;
}

div.blog-commentform {
margin-top: 15px; padding: 15px 0px 0px 15px; overflow: hidden;
}

div.blog-commentitem {
margin-bottom: 10px; width: 100%; float: left;
}

div.blog-commentitem label {
width: 130px; float: left; margin-left: 10px;
}

div.blog-commentitem input.inputbox {
width: 210px; float: left;
}

div.blog-commentitem textarea.inputbox {
float: left;
}

div.blog-commentnew {
border: 1px solid #E3E3E3; padding: 10px; margin: 10px 0px;
}

span.required {
	font-size: 0.75em; margin-left: 10px;
}

/* captcha form area */

div.captcha_input {
float: left;
}

div.captcha_input label {
	margin: 0px;
}

div.captcha_input input {
float: left; clear: left; width: 144px; margin-right: 10px;
}

div.captcha_image {
float: left;
}

div.captcha_input div.error {
clear:both;
color:#FF0000;
float:left;
margin:5px 0;
}

/* addthis button */

div.jaggyblog_add_this {margin: 10px 0px;}
div.jaggyblog_add_this.jaggyright {width: 100%; text-align: right;}
div.jaggyblog_add_this.jaggymargintop {margin-top: 0px;}

/* frontend editor */

div.blog-edit {
width: 100%; text-align: right;
}

button.editor_save {
	margin: 0px 0px 10px 0px; clear: both;
}

button.editor_trash {
	margin: 34px 0 0 10px;
}

.mceEditor {
    display: block; margin-top: 10px;
}

div.blank {display: none;}

div#tagsArea div {float: left; padding: 5px; margin: 0px 5px;}
div#tagsArea div.unassigned {border: 1px solid #CDCDCD; color: #999999; cursor: pointer;}
div#tagsArea div.assigned {border: 1px solid #000; color: #000; background-color: #fff; cursor: pointer;}