#HCB_comment_box textarea {
  
}
/* the entire html comment box container. applies to everything */
#HCB_comment_box {
  width: 45%;
  
}

#HCB_comment_box h3 {
  font-size:200%;
  
}

@media only screen and (max-width: 767px) {
  #HCB_comment_box {
  width: 90%;
  font-size:90%;
  
  }
  #HCB_comment_box h3 {
  font-size:200%;
  font-weight:bold;
  
  }
}

#HCB_comment_box p.error {
  border: 4px solid #f88;
  background-color: #fee;
  color: #800;
}

#HCB_comment_box textarea, #HCB_comment_box input.text {
  border: 1px solid #ddd;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: url(bg.png) repeat-x;
}

#HCB_comment_box .hcb-wrapper-half {
  display:block;
  width:0%;
  float:left;
}
#HCB_comment_box .hcb-wrapper {
  clear:both;
  margin-bottom:0.5em;
}
#HCB_comment_box input.text {
  display:block;
  width:97%;
  
}
/* the submit button */
#HCB_comment_box input.submit {
    margin:0 7px 3px 0;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
#HCB_comment_box input.submit:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

#HCB_comment_box span.home-desc {
  opacity:0.4;
}

/* the individual comment display containers */
#HCB_comment_box div.comment {
  border-top:1px solid #eee;
  margin-bottom:0.5em;
}

#HCB_comment_box #comments_list {
  margin-bottom: 5%;
}

/* the moderator message */
.hcb-mod  b{
  color:darkblue;
}

/* next, prev, ok and x link style */
.hcb-link {
  color:blue;
  text-decoration:underline;
}