@import url('comment-insert.css');
 
*
{
 margin: 0px;
 padding: 0px;
 font-family: arial;
 
}
 
body {
 
 background: black;
 
}
a img{
   border: none;
}
 
.wrapper {
 background: black;
 width: auto;
 border: 0px solid white;
 
 height: auto;
 
 
}
 
.page-data {
 width: auto;
 height: 50px;
 color: white;
 
 border: 2px solid #ffc163;
 background-color: #1a191a;
 text-shadow: -1px 0 green, 0 1px green, 1px 0 green, 0 -1px green;
 
 bottom: 10px;
 
 
}
 
.comment-wrapper {
 margin: 0px;
 border: 1px solid black;
 height: auto;
 width: auto;
 color: blue;
}
 
h3.comment-title {
 
 height: 40px;
 line-height: 37px;
 font-size: 14px;
 margin: 0 5px 0 5px;
 color: white;
 border: 0px solid yellow;
 
 
 
}
 
.comments-list {
 
 height: auto;
 font-size: 13px;
 margin: 10px 5px 5px 5px;
 color: red;
 text-align: left;
 
 
}
 
ul.comments-holder-ul {
 
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 width: auto;
 height: auto;
 overflow: hidden;
 
}
 
ul.comments-holder-ul li.comment-holder {
 list-style-type: none;
 background: white;
 height: auto;
 width: auto;
 margin: 5px 0 5px 0;
 border: 2px solid #d35400;
 overflow: none;
 position: relative;
 
}
 
ul.comments-holder-ul li.comment-holder:hover {
border: 1px solid #d35400;
 background: black;
}
 
ul.comments-holder-ul li.comment-holder .user-img {
 float: right;
 height: 69px;
 width: 65px;
 margin: 0 10px 0 0;
 
}
 
ul.comments-holder-ul li.comment-holder .user-img img.user-img-pic {
 width: 270px;
 height: 61px;
 margin: 1px;
 border: 2px solid      #ffc163;
 position: relative;
 right:201px;
 
}
 
ul.comments-holder-ul li.comment-holder .user-img img.user-img-pic:hover {
 border: 1px solid orange;
}
 
.comment-body {
 width: 100%;
 
 
}
 
ul.comments-holder-ul li.comment-holder h3.username-field:hover {
 color: black;
}
 
ul.comments-holder-ul li.comment-holder h3.username-field {
 height: 30px;
 line-height: 27px;
 color: blue;
 font-size: 0px;
 margin: 0 0 0 10px;
 
}
 
ul.comments-holder-ul li.comment-holder .comment-text {
 display: block;
 width: auto;
 font-size: 13px;
 margin: 0 10px 10px 75px;
 word-wrap: normal;
}
 
ul.comments-holder-ul li.comment-holder:hover .comment-buttons-holder {
 display: block;
}
 
.comment-buttons-holder {
 display: none;
 position: absolute;
 top: 0px;
 right:0px;
 width: 100px;
 height: 20px;
 
}
 
.comment-buttons-holder ul {
 list-style-type: none;
 width: auto;
 height: auto;
 overflow: hide;
 
}
 
.comment-buttons-holder ul li {
 float: right;
 height: 20px;
 width: 20px;
 text-align: center;
 line-height: 18px;
 color: yellow;
 background: grey;
 cursor: pointer;
}
 
.comment-buttons-holder ul li:hover {
 color: white;
 background: silver;
}