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

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

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

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

#comment-header-top {  padding:7px 20px; 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:100%; padding:2px 0 0 15px; line-height:150%; font-size:11px; }

#comment-header-bottom { margin:0px; padding:10px 15px; font-size:11px; color:#333; }
.switch { float:left; margin:0; }
.switch li { display:inline; margin:1px 30px 1px 2px; }
.switch a { padding:0 0 0 15px; }
.switch .active {  }
.switch .non-active { background:none; }
#add-comment { float:right; padding:0 0 1px 20px; }

/*  ------ comment ------------------------------------------------------------------------------------------------------------------ */
.commentlist { list-style-type:none; margin:0; padding:0;  padding-bottom:5px; }
.comment { border:0px solid #000; margin:0 0 0px 0; padding:0px 0px 0px 0px; width:675px;    }
.admin-comment {  }
.admin-url { }/* color of admin name */

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

.comment-meta-left { height:30px; padding-right:10px; top:0; float:left;}
.avatar { border:0px solid #555; width:0px; height:0px; padding:0px; display:inline; margin:0 0px 0 0; position:absolute;float:left;}
.comment-name-date { color:#333; padding:10px 0 0 15px; display:inline; float:right;}

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

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

.comment-act {  font-size:11px; position:absolute; right:0; top:0; padding:7px 10px 7px 15px; margin:0; }
.comment-act li { display:inline; margin:0;  }
.comment-reply a, .comment-reply a:visited { display:none; border-right:1px solid #3c4243; padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited { border-left:0px solid #3c4243; padding:0 0 0 10px; margin:0 0 0 6px; }
.comment-quote a, .comment-edit a:visited { display:none; border-left:1px solid #3c4243; padding:0 0 0 10px; margin:0 0 0 6px; }

/* ----- comment-contents ----- */
#randomcommentpadding {padding-left:30px;}
.comment-content { padding:0 30px 0 30px;margin-top:0px; border-top:1px #CCC solid; border-bottom:0px #111 solid;  }
.comment-content p { line-height:160%; padding-top:40px;}
.comment blockquote { margin:0px 0 0px 0;  }
.comment blockquote span { margin:0 0 0 0; display:block;	 }
.comment-note { display:block; font-size:11px; margin:0 0 0 0; color:#fff446; border:1px solid #9ea084; padding:0px 15px 5px 15px; }

.comment-closed { border:0px solid #333; text-align:center; margin:0 0 0 0; padding:30px; }
#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;  }
.nocomments p { margin:15px 20px; font-size:11px; }

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

#trackback-url { margin:0 0 0px 0; font-size:11px; }
#trackback-url label { margin:0 0 2px 20px; display:block; }
#trackback-url input { background:#000 url(img/arrow1.gif) no-repeat 20px 11px; border:1px solid #333; color:#777; padding:5px 30px; width:494px; }

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

.comment-form-area { border:0px solid #0C0; text-align:left; margin:0 0 0px 0; padding:15px; width:565px; color:#000;  }

#cancel-comment-reply #cancel-comment-reply-link { width:100%; margin:0 auto; display:block; text-align:left; background:url(img/arrow1.gif) no-repeat 2px 4px; padding:0 0 15px 15px; }

#comment-user-login p { width:90%; text-align:left; margin:0 auto; padding:8px 0 15px 35px; line-height:100%; background:url(img/warning.gif) no-repeat left top; color:#000;}
#comment-user-login span { margin:0 0 0 20px; padding:0 0 0 20px; background:url(img/arrow1.gif) no-repeat 10px 6px; }
#no-side #comment-user-login p { width:100%; }

#comment-login { text-align:left; background:url(img/comment-area-bottom.gif) no-repeat left bottom; margin:0; padding:3px 10px 10px 15px; }
#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 { margin:0 auto; padding:0; width:100%;  }
#guest-info div { margin:0 0 12px 0; text-align:left; }
#guest-info input { margin:0; border:1px solid #333;  padding: 3px 5px; width:200px; color:#000;}
#guest-info input:focus { outline: 1px solid #849ca0; }
#guest-info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:11px; color:#636; font-weight:500;}
#guest-info span { color:#222; margin:0 10px 0 0; }

#guest-name {font-weight:bold;}
#guest-email {font-weight:bold;}
#guest-url {font-weight:bold;}

#comment-textarea {  }
#comment-textarea textarea { width:350px; margin:10px 0 0 0; padding:0px; height:150px; border:1px solid #333;
                              color:#000; font-size:11px; overflow:auto;  text-align:left;}
#comment-textarea textarea:focus { outline: 1px solid #849ca0; }


#comment-submit { margin:10px 0 0 0; width:200px; display:block; color:#000; border:1px solid #555; padding:4px 0; cursor:pointer; }
#comment-submit:hover { color:#222; border:1px solid #849ca0; }

#input_hidden_field { display:none; }