@charset "utf-8";

/* 27.01.2014 */
.clr {clear: both;}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* NEW 28.05.2013 */
.comments_news h2 {padding-top: 20px; text-align:center; font-weight:normal; font-size:22px; margin:0 0 10px;}
.comments_news h3 {text-align:center; font-weight:normal; font-size:18px; margin:0 0 10px;}
.comments_news .fp  {
	padding-bottom: 16px;
	text-align:center;
}
.comments_news .fp a {
	padding: 0 5px;
	border-left: 1px solid #000;
}
.comments_news .fp a:first-child {
	border: none;
}
ul.comments_list {
	list-style:none;
	padding: 0;
}

/* Заголовок-кнопка сворачивания списка премодерации */
ul.comments_list.admin_moderate .header-counter {
	display: inline-block;
	color: #1965b5;
	border-bottom: 1px dotted #1965b5;
}
	ul.comments_list.admin_moderate .header-counter:hover {
		cursor: pointer;
		opacity: 0.7;
	}


ul.comments_list.admin_moderate {
	margin: 10px;
	padding: 10px 20px;
	background-color: #f2f2f2;
}
	ul.comments_list.admin_moderate li.comment {
		padding: 15px 15px 5px 15px;
	}
	ul.comments_list.admin_moderate .body blockquote {
		margin: 0px 0 10px 0;
	}
	ul.comments_list.admin_moderate h4 {
		margin: 30px 0 10px 0;
		font-size: 16px;
	}

ul.comments_list li {
	position: relative;
	padding:14px 8px 10px 25px;
	border-bottom: 1px solid #e2e2e2;
}
ul.comments_list li:last-child {
	border-bottom: none;
}

/*
.body > ul.comments_list {
	list-style:none;
	padding:0;
}
*/



ul.comments_list .avatar {float: left; margin: 2px 0 0 -13px;}
ul.comments_list .avatar img {max-width: 30px; max-height: 30px; overflow: hidden; /*Обрезаем, т.к. при битом юзерпике альт.текст раздвигает картинку*/}
ul.comments_list .avatar a {display: block; position: relative; z-index: 2;} /*Тупой костыль*/

/* ul.comments_list li.odd {background:#f5f5f5;} */

ul.comments_list .head {
	position:relative;
	margin-left:30px;
	max-width: 660px;
}
ul.comments_list .num {
	color:#1149e8;
	float:left;
	font-size:11px;
	line-height:17px;
	position:absolute;
	left:0;
	top:0;
}
ul.comments_list .user {
	padding: 0;
	width: 70%;
}
ul.comments_list .user a {
	font-weight:bold;
	line-height:14px;
	text-decoration:none;
	border-bottom: 1px dotted rgba(0,0,0,0.4);
}
	ul.comments_list .user a:hover {
		border-bottom-color: rgba(0,0,0,0.7);
	}
ul.comments_list .date {
	color:#ff9202;
	float:left;
	font-size:11px;
	font-weight:bold;
	line-height:17px;
}
ul.comments_list .status {
	display:block;
	margin-top: 4px;
	font-size:10px;
	line-height:12px;
}
ul.comments_list .body {
	/* color:#2C2C2C; */
	padding: 15px 0 10px 0;
	/* margin-right: -60px; */
	font-size: 15px;
	line-height: 19px;
}
ul.comments_list .body p {
	margin:0;
	padding: 4px 0 4px 0;
}
ul.comments_list .bquote {
	text-align:right;
}
ul.comments_list .bquote a {
	color:#0055CC;
	font:11px Arial;
	text-decoration:underline;
}
ul.comments_list .bquote a:hover {
	color:#F00;
}
ul.comments_list .bquote span {
	color: #7D7D7D;
	font:10px Arial;
	display:block;
}
ul.comments_list .body blockquote {
	color: #6f6f6f;
	border-left: 3px solid #70e8b1;
	width: 70%;
	white-space: normal;
	padding: 0 10px;
	margin: 15px 0 10px 15px;
	font: 13px Arial;
	line-height: 15px;

}


ul.comments_list .body .spoiler:before {
	content: "СПОЙЛЕР";
	font-size: 11px;
	font-weight: bold;
}

ul.comments_list .body .spoiler {
	/*display: inline-block;
	padding: 3px 5px;
	margin: 5px 0;*/
	color: #ffffff;
	border-radius: 2px;
	background: #e0e0e0;
	cursor: pointer;
}

