#comments_wrapper { float:left; width:570px; background:#fbfbfb;  padding:0 0 0px 0; }
#comments_top { height:30px; }

#comment_area, #trackback_area { margin:15px 0 20px 0; padding:0 0 0px 0;  }
#trackback_area { display:none; }


/*  ------ comment_header ----------------------------------------------------------------------------------------------------------------------- */
#comment_header { border-bottom:1px solid #ccc; background:#ffffff;  font-size:12px; position:relative; }
#comment_header li { display:inline; float:left; padding:5px 10px; }

#comment_header_left { float:left; display:inline; margin:0 0 0 5px; }
#add_comment a { background:url(img/write_comment.gif) no-repeat left center; padding:0 0 0 20px; }
#comment_feed a { background:url(img/comment_rss.gif) no-repeat left center; padding:0 0 0 20px; }

#comment_header_right { clear:left; position:absolute;  right:15px; font-size:16px;  background:none; }
#comment_header_right li, #comment_header_right #trackback_closed { }
#comment_header_right li.comment_switch_active,#comment_header_right #comment_closed { background:none; }
.comment_switch_active a { color:#cc6600;  }


/*  ------ comment ------------------------------------------------------------------------------------------------------------------------------ */
.commentlist { list-style-type:none; margin:0; padding:0; }
.comment { border:1px solid #eee; color:#777; margin:0 20px 5px; padding:15px 0 3px; background:#fff; }
.even_comment, .odd_comment_children { background:#fdfdfd; }
.odd_comment, .even_comment_children { background:#fdfdfd; }
.admin-comment { border:1px solid #e7a695; color:#777; background:#ffffff url(img/stripe3.gif); }
.admin-comment .avatar { border:1px solid #eee; background:#ffffff; width:37px; height:37px; padding:2px; display:inline; float:left; margin:0 15px 0 0; }



/* ----- comment-meta ----- */
.comment-meta { height:50px; position:relative;  }

.comment-meta-left { position:absolute; left:15px; top:0; }
.avatar { border:1px solid #ccc; background:#fff; width:37px; height:37px; padding:2px; display:inline; float:left; margin:0 15px 0 0; }
.comment-name-date { padding:6px 0 0 0; float:left; }

 .commentlist a:visited, .comment-name { color:#2d96bd; text-decoration:none; } .commentlist a{ color:#990000; text-decoration:none;}
.commentlist a:hover { color:#ef3982; }
a.admin-url {text-decoration:none; }
a.guest-url { text-decoration:none; }

.comment-date { font-size:11px; color:#757676; margin:0 0 0 0; }

.comment-act { font-size:11px; position:absolute; right:12px; top:5px; padding:0 0 0 13px; }
.comment-act li { display:inline; }
.comment-reply a, .comment-reply a:visited { border-right:1px solid #aaa; color:#999999; padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #aaa; padding:0 0 0 10px; margin:0 0 0 6px; }
.comment-quote a, .comment-quote a:visited { color:#999999;  }

/* ----- comment-contents ----- */
.comment-content { padding:0; clear:both; margin:0 15px; }
* html .comment-content { padding:5px 0 0 0; }
.comment-content a, .comment-content a:visited { text-decoration:underline; }
.comment-content a:hover { }
.comment blockquote span { margin:0 0 -1em 0; display:block; }

.comment-note { display:block; font-size:11px; margin:0 0 1em 0; color:#33a8e5; border-top:1px solid #94ddd4; border-bottom:1px solid #94ddd4; padding:7px 15px; background:#fff; text-align:center; }

.comment_closed { border:1px solid #ccc; text-align:center; margin:0 15px 15px 15px; padding:15px; background:#fff url(img/stripe3.gif) left top; }
#trackback_closed { background:url(img/arrow1.gif) no-repeat left center; padding:0 0 0 12px; }

/* ----- trackback-contens ----- */
.trackback_time { font-size:11px; color:#757676; margin:0 0 7px 15px; }
.trackback_title { margin:2px 0 8px 0; margin:0 0 10px 15px; }

#trackback_url_wrapper { margin:0 15px 20px; font-size:11px; }
#trackback_url_wrapper label { margin:0 0 2px 5px; display:block; }
#trackback_url_wrapper input { background:#fff url(img/arrow1.gif) no-repeat 10px center; border:1px solid #ccc; color:#777; padding:5px 20px; width:468px; }

/* ----- comment-pager ----- */
#comment_pager { margin:15px 20px 0px 20px; padding:4px;  overflow:hidden; background:#dbdbdb; }

#comment_pager a, #comment_pager span { font-size:12px; font-weight:bold; color:#FFFFFF; background:#dbdbdb; padding:6px 8px 6px 8px; display:block; float:left; margin:0 2px 0 0; }

#comment_pager a:hover { text-decoration:none; color:#FFFFFF; background:#bbbbbb; padding:6px 8px 6px 8px; display:block; float:left; margin:0 2px 0 0; }

#comment_pager .current {background:#bbbbbb; text-decoration:none; }



/* ---------- form area ------------------------------------------------------------------------------------------------------------------------- */
.comment_form_wrapper { border:1px solid #ccc; border-top:none; margin:20px 20px 15px; padding:0px; background:#f4f6f7 url(img/write.png) no-repeat right 17%; }
#tit { background:#eff3f5 url(img/reply.png) repeat-x; color:#666666; padding:8px; font:14px normal Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  margin:0px 0px 10px 0px;}
#arar{padding:15px 15px 15px 15px;}

#cancel_comment_reply  { width:100%;   float:right; overflow:hidden; margin:-24px 0 0px 0; position:relative; padding:3px;  }
#cancel_comment_reply  a{ color:#FFFFFF;float:right; padding:5px 5px 5px 5px; background:#ab1000 ; }
#cancel_comment_reply  a:hover{ color:#FFFFFF; background:#FF3300; }

#comment_user_login p { padding:0 0 0 1px; margin:0; line-height:100%; }
#comment_user_login span { margin:0 0 0 40px; }

#comment_login { background:url(img/comment-area-bottom.gif) no-repeat left bottom; margin:0; padding:3px 30px 10px 30px; }
#comment_login p { margin:0; padding:12px 0 11px 36px; line-height:100%; background:url(img/warning.gif) no-repeat left 4px; }
#comment_login a { margin:0 0 0 20px; padding:0 0 0 20px; background:url(img/arrow1.gif) no-repeat 10px 3px; }

#guest_info { padding:0; width:98%; }
#guest_info div { margin:0 0 12px 0; text-align:left; }
#guest_info input { margin:0; border-top:1px solid #828177; border-left:1px solid #828177; border-bottom:1px solid #f9f8f3; border-right:1px solid #f9f8f3; font-size:12px; font-family:'verdana';  padding:8px 5px 7px 30px; width:70%;  color:#666666; }
#guest_info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:11px; color:#999999;}
#guest_info span { color:#666; margin:0 10px 0 0; }

#comment_textarea textarea { width:90%; margin:15px 0 0 0;  font-family:'verdana';  padding:8px 15px 15px 30px; height:150px; border-top:1px solid #828177; border-left:1px solid #828177; border-bottom:1px solid #f9f8f3; border-right:1px solid #f9f8f3; background:#ffffff url(img/document.png) no-repeat 5px 5px; color:#666666; font-size:12px; line-height:20px; overflow:auto; }

#submit_comment { margin:10px 0 10px 0; width:150px; display:block; background:#fff; color:#666; border-top:1px solid #828177; border-left:1px solid #828177; border-bottom:1px solid #f9f8f3; border-right:1px solid #f9f8f3; padding:4px 0; cursor:pointer; float:right; }
#submit_comment:hover { border-bottom:1px solid #828177; border-right:1px solid #828177; border-top:1px solid #f9f8f3; border-left:1px solid #f9f8f3; color:#33a8e5; }
#emoticon{
margin:10px 0px 0px 0px;
float:left;
display:inline;
}
#back_top_comment { float:right; background:url(img/arrow3.gif) no-repeat left center; padding:0 0 0 16px; display:inline; margin:0 15px 10px 0; font-size:11px; }

#input_hidden_field { display:none; }

/* ----- password protected ----- */
.nocomments { text-align:center; margin:0 15px; color:#e2415b; border:1px solid #ccc; background:#fff url(img/stripe3.gif) left top; }
.nocomments p { margin:15px 20px; font-size:12px; }
