[contenteditable=true]:empty:after {
  content: attr(placeholder);
  display: block; /* For Firefox */
  color:#E0E0E0;
}

#editablediv {
   border: 3px solid #4C2039;
   border-radius: 4px; 
   -webkit-border-radius: 12px; 
   -moz-border-radius: 43px;
   -khtml-border-radius: 43px;
   background: #FFFFFF; 
	padding:12px 6px;
	margin:4px 70px;
	font-size:21px;
	overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;	
}
.hyphenate {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
#emoticons {
	margin:-12px 4px;
	display:none;
}
#smilebutton, #stickbutton,#stickbutton2,#stickbutton3,#stickbutton4,#stickbutton5 {
	width:25px;
	height:25px;
	margin-left:2px;
	padding-top:0px;
	cursor:pointer;
	opacity:0.6;
}
#smilebutton:hover,#stickbutton:hover,#stickbutton2:hover,#stickbutton3:hover,#stickbutton4:hover,#stickbutton5:hover{
	opacity:1;
}
.delmessage {
	font-size:14px;
	color:grey;
	border:2px;
	border-radius:20px;
	background-color:#B8BBBF;
	padding:5px 10px;
}
.smile {
	height:20px;
}
.smile:hover {

}
.smile50 {
	height:50px;
	padding-right:8px;
}
.smile100 {
	height:100px;
}
.sticker {
	height:80px;
	padding-right:9px;
	padding-top:3px;
}
.bigsticker {
	height:120px;
	padding-right:9px;
	padding-top:3px;
}
.commentBox {
    margin-left: -50px;
}
.lastmes {
	display:none;
}
.commentBox h2 { margin-left: 50px; }
.commentBox h2 span {
    color: gray;
}
.hentry {
    margin: 8px 0 8px 50px;
}
.hentry li {
    margin-bottom:10px;
}
.hentry .depthmes {
	margin-left:5px;
	margin-right:47%;
}
.hentry .depth1 {
    margin-left:47%;
	margin-right:5px;
}
.hentry .sdepth0 {
	margin-left:-45px;
	margin-right:47%;
}
.hentry .sdepth1 {
    margin-left:47%;
	margin-right:5px;
}
.mes_link {
	color:blue;
	
}
.mes_link:hover {
	text-decoration:underline;
}

.hentry .avatar, .comment-block .avatar {
    float: left;

}
.hentry .avatar img, .comment-block .avatar img {
    border: 0px solid #878787;
    border-radius: 6px;
	    width: 60px;
	height: 60px;
}




 .remark {
 margin-left:14px;
}

