/* Comments */

article.comment {border: 0px solid #4D4D4D; margin: 0px;}

#comments                           { margin-top: 0px; }
.comments-title						{background: #666; border-top: 1px solid #444;}
#comments #comments-title			{ margin: 10px 20px 10px; font-size: 14px; font-weight: bold; padding: 0; text-transform: uppercase;  }
#comments #comments-title span		{ font-weight: normal; text-transform: none;}
#comments ol.commentlist            { padding: 20px 20px 1px; }
#comments ol.commentlist            { margin: 0px 0px 0px 0px; padding-bottom: 1px;}
#comments ol.commentlist ul         { list-style: none; padding: 20px 0px 0px 0px; margin: 0px 0px 0px 20px; }
#comments ol.commentlist li         { list-style: none; padding: 0px; padding-bottom: 0px; border-left: 2px solid #777777; position: relative; margin-bottom: 20px; }
#comments ol.commentlist li:after	{ content: " "; border-color: transparent transparent #777777 #777777; border-style: solid; border-width: 0 7px 7px 0; position: absolute; bottom: 0; left: 0; }

#comments .comment-meta				{ border-bottom: 2px solid #ffffff;	 border-bottom-width: 0px; background: #777777; padding: 2px; position: relative; }
#comments .comment-meta:after		{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
#comments .vcard					{ padding: 5px 0px 5px 14px; line-height: 14px; }
#comments .vcard .says              { display: none; }
#comments .vcard .fn                { color: #333333; font-size: 16px; font-weight: bold; display: block; line-height: 22px; margin: 0px 6px 0px 0px; }
#comments .vcard .fn a				{ color: #333333; text-decoration: none; }
#comments .vcard .fn a:hover		{ text-decoration: underline; }
#comments a.comment-date			{ font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
#comments a.comment-date:hover		{ text-decoration: none; }
#comments .comment-links			{ display: block; position: absolute; top:7px; right: 8px; line-height: normal; }
#comments .edit-link				{ }
#comments a.comment-edit-link       { }
#comments a.comment-edit-link:hover	{ }
#comments .reply                    { }
#comments .reply a                  { }
#comments .reply a:hover			{ }
#comments .reply span				{ display: none; }

#comments .comment-content      	{  margin: 0px; padding: 14px 14px 1px 14px; background: #666; }

#comments .comment-content:after	{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
#comments .comment-avatar			{ display: block; float: left; padding: 6px 0 0 4px; margin-right: 12px; }
#comments .avatar					{ display: block; width: 30px; height: 30px; border: 2px solid #ffffff;}
#comments .comment-content p		{ font-size: 12px; margin-bottom: 10px; padding-left: 0; padding-right: 0;}

#comments label                     { font-weight: bold; left: 10px; line-height: 21px; position: absolute; top: 3px;  }
#comments label span                { font-size: 11px; font-weight: normal; }
#comments input                     { width: 45%; }
#comments textarea                  { display: block; width: 100%; height: 100px; }
#comments p                         { margin: 0px 0px 20px 0px; position: relative }

#respond {
	background   : #666;
	border-style : solid;
	border-width : 1px 0 0 0;
	padding      : 0px;}

#respond #commentform				{ padding: 0 20px 20px; position: relative; }
#respond li #reply-title           	{ position: relative;}
#respond li #reply-title small		{ position: absolute; top: 10px; right: 10px; }
#respond p.form-submit				{ margin: 0px; padding: 0;}
#respond #reply-title      			{ margin: 0px 0px 0px 0px; padding: 15px 20px; text-transform: uppercase; }
#respond #reply-title small			{ float: right; font-weight: bold; }
#respond #reply-title small a		{ color: #333333;}

#respond #submit {
	background : #333333;
	border     : 0px solid #A1C6D9;
	color      : #fff;
	cursor     : pointer;
	display    : inline;
	font-weight: bold;
	width      : auto;}

#respond #submit:hover {
	background     : #4391bb;
	text-decoration: none;}

#respond input, #respond textarea {
	border     : 1px solid #555;
	display    : block;
	font-family: 'Arial', sans-serif;
	font-size  : 12px;
	margin     : 0px;
	padding    : 5px 8px;}

#respond .comment-form-author		{  }
#respond p							{ margin-bottom: 10px; }
#respond p.must-log-in 				{ margin-left: 14px; }
#respond p.comment-notes			{ width: 47%; float: right; line-height: 18px; font-style: italic; }
#respond p.comment-notes .required	{ display: none; }
#respond p.logged-in-as				{ font-size: 11px; margin: 0; padding: 0; position: absolute; right: 14px; bottom: 14px; z-index: 10; }
#respond p.logged-in-as a			{ text-decoration: none; }
#respond p.logged-in-as a:hover		{ text-decoration: underline; }
#respond p.comment-form-comment		{ padding: 0 20px 0 0; }

#respond .required					{ display: block; font-size: 0px; line-height: 0px; text-indent: -9999px; width: 5px; height: 5px; position: absolute; top: 0px; left: 0px; background: url('../img/required.gif') top left no-repeat;}
#respond .form-allowed-tags			{ display: none; }
#respond .form-allowed-tags code	{ display: block; font-size: 11px; line-height: 16px; }