ul.comments_list .body .spoiler.show {
	background-color: #efefef;
	color: #2c2c2c;
	cursor: pointer;
}

ul.comments_list .spoiler * {opacity: 0;}
ul.comments_list .spoiler img {display: block;}
ul.comments_list .spoiler.show * {opacity: 1;}
ul.comments_list .spoiler span {padding-left: 5px;}
ul.comments_list .comment.answered {
	opacity: .5;
}

.comments_form {
	margin:60px 10px 10px;
}
/* 07.06.2013 */
/* 16.03.2021 Непонятно, зачем это вообще нужно, но отключено, т.к. не работал плеер ютуба в предпросмотре комментария. */
/* .comments_form iframe {
	position:relative;
} */
textarea, input {outline:none;}
.auth_block {
	border-top: 1px solid #D4D4D4;
	margin-bottom: 6px;
	color: #2C2C2C;
	font: 14px/13px Arial;
}
.auth_block h5 {
	padding: 10px 30px 0 30px;
	font-size: 16px;
	color: #2c2c2c;
}
.auth_block .logged {
	padding:10px 0 9px 45px;
	position:relative;
}
.auth_block .logged img {
	max-width: 30px;
	max-height: 30px;
	position:absolute;
	left:2px;
}
.auth_block .logged .logout {
	color:#8BADC5;
	font:11px Arial;
	text-decoration:underline;
}
.auth_block .logged .logout:hover {color:#FF0000;}
.auth_block .logged .options {
	top:10px;
	right:2px;
	transition:all 0.3s;
}
.auth_block .unauth {
	padding:15px 10px;
}
.auth_block .unauth .enter_forum {
	color:#3C3C3C;
	font:12px Arial;
	padding-top:6px;
}
.enter_forum a {
	border-bottom:1px dotted;
	text-decoration:none;
}
.enter_forum.open a {color:#3C3C3C; border:0 solid; cursor:default;}
.enter_forum.open + .enter_site {display:block;}
.enter_site {padding-top:8px; display:none;}
.enter_site .sbutton {width:80px;}
.enter_site a {
	font-size:12px;
	margin-left:10px;
	text-decoration:underline;
}
.comments_form input.flash {
	border:1px solid #989898;
	font:12px/23px Arial;
	height:23px;
	margin:0 11px 0 0;
	padding:0 7px;
	width:144px;
}


.add_comment {margin-left: 45px;}

.add_comment .l_col {
	float:left;
	width:430px;
}
.add_comment .r_col {
	float:right;
	width:140px;
}
.add_comment textarea {
	border: 1px solid #dcdcdc;
	color: #2c2c2c;
	font: normal 14px/16px Arial, sans-serif;
	padding: 8px;
	margin: 0 0 10px;
	resize: vertical;
	display: block;
	width: 92%;
	height: 200px;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.10);
}
.add_comment textarea:focus {border-color: #197fc6;}

.flash {
	box-shadow:inset 0 1px 1px #E1E1E1;
	-moz-box-shadow:inset 0 1px 1px #E1E1E1;
	-webkit-box-shadow:inset 0 1px 1px #E1E1E1;
}
.nofocus {color:#989898 !important;}

.add_comment .helpers {
	color:#606060;
	font:11px/30px Arial;
	height:30px;
	overflow:hidden;
	float:left;
	margin-left:10px;
}

.add_comment .helpers span {
	display:block;
}
.add_comment .helpers .hot {display:none;}

.add_comment .comments_rules {
	max-width: 83%;
	margin-top: 20px;
    font-size: 12px;
    line-height: 14px;
    color: #6c6c6c;
}
	.add_comment .comments_rules p {
		margin: 0 0 5px 0;
	}

/*.add_comment .sbutton:hover + .helpers .hot {display:block;}*/

/*
.r_col .mark {
	margin:20px 0 0;
	padding-bottom: 30px;
	position:relative;
	text-align:center;
}
.mark input {
	background:url("/i/comm_format.png") 0 0 no-repeat;
	border:0 solid;
	cursor:pointer;
	float:left;
	height:30px;
	margin:0 5px 0 0;
	text-indent:-200px;
	overflow:hidden;
	width:30px;
}
.mark input:hover + .helper {display:block;}
.mark .helper {
	left:0;
	color:#606060;
	display:none;
	font:10px Arial;
	position:absolute;
	top:34px;
	width:100%;
}
.mark input.spoiler {background-position:0 0;}
.mark input.spoiler:hover {background-position:-30px 0;}
.mark input.bold {background-position:0 -30px;}
.mark input.bold:hover {background-position:-30px -30px;}
.mark input.italic {background-position:0 -60px;}
.mark input.italic:hover {background-position:-30px -60px;}
.mark input.strike {background-position:0 -90px;}
.mark input.strike:hover {background-position:-30px -90px;}
.mark input.img {background-position:0 -120px;}
.mark input.img:hover {background-position:-30px -120px;}
.mark input.link {background-position:0 -150px;}
.mark input.link:hover {background-position:-30px -150px;}
.mark input.quote {background-position:0 -180px;}
.mark input.quote:hover {background-position:-30px -180px;}
*/

.sys_msg {
	background:#999;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#FFF;
	display:inline-block;
	font:14px Arial, Helvetica;
	padding:7px 11px;
	margin-left:11px;
}
.sys_msg.red {background:#DC3232;}

table.main{
	font:12px  Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#3C3C3C;
	background: #ffffff;
}

a.answer{
	font:14px Arial, Tahoma, Verdana, Helvetica, sans-serif ;
	color:#1781CE;
	text-decoration:none;
	border-bottom:1px dashed #1781CE;
	font-weight:bold;
}

a.answer:hover{
	color:#349fef;
	border-bottom:1px solid #349fef;
	font-weight:bold;
}



a.big_link1{
	font-size:20px;
}


table.comment_1{
	width:70%;
	font:13px  Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#3C3C3C;
	border-bottom:1px solid #bbbbbb;
}

table.comment_2{
	width:100%;
	font:13px  Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#3C3C3C;
	border:1px solid #bbbbbb;
	background:#f1f1f1;
	margin:20px 0 0 0;
}

*html table.comment_2 td{
	padding:5px 15px 0 0 !important;
}
*html table.comment_3{
	border-right:1px solid #bbbbbb;
}


table.comment_3{
	width:100%;
	font:13px  Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#3C3C3C;
	border-top:1px solid #bbbbbb;
	background:#f1f1f1;
	margin:0;
}

td.number{
	width:100px;
	text-align:right;
	padding:30px 10px 0 0;
	vertical-align:top;
}

td.comment_body{
	padding:30px 0 10px 10px;
}

div.comment_body1{
	margin:0px 5px 0px 10px;
	padding:0 0 10px 0;
	border-bottom:1px solid #bbbbbb;
}

a.nick, a.nick:hover, a.nick:visited{
	font-size:14px;
	font-weight:bold;
	color: #000000;
	text-decoration: none;
}

a.admin, a.admin:hover, a.admin:visited{
	font-weight:bold;
	color: #c10202;
	text-decoration: none;
}

a.blocked, a.blocked:hover, a.blocked:visited{
	font-weight:bold;
	color: #AAA;
	text-decoration: line-through !important;
}

a.noreg, a.noreg:hover, a.noreg:visited{
	font-weight:bold;
	color: #999999;
	text-decoration: none;
}



.status,
.status a {
	color: #999999;
}
.status a:hover {
	color: #4181b9;
}

div.date{
	color:#ff9103;
}

div.number_d{
	width:60px;
	height:40px;
	float:left;
}

div.minimize{
	text-align:right;
	padding:10px 10px 0 0;
}

.w{
	background:white !important;
}

.last{
	border-bottom:none !important;
	margin-bottom:0 !important;
}

.tenth{
	margin:0 !important;
	padding:0 !important;
	border-bottom:0px !important;
}









.com_bg1
{
	background: url(/i/com_bg1.gif) repeat-x;
	background-color: #5db462;
}
img
{
	border: 0;
}

.com_text
{
	font: 12px arial, sans-serif;
	color: #2c2c2c;
}
.com_sub
{
	font: 10px arial, sans-serif;
	color: #7d7d7d;
}




/* Ячейка комментария */
.com_cell
{
	font: 12px arial, sans-serif;
	color: #2c2c2c;
	border: 1px solid #bbbbbb;
	border-style: none none solid none;
}
a.com_quote:link, a.com_quote:visited
{
	font: 11px arial, sans-serif;
	color: #0055cc;
	text-decoration: underline;
}
a.com_quote:hover, a.com_quote:active
{
	font: 11px arial, sans-serif;
	color: #ff0000;
	text-decoration: underline;
}

/* Копирайты */
.com_copy
{
	font: 11px arial, sans-serif;
	color: #6c6c6c;
}
.com_copy a:link, .com_copy a:hover, .com_copy a:active, .com_copy a:visited
{
	font: 11px arial, sans-serif;
	color: #6c6c6c;
	text-decoration: underline;
}
ul.comments_list .body .quote {
	background-color:#fff3d9;
	padding:10px;
}

/* Quote button */
#float_quote {position: absolute; top: -50px; left: -50px; padding: 9px 7px; font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; font-weight: bold; text-align: center; border-radius: 2px; background-color: #2ad084; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.20); cursor: pointer;}
span#float_quote {color: #fff; text-decoration: none; cursor: pointer;}
span:hover#float_quote {text-decoration: none; background-color: #00c76c; cursor: pointer;}



ul.comments_list .body img {
	/* У max-width и max-height удален атрибут !important */
	max-width: 400px;
	max-height: 400px;
	margin: 8px 0;
	display: block;
	cursor: pointer;
}



.commments_different_name_btn {
	display: inline-block;
	margin-top: -2px;
	cursor: pointer;
	width: 14px;
	height: 14px;
	background: #ffffff url("/i/commments_different_name_btn.png") center center no-repeat;
}

.commments_different_name_cancel {font-size: 12px;}

.commments_different_name_input {height: 18px; font-size: 12px; padding: 0 4px; margin-left: 0;}

.comments_different_name_note {width: 390px; font-size: 11px; color: #838383; padding: 7px 0 0 0;}


.body ul {
	list-style-type:disc !important;
}
.body li {
	padding:0 0 5px 0 !important;
	border-bottom: 0 !important;
}

/*
ul.comments_list {
	list-style:none;
	padding:0;
}
ul.comments_list li {
	padding:14px 8px 10px 25px;
	border-bottom: 1px solid #cdcdcd;
}
*/




/* Новая форма */
.add_comment .for_podcast {
	position: absolute;
	margin-top: 5px;
	z-index: 900;
}

.add_comment .guest_name {
	margin-bottom: 10px;
}
.add_comment .markItUpHeader {
	position: relative;
	margin-right: 42px;
	height: 40px;
	text-align: center;
}

.add_comment .markItUpHeader ul {
	float: right;
	margin: 0;
	padding: 0;
	outline: 0;
}

.markItUpHeader .markItUpButton {
	background:url("/i/comm_format.png") 0 0 no-repeat;
	border:0 solid;
	cursor: pointer;
	float: left;
	height: 30px;
	width: 30px;
	margin: 0 5px 5px 0;
	text-indent: -200px;
	overflow: hidden;
}
.markItUpHeader .markItUpButton5 {
	margin-left: 15px;
}
.markItUpHeader .helper {
	position: absolute;
	left: 60px;
	top: 9px;
	display: block;
	color: #606060;
	font: 10px Arial;
	width: 200px;
	text-align: right;
}

.markItUpHeader .spoiler {background-position:0 0;}
.markItUpHeader .spoiler:hover {background-position:-30px 0;}
.markItUpHeader .bold {background-position:0 -30px;}
.markItUpHeader .bold:hover {background-position:-30px -30px;}
.markItUpHeader .italic {display: none;}
.markItUpHeader .italic {background-position:0 -60px;}
.markItUpHeader .italic:hover {background-position:-30px -60px;}
.markItUpHeader .strike {background-position:0 -90px;}
.markItUpHeader .strike:hover {background-position:-30px -90px;}
.markItUpHeader .img {background-position:0 -120px;}
.markItUpHeader .img:hover {background-position:-30px -120px;}
.markItUpHeader .link {background-position:0 -150px;}
.markItUpHeader .link:hover {background-position:-30px -150px;}
.markItUpHeader .quote {background-position:0 -180px;}
.markItUpHeader .quote:hover {background-position:-30px -180px;}


.add_comment .bigbutton, .add_comment .bigbutton[disabled]:active {float: left; padding: 9px 10px 8px 10px; border: none; border-radius: 2px; outline: none; -webkit-appearance: none; cursor: pointer; font: bold 12px Arial, sans-serif; text-transform: uppercase; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.30); text-shadow: none;}
.add_comment .bigbutton[disabled] {cursor: default; opacity: 0.5; filter:alpha(opacity=50);}
.add_comment .bigbutton[disabled]:active {cursor: default;}

.add_comment .bigbutton.submit {color: #fff; background-color: #2ad084;}
.add_comment .bigbutton.submit:active {background-color: #00c76c; box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.30)}
.add_comment .bigbutton.submit[disabled]:active {background-color: #2ad084; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.30);}

.add_comment .bigbutton.preview {color: #2c2c2c; background-color: #e2e2e2; margin-right: 14px;}
.add_comment .bigbutton.preview:active {background-color: #d3d3d3; box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.30)}
.add_comment .bigbutton.preview[disabled]:active {background-color: #e2e2e2; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.30);}


#comment_preview {
	display: none;
	border: 1px solid #AAA;
	border-radius: 5px;
	padding: 5px 0;
	overflow: hidden;
	margin-left: -45px;
}
#comment_preview_close {
	display: none;
	position: absolute;
	right: 5px;
	margin-top: -5px;
	width: 16px;
	height: 16px;
	background: url('/i/icon-close.png') no-repeat;
	background-size: 16px 16px;
	cursor: pointer;
}

#comment_preview * {
	/*margin-left: 0 !important;*/
	max-width: 750px;
}

#comment_preview .comment {
	border: none;
}

/* Список комментов */
/*
.comments_list li.comment.unpublished .body {
	opacity: .5;
}
.comments_list li.comment.unpublished:hover .body {
	opacity: 1;
}
*/
.comments_list li.comment .admin {
	color: #c10202;
}
.comments_list li.comment .user {
	color: #195d9d;
}
.comments_list li.comment .sponsor {
	color: #00a780;
}
.comments_list li.comment .guest {
	font-weight: normal;
	font-style: italic;
}
.comments_list li.comment .comment_actions {
	position: absolute;
	top: 10px;
	right: 8px;
	z-index: 990;
}
.comments_list li.comment .number {
	font-size: 12px;
	color: #666;
}







/* Karma */
/* Класс "karma_minus" также используется для админкнопок бана и удаления, стоящих слева от юзерского плюсомета */
.comments_list li.comment .karma_actions {
	margin-right: 0;
}


ul.comments_list .carma,
ul.comments_list .karma {
	font-size: 12px;
	margin-right: 3px;
	padding: 2px;
	border-radius: 2px;
}
ul.comments_list .karma.good {
	font-weight: bold;
	/*color: #00b54d;*/
	color: #16b98d;
}
ul.comments_list .karma.bad {
	font-weight: bold;
	color: #cd213b;
}
ul.comments_list .karma.neutral {
	font-size: 11px;
	font-weight: normal;
	color: #bbbbbb;
}
ul.comments_list .karma.admin {
	font-weight: normal;
	color: #c10202;
	font-size: 11px;
}
ul.comments_list .karma.voted_plus {border: 1px solid #16b98d;}
/*ul.comments_list .karma.voted_plus {border: 1px solid darkseagreen;}*/
ul.comments_list .karma.voted_minus {border: 1px solid indianred;}



.comments_list li.comment .karma_minus,
.comments_list li.comment .karma_plus {
	display: none;
}
.comments_list li.comment:hover > .comment_actions .karma_minus,
.comments_list li.comment:hover > .comment_actions .karma_plus {
	display: inline-block;
}
.comments_list li.comment .karma_minus.voted,
.comments_list li.comment .karma_plus.voted {
	display: inline-block;
}


.karma_actions .karma_plus,
.karma_actions .karma_minus {
	display: inline-block;
	padding: 0 5px 1px 5px;
	cursor: pointer;
	color: #ffffff;
	font-family: Times, Arial, sans-serif;
}

/*Заминусованный комментарий*/
.comments_list li.bad_comment .avatar,
.comments_list li.bad_comment .head {
	opacity: 0.3;
	-webkit-filter: grayscale(1);
	transition: opacity 300ms ease;
}
	.comments_list li.bad_comment:hover .avatar,
	.comments_list li.bad_comment:hover .head {
		opacity: 1;
		-webkit-filter: grayscale(0);
		transition: opacity 300ms ease;	
	}


.karma_actions .karma_minus {background-color: #ee9999;}
.karma_actions .karma_minus:hover {color: #fff; background-color: #DD0000;}
.karma_actions .karma_plus {background-color: #99dd99;}
.karma_actions .karma_plus:hover {color: #fff; background-color: #00AA00;}

#moderate .moderate {padding-top: 15px;}
#moderate .moderate span {display: inline-block; border-radius: 50%; margin-right: 2px;}
#moderate .moderate span input[type=radio] {margin: 5px;}
#moderate .moderate .good {background: #30bd10;}
#moderate .moderate .stay {background: #FFCC00;}
#moderate .moderate .ban {background: black;}
#moderate .moderate .best {background: black;}
#moderate .moderate .best {background: darkorange;}
#moderate .moderate .money {background: #258bd9;}
#moderate .moderate .delete {background: #eb2440;}
#moderate .moderate small {display: inline-block; margin: 6px 4px;}





#user_email_change, #user_email_disable {
	margin-top: 20px;
	font-size: 12px;
}

#user_email_change .wrapper {
	display: none;
}

#uLogin {
	display: inline-block;
	position: relative;
	top: 4px;
}

/* Ban comment */
.ban_comment ul.comments_list {margin: 0;}
.ban_comment .message {background-color: #f2dede;border: 1px solid #ebccd1; color: #a94442; border-radius: 4px;padding: 15px; margin-bottom: 20px;}
.ban_comment .comment {background-color: #fcf8e3; border: 1px solid #faebcc; border-radius: 4px;margin: 0;}
.ban_comment .comment .body {padding: 0; max-width: 550px;}


#comments_loader {
	height: 256px;
	background: url('/i/comments_loader.gif') no-repeat 50%;
}

/* Edit comment */
.comment .buttons .edit {
	color:#8BADC5;
	font:11px Arial;
	text-decoration:underline;
}
.comment .buttons .edit:hover {color:#FF0000;}
#edit_timer, #timer_notice {display:none;}

/* No comments */
ul.comments_list .no_comments {
	padding: 0 20px;
	color:#AAA;
}

/* Пометка и пометка-ссылка о спонсорстве у имени юзера */
.patreon_user {
	color: #00a780;
	font-weight: bold;
}
ul.comments_list .user a.patreon_user,
ul.comments_list .user a.patreon_user:visited {
	padding: 0 4px 0 3px;
	font-weight: normal;
	color: #5bbd94;
	background-color: #dfffe9;
	border-radius: 2px;
}
	ul.comments_list .user a.patreon_user:hover {
		color: #06a562;
		background-color: #c9ffda;
	}

.status_user {color: #ff0000; font-weight: bold;}





												/*Респонсив*/

@media only screen and (max-width: 1199px) {
	/*Постоянный показ кнопок кармы*/
	.comments_list li.comment .karma_minus,
	.comments_list li.comment .karma_plus {
		display: inline-block;
		margin-right: 4px;
		border-radius: 50%;
	}
	.karma_actions .karma_plus {
		color: #48c148;
		background-color: #f1f1f1;
	}
	.karma_actions .karma_minus {
		color: #e88383;
		background-color: #f1f1f1;
	}
}

@media only screen and (max-width: 599px) {
	/*Размер картинок в комментариях*/
	ul.comments_list .body img {
		/* У max-width и max-height удален атрибут !important */
		max-width: 300px;
		max-height: 300px;
	}
	ul.comments_list li {
		padding: 14px 16px 10px 16px;
	}
		ul.comments_list.admin_moderate li.comment {
			padding: 15px 0 5px 0;
		}
	ul.comments_list .user {
		max-width: 320px;
	}	
	ul.comments_list .head {
		margin-left: 0;
	}
	ul.comments_list .avatar {
		margin: 2px 5px 0 0px;
	}
	ul.comments_list .body blockquote {
		width: 80%;
		margin: 15px 0 10px 0;
	}
}

@media only screen and (max-width: 389px) {
	/*Размер картинок в комментариях*/
	ul.comments_list .body img {
		/* У max-width и max-height удален атрибут !important */
		max-width: 260px;
		max-height: 260px;
	}
	ul.comments_list .user {
		max-width: 180px;
	}	
}