.italic-text {
	font-style:italic;
	font-family:times new roman;
	font-size:19px;
}
.commentContent {
	background: #f7eef5;
	background-image: radial-gradient(ellipse farthest-corner at right bottom, pink 0%, #f7eef5 50%, #E4E4E4 100%);
    border: 1px solid #bec7c9;
    margin: 0 0 0 72px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	
}
.commentContent:hover {
   box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px rgba(0, 0, 0, .8),
   23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 10px rgba(0, 0, 0, .1) inset;
}


.commentform {
    background: #FFFFFF;
    border: 1px solid #bec7c9;
    margin: 0 0 0 81px;
	margin-right:19px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	
}

.hentry .meta {
    background: url(../img/comment-arrow.gif) 0 8px no-repeat;
    height: 15px;
    margin: 0 0 0 -8px;
    padding: 5px 5px 5px 20px;
    overflow: hidden;
    position: relative;
    font-size:11px;
}
.hentry .meta .nickname {
    float: left;
}
.hentry .meta .nickname a {
    color: #323232;
	font-size:15px;
	font-weight:bold;
}
.deletecomment{
	font-size:15px;
	float:right;
	color:red;
}
.deletecomment a {color:#D45252;}
.deletecomment a:hover {color:red;}

.hentry .meta .title a {
	color: #C6A2C8;
	
	    margin: 0 10px;
    float: left;
    
	font-size:16px;
	
}
.hentry .meta ul {
    float: right;
}
.hentry .meta ul li {
    float: left;
}


.hentry .meta .date {
    margin: 0 0px;
    float: right;
    color:#000;
    padding-top:2px;
	font-size:10px;
}
.hentry .status {
    margin-right: -9px;
    float: right;
    color:#888;
	padding:0;

	font-size:10px;
}
.hentry .meta .bookmark {
    position: relative;
    top: -3px;
    float: left;
    font-size: 14px;
    padding-top:2px;
	color:blue;
}
ul .vote strong {
    margin-left: 5px;
    font-size:13px;
}
.answerTo {
    float:left;
}
.answerTo a {
    display: inline-block;
    width: 13px;
    height: 14px;
    margin: 0 0 0 5px;
    background: url(img/arrow-top.png) no-repeat;
}
.positive .meta ul .vote strong {
    color: #11a305;
}
.negative .meta ul .vote strong {
    color: #b71111;
}
.negative .fadeable {
    opacity: 0.8;
    filter: Alpha(opacity=80);
}
.negative-2 .fadeable, .negative-3 .fadeable {
    opacity: 0.7;
    filter: Alpha(opacity=70);
}
.negative-4 .fadeable, .negative-5 .fadeable {
    opacity: 0.6;
    filter: Alpha(opacity=60);
}
.negative-6 .fadeable, .negative-7 .fadeable {
    opacity: 0.5;
    filter: Alpha(opacity=50);
}
.negative-8 .fadeable, .negative-9 .fadeable {
    opacity: 0.4;
    filter: Alpha(opacity=40);
}
.negative-10 .fadeable {
    opacity: 0.3;
    filter: Alpha(opacity=30);
}
.author_sComm .commentContent {
  
	    background: #ABDCF0;
	background-image: radial-gradient(ellipse farthest-corner at right bottom, #C2D6E6 15%, #ABDCF0 50%, #E4E4E4 100%);
}
.author_sComm .meta {
    
}
.author_sComm .meta .nickname a {
    color: #9b3947;
	font-size:14px;
}
.commentText {
    border-top: 1px solid #e6eced;
    padding: 1px 12px;
    margin-bottom: 1px;
    font-size:10px;
}
.commentText p {
    margin:9px 0 0 0;
}
.prokrutka {
height:330px; /* высота нашего блока */

    background-clip: border-box;
    background-color: #ffffff;
    background-origin: padding-box;
    background-size: auto;
    border: 1px solid rgb(192, 192, 192);
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    margin: 3px auto;
    overflow-y: scroll; /* прокрутка по вертикали */
    padding: 5px;
    position: relative;
	text-align:left;

}
.messages {
    border-top: 1px solid #e6eced;
    padding: 1px 12px;
    margin-bottom: 1px;
	color:blue;
	font-size:8px;
}
.messages p {
    margin:3px 0 0 0;
	font-size:15px;
	color:red;
	margin-top:10px;
	margin-bottom:0px;
}
.messages a {
	
	color:black;
}
.date a {
color:red;
}

.direction {
color:blue;
font-size:10px;
text-decoration:none;
}
.direction a:hover {
color:orange;
font-size:10px;
text-decoration:none;
}

.menu, .hentry .meta ul .vote .buttons                  { font-size: 13px; }
.hentry .meta ul .bookmark                              { font-size: 151%; }
.hentry .meta ul .vote strong                           { font-size: 13px; }
.menuF a:hover, .textCut a:hover, .pNavig a:hover, .hentry .meta .nickname a:hover,
kbd a:hover                                             { text-decoration: underline; }

.vote a, .stat tr th, .userName  { font-weight: normal; }
.cl { clear: both; font-size: 0pt; line-height: 0px; height: 0; }
 li {
    list-style-type: none; /* Убираем маркеры */
   }
   ul {
    margin-left: 0; /* Отступ слева в браузере IE и Opera */
    padding-left: 0; /* Отступ слева в браузере Firefox, Safari, Chrome */
   }
.smartbutton {
	margin-left:22px;
	margin-top:0px;
}
.smartform {
	margin-top:3px;
}
@media (max-width:945px){
.sticker {
	height:60px;
}
.messagestyle {
	width:79%;
}
}
   
@media (max-width:845px){
.hentry .depth0, .hentry .depth1, .hentry .sdepth0, .hentry .sdepth1 {
		margin-left:-45px;
	margin-right:0%;
}
.messagestyle {
	width:99%;
}
.prokrutka {
	height:220px;
}
}
@media (max-width:725px){
.smartform {
	margin-left:8px;
}
.smartdisplay, .smart {
	display:none;
}
.smartbutton {
	margin-left:3px;
	margin-top:2px;
}
#editablediv {
	padding:8px 5px;
	margin:1px 6px;
}
}