/* secondary tabs */

#comment-tabs ul.menu {
  font-size:14px;
  height:35px;
  line-height:normal;
  left: 0;
  padding-left: 12px;
  background:transparent url(-images/comment_tabs/mtab-bg.png) repeat-x left bottom;
  margin: 10px 0 20px;
  list-style:none;
}

#comment-tabs ul.menu li {
  display:inline;
  float:left;
  margin: 0;
  padding: 0;
}

#comment-tabs ul.menu a {
  float:left;
  background:url(-images/comment_tabs/mtab-left.png) no-repeat left -35px;
  color:#0470a0;
  padding-left:6px;
  margin-right:3px;
  text-decoration:none;
  text-transform: uppercase;
  color:#8c8b8b;
  cursor: pointer; /* IE 7 bug-fix */
}

#comment-tabs ul.menu a span{
  float:left;
  display:block;
  background:url(-images/comment_tabs/mtab-right.png) no-repeat right -35px;
  height: 35px;
  padding-right: 6px;
}

#comment-tabs ul.menu a span span{
  display:block;
  background:none;
  height: auto;
  padding: 7px 10px 0 10px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#comment-tabs ul.menu a span {float:none;}
/* End IE5-Mac hack */
#comment-tabs ul.menu a:hover span {
  color:#cfcfcf;
}

#comment-tabs ul.menu a:hover{
  background-position:0% -70px;
  color:#fff;
}
#comment-tabs ul.menu a:hover span{
  background-position:100% -70px;
  color:#fff;
}

#comment-tabs ul.menu a.active, #comment-tabs ul.menu a.current{
  background-position:0% 0px;
  color:#ed2124;
}
#comment-tabs ul.menu a.active span, #comment-tabs ul.menu a.current span {
  background-position:100% 0px;
  color:#ed2124;
}

#comment-tabs #tab-2, #comment-tabs #tab-3, #comment-tabs #tab-4, #comment-tabs #tab-5, #comment-tabs #tab-6, #comment-tabs #tab-7, #comment-tabs #tab-8, #comment-tabs #tab-9{
  display: none;
}




/* threaded comments? */
ol#comments li.comment.depth-2,
ol#comments li.comment.depth-3,
ol#comments li.comment.depth-4,
ol#comments li.comment.depth-5,
ol#comments li.comment.depth-6,
ol#comments li.comment.depth-7,
ol#comments li.comment.depth-8,
ol#comments li.comment.depth-9{ margin-left: 14px; }

/* threaded comments, with avatars */
ol#comments li.comment.with-avatars.depth-2,
ol#comments li.comment.with-avatars.depth-3,
ol#comments li.comment.with-avatars.depth-4,
ol#comments li.comment.with-avatars.depth-5,
ol#comments li.comment.with-avatars.depth-6,
ol#comments li.comment.with-avatars.depth-7,
ol#comments li.comment.with-avatars.depth-8,
ol#comments li.comment.with-avatars.depth-9{ margin-left: 96px; }



/* comments */

ol#comments, ol#comments li,
ol#trackbacks, ol#trackbacks li{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ol#comments ul.children, ol#trackbacks ul.children{
  margin: 0;
  padding: 0;
}

li.comment{
  background: transparent url(-images/comment_tabs/comment-div-bg.png) repeat-y left bottom;
  list-style-position: outside; /* ie 7 bugfix */
  display: block;
  position: relative;
  min-height: 110px;
}

li.comment .wrap{
  background: transparent url(-images/comment_tabs/comment-div-start.png) no-repeat left top;
  min-height:110px;
  height:auto !important; /* ie6 ignores it */
  height:110px; /* fix */
}

li.comment.with-avatars{ background-position: 96px bottom; }
li.comment.with-avatars .wrap{ background-position: 96px top; }

/* gravatar */
li.comment .avatar{
  float: left;
  width: auto !important;
  padding-top:6px;
  padding-left: 8px;
}

li.comment .avatar img{
  padding: 3px;
  margin: 4px 10px;
  border: 1px solid #E7E8E6;
  border-radius: 4px;
  -moz-border-radius: 4px;
}

li.comment .details{ display: block; margin-left: 12px; }
li.comment.with-avatars .details{ margin-left: 108px;}

li.comment .details .head{
  background: #f7f8f8 url(-images/comment_tabs/postinfo-bg.gif) repeat-x left bottom;
  padding: 2px 10px;
  margin: 0;
  display: block;
  color: #8f9090;
}

li.comment .details.admincomment .head{
  background: #59b2e4 url(-images/comment_tabs/postinfo-bg-admin.gif) repeat-x left bottom;
  color: #fff;
}

li.comment .details.admincomment .head a{ color: #fff; }
li.comment .details.admincomment .head a:hover{ background: none; color: #fcb722; }


/* comment rate links, pligg only */

span.rate{
  right: 8px;
  position: absolute;
}

span.rate a.karma{
  font-family: "Arial Black", Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-weight: bold;
  font-size: 110%;
  text-decoration: none;
  padding: 0;
}

span.rate a.karma.negative{ color:#ed2124; }
span.rate a.karma.positive{ color:#6fb23c; }

span.rate a.karma:hover{
  background: none;
}

span.rate a.ratelink{
  padding: 4px;
  text-decoration: none;
}

span.rate a.ratelink.up{ background: transparent url(-images/comment_tabs/thumb-up.gif) no-repeat left center;      }
span.rate a.ratelink.down{ background: transparent url(-images/comment_tabs/thumb-down.gif) no-repeat left center;      }

li.comment .details .text{
  background: transparent url(-images/comment_tabs/comment-bg.png) repeat-x left top;
  padding: .3em .8em;
  margin-top: 3px;
  min-height: 64px;
  font-size: 90%;
  color: #4e5359;
}

li.comment .details.admincomment .text{
  background: #f0f0f0 url(-images/comment_tabs/comment-bg-admin.png) repeat-x left top;
}



div.act{
  position: absolute;
  display: none;
  right: 0;
  top: 0;
  margin-top: 50px;
  font-size: 110%;
  text-transform: uppercase;
}

span.button a{
  background: transparent url(-images/comment_tabs/button-bg.png) no-repeat right top;
  display: block;
  height: 31px;
  float: left;
  margin-right: 3px;
  cursor: pointer;
}

span.button a span{
  float: left;
  height: 31px;
  display: block;
  padding: 0 10px 0 25px;
}

span.quote a span{ background: transparent url(-images/comment_tabs/button-quote.png) no-repeat left top; }
span.reply a span{ background: transparent url(-images/comment_tabs/button-reply.png) no-repeat left top; }
span.submit a span{ background: transparent url(-images/comment_tabs/button-submit.png) no-repeat left top; }

span.button a span span{
  background: none;
  display: block;
  padding: 6px 10px 0px 10px;
  height: auto;
}

span.button a:hover{ background-position: right bottom; }
span.button a:hover span{ background-position: left bottom; }




#commentform{
  display: block;
  background: transparent url(-images/comment_tabs/div-h2.gif) repeat-x left 0px;
  padding: 6px 0 0 0;
  margin: 20px 0;
}

#commentform textarea{
  margin-bottom: 6px;
}

#commentform #commentdata label{
  background: #FFFF99;
}