/*  ------ comment ------------- */

#comments { }
#no-side #comments { margin:0 auto; width:880px; line-height:inherit; }

#comment-list, #trackback-list { margin:15px 0 0 0; padding:0 0 20px 0; }
#trackback-list { display:none; }

/*  ------ comment_header --------------------------------------------------------------------------------------------------------- */
#comment-header { border:0px solid #333; }

#comment-header-top { background:none; padding:0; margin:0; }
#comment-header-top li { float:left; display:block; }
#comment-feed a { display:block; width:22px; height:22px; background:url(img/comment-rss.gif) no-repeat left top; }
#comment-feed a:hover { background:url(img/comment-rss.gif) no-repeat left bottom; }
#comment-title { width:90%; padding:2px 0 0 5px; line-height:150%; font-size:12px; color: orange}

#comment-header-bottom { background: none; padding:10px 0px; font-size:12px; }
.switch { float:left; margin:0; }
.switch li { display:inline; margin:1px 30px 1px 2px; }
.switch a { padding:5px; }
.switch .active { background:none; }
.switch .non-active { background:none; }
#add-comment { float:right; background:url(img/write-comment.gif) no-repeat left top; padding:0 0 1px 20px; }

/*  ------ comment ------------------------------------------------------------------------------------------------------------------ */
.commentlist { list-style-type:none; margin:0; padding:0; }
.comment { border:0px solid #333; margin:0 0 15px 0; padding:15px 20px 3px 20px; background:#deebea; }
.admin-comment { background:#deebea; }
.admin-url { }/* color of admin name */

/* ----- comment-meta ----- */
.comment-meta { height:50px; position:relative; }

.comment-meta-left { position:absolute; left:0; top:0; }
.avatar { border:0px solid #555; background:#deebea; width:37px; height:37px; padding:2px; display:inline; float:left; margin:0 15px 0 0; }
.comment-name-date { color:#7f8e91; padding:0; float:left; }

a.admin-url { text-decoration:underline; }
a.guest-url { text-decoration:underline; }

.comment-date { font-size:12px; color:#757676; margin:0 0 0 0; }

.comment-act {  background:url(img/arrow1.gif) no-repeat left 12px; font-size:12px; position:absolute; right:0; top:0; padding:7px 0 7px 15px; margin:0; }
.comment-act li { display:inline; margin:0; }
.comment-reply a, .comment-reply a:visited { border-right:1px solid #3c4243; padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #3c4243; padding:0 0 0 10px; margin:0 0 0 6px; }


/* ----- comment-contents ----- */
.comment-content { padding:0; }
.comment-content p { line-height:160%; }
.comment blockquote { margin:0 0 20px 0; }
.comment blockquote span { margin:0 0 -1em 0; display:block; }
.comment-note { display:block; font-size:12px; margin:0 0 1em 0; color:#fff446; border:1px solid #9ea084; padding:10px 15px 5px 15px; background:#037e84; }
#comments blockquote {background: #afd3d0; border: none; padding: 20px}

.comment-closed { border:none; text-align:center; margin:0 0 15px 0; padding:30px; background:#deebea; }
#trackback-closed { background:url(img/arrow1.gif) no-repeat left center; padding:0 0 0 12px; }
.nocomments { text-align:center; color:#fff446; border:1px solid #9ea084; background:#58593b; }
.nocomments p { margin:15px 20px; font-size:12px; }

.trackback-time { font-size:12px; color:#757676; }
.trackback-title { margin:2px 0 8px 0; }

#trackback-url { margin:0 0 20px 0; }
#trackback-url label { margin: 5px 0px; display:block; }
#trackback-url input { background:#deebea; color:#444; padding:20px; border: none; width: 94%; font-size:12px; font-family: Arial  }

/* ---------- comment form area ---------- */

#commentform {padding: 0; margin: 0}
.comment-form-area { border:0px solid #333; margin:0; padding:0px; background:none; }

#cancel-comment-reply #cancel-comment-reply-link { width:94%; margin:0 auto; display:block; text-align:left; background:none; padding:0 0 15px 15px; }

#comment-user-login p { width:90%; text-align:left; margin:0; padding:0; line-height:100%; background:none; }
#comment-user-login span { margin:0 0 0 20px; padding:0 0 0 20px; background:none }
#no-side #comment-user-login p { width:94%; }

#comment-login { text-align:left; background:url(img/comment-area-bottom.gif) no-repeat left bottom; margin:0; padding:3px 30px 10px 30px; }
#comment-login p { margin:0; padding:0; line-height:100%; background:none }
#comment-login a { margin:0 0 0 20px; padding:0 0 0 20px; background:none}

#guest-info { margin:0 ; padding:0; width:98%; }
#guest-info div { margin:0 0 12px 0; text-align:left; }
#guest-info input { margin:0; border:1px solid #ccc;  padding: 3px 5px; width:70%; background:#fff; color:#808080; font-size: 14px; font-family: Arial}
#guest-info input:focus { outline: 1px solid #849ca0; }
#guest-info label { display:block; margin-bottom: 5px; padding:0 0 0 0; font-size:12px; color:#808080;}
#guest-info span { color:#037e84; margin:0 10px 0 0; }

#comment-textarea { width:100%; margin: 0}
#comment-textarea textarea { width:90%; margin:15px 0; padding:10px; height:150px; border:1px solid #ccc;
                             background:none; color:#808080; font-size:14px; overflow:auto;  font-family: Arial  }
#comment-textarea textarea:focus { outline: 1px solid #849ca0; }
#no-side #comment-textarea textarea { width:94%; }

#comment-submit { margin:10px 0; width:140px; display:block; background:#317a85; color:#bdffff; border:none; padding:5px 0; cursor:pointer; font-family: Arial; font-weight: bold; font-size: 12px}
#comment-submit:hover { color:#fff; border:none; background: #03b2f0}

#input_hidden_field { display:none; }


.comment-closed{display: none}