.comment{width: 100%; background:white;border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;box-shadow:0 1px 3px 0 #B5B5B5;-moz-box-shadow:0 1px 3px 0 #b5b5b5;-webkit-box-shadow:0 1px 3px 0 #B5B5B5;position:relative;padding:10px;}
.dark-skin .comment{background:#2c2c2c;box-shadow:0px 1px 5px 1px rgb(24 24 24 / 41%);-moz-box-shadow:0px 1px 5px 1px rgb(24 24 24 / 41%);-webkit-box-shadow:0px 1px 5px 1px rgb(24 24 24 / 41%);}
.commentlist:hover .comment-bottom-hover{display:block;}
.comment-bottom-hover{height:10px;padding:0;display:none;position:absolute;right:0px;z-index:10;text-align:right;}
.commentlist:hover .comment-title-hover{display:block;}
.comment-title-hover{height:15px;line-height:15px;width:400px;padding:0;font-size:12px;color:#818181;display:none;position:absolute;top:15px;right:70px;z-index:10;text-align:right;}
.comment-title-hover a{color:#c43751;font-size:10px;text-transform:uppercase;text-decoration:none;font-weight:normal;}
.comment-title-hover a:hover{color:#505050;text-decoration:underline;}
.comment-title-hover span{float:right;}
.comment-number{color:#fff !important;padding:0 3px;margin:0 10px 0 0;font-weight:bold;font-size:11px;line-height:14px;float:right;background:#818181;}
.mass-action{padding:0 0 0 2px;margin:2px 5px 0 0;height:15px;float:right;}
.ratingbox{background-color:#F5F3F3;border-radius:3px;display:inline-block;float:left;margin:-14px 0px 0px 0px;padding:4px 5px 3px 5px;font-size:10px;position:relative;line-height:100%;text-shadow:0 1px 1px #FFF;}
.dark-skin .ratingbox{background-color:#2C2C2C;text-shadow:0 1px 1px #000;}
.ratingboxcomments{float:right;}
.ratingbox span{margin-right:0px;}
.ratingbox i{font-size:12px;margin-right:5px;}
.ratingbox a{text-decoration:none;}
.ratingbox a:hover{text-decoration:none;}
.ratingbox a:focus{text-decoration:none;}
#comments-box .post-listing{padding:20px 20px 0;margin-bottom:40px;}
#comments-title{}
#comments-title em{color:#333;}
.comment-avatar{overflow:hidden;width:60px;height:60px;margin:0 15px 5px -30px;background:white;padding:2px;-moz-border-radius:1px;-webkit-border-radius:1px;box-shadow:0 0 3px #B5B5B5;-moz-box-shadow:0 0 3px #b5b5b5;-webkit-box-shadow:0 0 3px #B5B5B5;float:left;}
.dark-skin .comment-avatar{background:#2c2c2c;box-shadow:1px 2px 5px 3px rgb(24 24 24 / 41%);-moz-box-shadow:1px 2px 5px 3px rgb(24 24 24 / 41%);-webkit-box-shadow:1px 2px 5px 3px rgb(24 24 24 / 41%);}
.commentlist li{margin-bottom:20px;clear:both;position:relative;clear:both;}
.author-comment{overflow:hidden;position:relative;margin-bottom:5px;}
.author-comment cite{color:#3b3b3b;position:relative;display:block;margin-bottom:2px;padding-top:5px;font-style:normal;font-weight:bold;}
.commentmetadata{display:block;font-size:85%;padding-top:1px;}
.commentmetadata a{color:#3b3b3b;}
.commentmetadata a:hover{color:#000;}
.comment-wrap{position:relative;border-bottom:1px solid #E7E7E7;}
.comment-content{position:relative;display:block;overflow:hidden;padding-bottom:10px;margin:15px 2px 20px 29px;min-height:25px;}
.comment-content p{line-height:17px;margin-bottom:10px;}
.comment-content a{color:#333;text-decoration:underline;}
.comment-content a:hover{color:#e33451;text-decoration:none;}
.comment-content img{max-width: 100%;height: auto;}
.nocomments{text-align:center;}
.commentlist li.pingback{padding:5px 10px;border-bottom:1px solid #ddd;}
.commentlist .children{margin-top:15px;margin-left:50px;}
.commentlist .pmreply a,
.commentlist .pmcomplaint a,
.commentlist .pmdel a,
.commentlist .pmignore a,
.commentlist .reply a,
.commentlist .complaint a,
.commentlist .del a,
.commentlist .spam a,
.commentlist .edit a,
.commentlist .fast a{position:absolute;bottom:0px;right:0px;background:#E7E7E7;padding:3px 10px;font-size:11px;}

.dark-skin .commentlist .reply a,
.dark-skin .commentlist .complaint a,
.dark-skin .commentlist .del a,
.dark-skin .commentlist .spam a,
.dark-skin .commentlist .edit a,
.dark-skin .commentlist .fast a{background:#27292d;}

.commentlist .pmreply a:hover,
.commentlist .pmcomplaint a:hover,
.commentlist .pmdel a:hover,
.commentlist .pmignore a:hover,
.commentlist .reply a:hover,
.commentlist .complaint a:hover,
.commentlist .del a:hover,
.commentlist .spam a:hover,
.commentlist .edit a:hover,
.commentlist .fast a:hover{background:#333;color:#FFF;}
.commentlist .fast a{margin:0px 0px 0px 0px;}
.commentlist .complaint a{margin-right:70px;}
.commentlist .spam a{margin:0px 133px 0px 0px;}
.commentlist .edit a{margin:0px 182px 0px 0px;}
.commentlist .del a{margin:0px 280px 0px 0px;}
.commentlist .pmreply a{margin:0;}
.commentlist .pmcomplaint a{margin:0 70px 0 0;}
.commentlist .pmdel a{margin:0 133px 0 0;}
.commentlist .pmignore a{margin:0 197px 0 0;}
.comment-info > .name{margin-right:6px;}
.comment-info > .date{margin-left:6px;}
.comment-info > .name a{color:inherit;}
.comment-info .status{display:inline-block;vertical-align:middle;margin-top:-.2em;overflow:hidden;text-indent:-9999px;background-color:#d9dcde;width:6px;height:6px;border-radius:50%;}
.status.online{background-color:#a7cb37;}
.signature{font-size:.9em;opacity:.5;margin-top:.9em;}
#respond{margin-bottom:10px;position:relative;clear:both;}
#respond:before{height:1px;}
.commentlist li #respond{margin:10px 0 20px 70px !important;}
#commentform{padding:20px 20px 10px;margin-top:5px;overflow:hidden;clear:both;}
#commentform .required{font-weight:bold;}
#commentform label{padding-bottom:4px;color:#888;display:block;}
#commentform p{margin:0 0 10px;}
#commentform input{display:block;height:36px;}
#commentform input[type="checkbox"]{margin:2px 7px 0 0;float:left;clear:left;}
#commentform .form-allowed-tags,
.comment-form-comment label{display:none;}
#commentform p.form-submit{margin-top:0;}
.comment-form-email,
.comment-form-url,
.comment-form-url,
.comment-form-comment{clear:both;}
.comment-notes{margin-bottom:10px;}
