/*
********************************************************************************
********************** COMMENTS ************************************************
********************************************************************************
*/

div.article-comments{
   position: relative;
   margin: 0 0 75px;
   padding: 0;
   float: left;
   clear: both;
   width: 590px;
}

div.comment{
   padding: 10px 10px 40px 10px;
   width: 460px;
   margin-top: 80px;
   position: relative;
   border-radius: 12px;
   -moz-box-shadow: 18px 18px 9px rgba(100, 100, 100, 0.6);
   -webkit-box-shadow: 18px 18px 9px rgba(100, 100, 100, 0.6);
   box-shadow: 18px 18px 9px rgba(100, 100, 100, 0.6);
}

div.comment h1{
   font-size: 12px;
   font-weight: bold;
}

div.comment.pro{
   background-color: rgb(165, 180, 157);
}

div.comment.contra{
   background-color: #D57A72;
}

div.comment.neutral{
   background-color: rgb(222, 222, 221);
}

div.comment.pro:after {
	content: url('../png/spike-green-comment.png');
	position: absolute;
	bottom:  -34px; /* value = - border-top-width - border-bottom-width */
	left: 25px; /* controls horizontal position */
}

div.comment.contra:after {
	content: url('../png/spike-red-comment.png');
	position: absolute;
	bottom:  -34px; /* value = - border-top-width - border-bottom-width */
	left: 25px; /* controls horizontal position */
}

div.comment.neutral:after {
	content: url('../png/spike-grey-comment.png');
	position: absolute;
	bottom:  -34px; /* value = - border-top-width - border-bottom-width */
	left: 25px; /* controls horizontal position */
}

div.comment-header{
   width: 460px;
   text-align: left;
   padding-top: 5px;
   border-bottom: 2px solid #000;
   font-weight: normal;
}

div.comment-header span.date{
   font-size: 10px;
   color: #000;
   font-weight: normal;
}

div.comment.hidden-bubble div.comment-header span.date{
   color: #fff;
}

p.comment-author{
   display: inline;
}

p.comment-author{
   color: #000;
   font-weight: normal;
}

div.comment.hidden-bubble p.comment-author{
   color: #fff;
}

div.comment-body{
   color: #000;
   font-size: 12px;
   line-height: 16px;
   font-weight: normal;
   width: 460px;
   padding: 5px 0;
   border-bottom: 2px solid #000;
}

div.comment.hidden-bubble div.comment-body{
   color: #fff;
}

div.comment-body .comment-text img{
   margin: 2px 7px 7px 0;
   float: left;
}

div.comment-body .comment-text.full-view img{
   margin: 10px auto;
   display: block;
   float: none;
   width: 460px;
}

div.comment a{
   color: #000;
}

div.comment.hidden-bubble a{
   color: #fff;
}

div.comment a:active, div.comment a:hover{
   text-decoration: underline;
}

div.comment.left{
   margin-right: 105px;
}

div.comment.right{
   margin-left: 105px;
}

div.comment-text{
   height: 65px;
   overflow: hidden;
}

div.comment.hidden-bubble {
   background-color: rgb(192, 192, 192);
   color: #fff;
}

div.comment.hidden-bubble:after {
   content: url('../png/spike-darkgrey-comment.png');
}