
/** COMMENTS FORMS + LIST **/

@charset "UTF-8";

#comments {
	margin-top: 10px;
}

#comments, #comments h2,#comments form, #commentsBlock, #respond {
	width: 560px;
	float: left;
	font-size: inherit;
	clear: left;
}

#comments form {
	padding: 10px 0;
}

#comments h2 {
	color: #333;
	font-size: 1.7em;
}


.comment-body {
	float: left;
	clear: left;
	padding: 12px 0;
	width: 560px;
	overflow: hidden;
	border-top: dotted 1px #666;
	background: #F2F7FA;
}

.comment-form-row {
	margin-bottom: 12px;
	float:left;
	width: 550px;
	padding-left: 10px;
}

.comment-form-row label {
	float: left;
	width: 64px;
	margin-right: 12px;
	padding: 6px 0;
	font-size: 1.2em;
}

.comment-form-row input {
	border: solid 1px #ccc;
	background-color: #fff;
	padding: 6px; 
	width: 220px;
}

.textarea-border {
	float: left;
	border: solid 1px #ccc;
	background-color: #fff;
	padding: 12px;
	margin-left: 10px;
	_margin-left: 5px;
}



.textarea-border textarea {
	float: left;
	border: 0 none;
	background-color: transparent;
	padding: 0;
	margin: 0;
	width: 515px;
	width: 505px\9;
}


.comment-buttons {
	float: left;
	margin-top: 12px;
	overflow: hidden;
	padding-left: 10px;
	width: 560px;
}

.comment-buttons .submit {
	float: left;
	height: 40px;
	width: 150px;
	background: #33CCFF;
	color: #fff;
	font-weight: bold;
	border: 1px solid #ccc;
}

.comment-buttons .submit:hover {
	border: 1px solid #000;	
}

#newCommentTitle {
	font-size: 1.4em;
	background: #DDD;
	font-weight: bold;
	padding: 5px 0 5px 5px;
}


#comments h3.commentTitle {
	width: 200px;
	float: left;
	font-size: 1.2em;
	text-transform:uppercase;
	font-weight: bold;
}


#commentsBlock .pcomment {
	font: 1em/1em sans-serif;
	float: right;
/*	padding-bottom: 10px;*/
}

#comments .postAComment {
	float: left;
/*	margin-left: 168px;*/
	font-size: 1.2em;
	color: #0099FF;
}

#comments .postAComment:visited {
	color: #0099FF;
}


.comment {
	float: left;
	width: 560px;
}

.thread-odd {
	background: #FCF1D0;
}b



/****/

#quote-float {
	border: solid 1px #ccc;
	background: url( 'images/arrow-left-alt.png') no-repeat left center #fff;
	color: #333;
	cursor: pointer;
	padding: 3px 10px 3px 24px;
}

#commentlist {
	background-color: #f5f5f5;
	padding: 0;
	width: 560px;
	float: left;
	list-style: none;
	margin-top: 15px;
}

/*
#commentlist li {
	padding: 10px 0;
}
*/

#commentlist p {
	float: right;
	text-align: left;
	width: 498px; 
	font-size: 1.2em;
}

#commentlist cite {
	text-align: left;
	font-size: 1.1em;
}

.layout_clean #commentlist {
	width: 540px;
}

#commentlist .children {
	margin-left: 32px;
}


#commentlist > li:first-child > .comment-body {
	border-top: 0 none;
}

.comment-author-avatar {
	display: inline;
	float: left;
	margin-right: 12px;
	width: 64px;
	height: 64px;
}

.comment-content {
	margin-left: 76px;
	position: relative;
}

.depth-2 .comment-author-avatar {
	width: 32px;
	height: 32px;
}

.depth-2 .comment-content {
	margin-left: 44px;
}

.comment-meta {
	color: #ff9933;
	margin-bottom: 12px;
}

.comment-meta cite {
	margin-right: 0.25em;
	color: #069;
}

#commentlist .toggle {
	cursor: pointer;
	color: #069;
	text-align: right;
	margin: -12px 0 12px;
}
#commentlist .toggle:hover {
	text-decoration: underline;
}

.comment-reply-link {
	position: absolute;
	right: 0;
	top: 0;
}



#response-cont {
	overflow: hidden;
	margin: 0 -12px;
	background-color: #ffffff;
}

#response-cont .comment-body {
	border: 0 none;
	background-color: #F2F7FA;
	padding: 12px;
	margin-top: 12px;
}


#comment-form .error {
	background-color: #FFFFE0;
	border: solid 1px #E6DB55;
	margin-top: 5px;
	color: #333;
	padding: 5px;
	font-size: 10px;
	min-height: 1px; /* IE7 */
}

#comment-form .oops {
	background: url( 'images/system-error.png' ) no-repeat 98% center #fff;
}

#comments #comment-form textarea.oops {
	background-position: right top;
}

.textarea-border blockquote {

	margin-top: 0;
}


#comment-form .comment-meta cite {
	font-size: 18px;
	color: #000;
}

#respond {
	background: #F2F7FA;
	margin-top: 15px;
}

#respond .comment-author-avatar {
	display: none;
}

.singleComment {
	float: left;
	padding: 10px 0;
	width: 560px;
}

#commentlist .singleComment img {
	width: 32px;
	height: 32px;
	margin: 0;
	margin: 0 10px;
}

.moderation {
	background: #FFDFDF !important;
}

.clear {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 5px;
}

/* IE */
#response-cont,
#respond,
.ie #response-cont blockquote,
.ie .comment-content,
.ie #commentlist .children {
	zoom:1;
	overflow: hidden;
}


/** LiVE FYRE **/

#livefyre .lf_share_post img {
width: 8px;
height: 11px;
}

#lf_comment_stream .defaultSkin table.mceLayout {
	border: 1px solid #33CCFF !important;
}