/* --------------------------------------------
	КОММЕНТАРИИ
-------------------------------------------- */

/* Блок с комментариями */
.comments-header 					{ margin-bottom: 10px; position: relative; }
.comments-header h3 				{ font-size: 26px; margin-bottom: 5px; }
.comments-header .subscribe 		{ position: absolute; top: 15px; right: 0; font-size: 11px; color: #7b848d; }
.comments 							{ margin-bottom: 30px; }
.comment-wrapper 					{ position: relative;  }
.comment-wrapper .comment-wrapper 	{ padding-left: 40px; }
.comment-wrapper #reply 			{ background:#fff; margin:10px 0; border:1px solid #EEEEEE}
.comment-preview 					{ padding: 10px; margin-bottom: 10px; background: #F9F9F9; border: 1px solid #eee; border-radius: 3px; font-size: 14px; line-height: 1.6em; }


/* Комментарий */
.comment 					{  margin-bottom: 10px; padding: 5px 0 0 0px; position: relative; font-family: Arial, Helvetica, sans-serif; border-top:0px solid #DADADA }
.comment .deleted 			{ padding: 5px 10px; color: #777; background: #f4f4f4; }
.comment .comment-avatar 	{ position: absolute; top: 11px; left: 0; width: 24px; height: 24px; border:1px solid #000; z-index:1; overflow:hidden }
.comment .folding 			{ width: 13px; height: 13px; position: absolute; top: 17px; left: -20px; background: url(../images/icons-fortune.png) -36px -163px no-repeat; cursor: pointer; }
.comment .folding.folded 	{ background-position: -49px -163px; }


/* Стили для списка комментариев на странице http://ваш_сайт/comments/ */
.comments.comment-list .comment { margin-bottom: 50px;  }

.comments.comment-list .comment .comment-content {  }
.comments.comment-list .comment .comment-info li.vote .vote-count { }
.comments.comment-list .comment .comment-content:after { }
.comments.comment-list .comment .comment-content:before {  }
.comments.comment-list .comment-path { font-size: 22px; color:#666;   font-family: Arial, Helvetica, sans-serif; margin:10px 0;   }
.comments.comment-list .comment-path .blog-name,
.comments.comment-list .comment-path .comment-path-comments { }
.comments.comment-list .comment-path .comment-path-topic {  }
.comments.comment-list .comment .comment-info, .comments.comment-list .text {} 
.comments.comment-list, section.comment:last-child {}


/* Типы комментариев
 *
 * deleted 	- 	удаленный комментарий
 * self 	- 	ваш комментарий
 * new 		- 	новый, непрочитанный комментарий
 * current 	- 	активный комментарий, который выделяется при исползование кнопки обновления в тулбаре
 *
 */
.comment .text										{  }
.comment.comment-deleted 	.comment-content 		{ text-decoration:line-through; color:#000 }
.comment.comment-self		.comment-content		{  }
.comment.comment-new 		.comment-avatar				{ border:2px solid #C85951 }
.comment.comment-new 		.comment-content		{  }
.comment.comment-current 	.comment-avatar			{ border:2px solid #F00;}
.comment.comment-current 	.comment-content		{  }
.comment.comment-bad 		.comment-content		{ opacity: 0.3; filter: alpha(opacity=30); }
.comment.comment-bad:hover 	.comment-content		{ opacity: 1; filter: alpha(opacity=100); }
.ls-user-role-not-admin .comment.comment-deleted 	{ margin-bottom:10px; color: #888; font-size:14px }

/* Info Block */
.comment .comment-info 											{ padding: 5px 70px 5px 35px; line-height: 12px; position: relative; top: -2px; overflow: hidden; zoom: 1; font-size: 11px; }
.comment .comment-info li 										{ float: left;  margin-right: 15px; line-height:15px }
.comment .comment-info li a 									{  }
.comment .comment-info li a.link-dotted 						{ color: #396DA9; text-decoration: none; border-bottom: 1px dotted #396DA9; }
.comment .comment-info li a.comment-delete 						{color: #FF6D6E; border-bottom: 1px dotted #FF6D6E;}
.comment .comment-info li a.link-dotted:hover 					{ color: #f00; border-color: #f00; }
.comment .comment-info li.comment-author a 						{ font-size:14px; font-family: Tahoma, Geneva, sans-serif;    font-weight:bold }
.comment.comment-self .comment-info li.comment-author a 		{ color:#000}
.comment .comment-info li.comment-author.comment-topic-author a { color:#930600; }
.comment .comment-info li.comment-date 							{ color: #818189; font-style:italic; padding-top:1px; clear:both }
.comment .comment-info li.comment-favourite 					{ position: relative; top: 1px; }
.comment .comment-info li.comment-link 							{ position: relative; top: 1px; }
.comment .comment-info li.goto a 								{ color: #7F9FBC; font-size:15px; text-decoration: none; }
.comment .comment-info li .favourite-count 						{ font-size: 10px; color: #a2b6cd; position: relative; top: -2px; }

/* Voting Block */

.comment .comment-info li.vote 									{ position: absolute; top: 10px; right: 0; margin: 0; }
.comment .comment-info li.vote .vote-count 						{ float: left; color: #949aa1; font-weight: bold; margin-top: 0px; margin-right: 6px; padding:3px 5px; border-radius:3px }
.comment .comment-info li.vote .vote-down 						{ float: left; width: 20px; height: 20px; background: url(../images/icons-fortune.png) -113px -186px no-repeat; cursor: pointer; margin-left: 4px; }
.comment .comment-info li.vote .vote-down:hover 				{ background-position: -113px -206px; }
.comment .comment-info li.vote .vote-up 						{ float: left; width: 20px; height: 20px; background: url(../images/icons-fortune.png) -133px -186px no-repeat; cursor: pointer; margin-left: 4px; }
.comment .comment-info li.vote .vote-up:hover 					{ background-position: -133px -206px; }
.comment .comment-info li.vote.vote-count-positive .vote-count 	{ color: #FFF ; background:#51983c}
.comment .comment-info li.vote.vote-count-negative .vote-count 	{ color: #FFF ; background:#da4242 }
.comment .comment-info li.vote.voted-up .vote-down 				{ display: none; }
.comment .comment-info li.vote.voted-up .vote-up 				{ background-position: -133px -226px; }
.comment .comment-info li.vote.voted-down .vote-down 			{ background-position: -113px -226px; }
.comment .comment-info li.vote.voted-down .vote-up 				{ display: none; }
.comment .comment-info li.vote.vote-expired .vote-up,
.comment .comment-info li.vote.vote-expired .vote-down 			{ display: none; }
.comment .comment-info li.goto-comment-child 					{ display: none; }


/* Content */
.comment .comment-content { position: relative; color:#333;  font-family:Arial, Helvetica, sans-serif; background:#F6F6F6; padding:10px; border-radius: 3px }
.comment .comment-content .text { font-size: 14px; line-height:1.4;}
.comment .comment-content.text blockquote { background: #fff; border-color: #ccc; padding: 5px 10px; margin-bottom: 5px; }
.comment .comment-content:after { }
.comment .comment-content:before {  }

.comment-updated {
    color: #777;
    border: 1px solid #aaa; border-width: 1px 0 0 0;
    text-align: right;
    font-size: 11px;
    margin: 6px 0 0;
    padding: 6px 0 0;
}

/* Actions */
.comment-action-panel { overflow:hidden; font-size:11px; margin:3px 0 10px 10px; font-weight:bold}
.comment-action-panel li { display:inline-block; margin-right:10px}
.comment-action-panel li a { color:#818189; border-color:#818189 !important; text-decoration:none}
.comment-action-panel li a:hover { border-bottom:none}


/* Форма комментирования */
.reply-header { font-size: 20px; line-height: 1.3em; overflow:hidden;   }
.reply { background: #F9F9F9; padding: 15px; border-radius: 5px; border:1px solid #EEEEEE }
.reply textarea { height: 100px; }
.reply textarea.loader { background: #f7f7f7 url(../images/loader.gif) no-repeat center;}
.reply .mceEditor { display: block; margin-bottom: 10px; }

.wall-submit.wall-submit-reply.wall-submit-comment { -webkit-box-shadow: none; box-shadow: none; margin-top: 0; margin-bottom: 50px; }
.wall-submit.wall-submit-reply.wall-submit-comment:after { display: none; }