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



#comments { margin:0 0 0 30px; width:556px; }

#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:1px solid #333; }



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



#comment-header-bottom { background-color:#000; padding:10px 20px; font-size:11px; }

.switch { float:left; margin:0; }

.switch li { display:inline; margin:1px 30px 1px 2px; }

.switch a { padding:0 0 0 15px; }

.switch .active { background:url(img/arrow6.gif) no-repeat left center; }

.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:1px solid #333; margin:0 0 15px 0; padding:15px 20px 3px 20px; background:#000; }

.admin-comment { background:#1b1b1b; }

.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:1px solid #555; background:#000; width:37px; height:37px; padding:2px; display:inline; float:left; margin:0 15px 0 0; }

.comment-name-date { color:#7f8e91; padding:6px 0 0 0; float:left; }



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 {  background:url(img/arrow1.gif) no-repeat left 11px; font-size:11px; 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:11px; margin:0 0 1em 0; color:#fff446; border:1px solid #9ea084; padding:10px 15px 5px 15px; background:#58593b; }



.comment-closed { border:1px solid #333; text-align:center; margin:0 0 15px 0; padding:30px; background:#000; }

#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:11px; }



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

.trackback-title { margin:2px 0 8px 0; }



#trackback-url { margin:0 0 20px 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:1px solid #333; text-align:center; margin:0 0 15px 0; padding:30px; background:#000; }



#cancel-comment-reply #cancel-comment-reply-link { width:94%; 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 11px 35px; line-height:100%; background:url(img/warning.gif) no-repeat left top; }

#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: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: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:98%; }

#guest-info div { margin:0 0 12px 0; text-align:left; }

#guest-info input { margin:0; border:1px solid #333;  padding: 3px 5px; width:70%; background:#222; color:#a2a2a2;}

#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:#666;}

#guest-info span { color:#f2f2f2; margin:0 10px 0 0; }



#comment-textarea { width:100%; }

#comment-textarea textarea { width:90%; margin:15px auto 0 auto; padding:15px; height:150px; border:1px solid #333;

                             background:#222; color:#a2a2a2; font-size:11px; overflow:auto; }

#comment-textarea textarea:focus { outline: 1px solid #849ca0; }

#no-side #comment-textarea textarea { width:94%; }



#comment-submit { margin:30px auto 0 auto; width:200px; display:block; background:#000; color:#a5a5a5; border:1px solid #555; padding:4px 0; cursor:pointer; }

#comment-submit:hover { color:#849ca0; border:1px solid #849ca0; }



#input_hidden_field { display:none; }