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



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

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

#comment-header-top { background: none; padding:7px 0; margin:0; }

#comment-header-top li { float:left; display:block; }

#comment-title { 
	padding:2px 0 0 0; 
	line-height:150%; font-size: 140%; 
}

#comment-header-bottom { background: none; font-size: 70%; }

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

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

.switch a { padding:0; }

.switch .active { }

.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 { margin:0 0 15px 0; padding:15px 20px 3px 0; background:#fff; }

.admin-comment { background: #e7ffd4; border-left:5px solid #93c967; }

.admin-url {  }/* color of admin name */



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

.comment-meta { height:50px; position:relative; margin: 0 0 0 10px; }



.comment-meta-left { position:absolute; left:0; top:0; }

.avatar { 
	border:1px solid #555; 
	background:#666; 
	width:37px; height:37px; 
	padding:2px; margin:0 15px 0 0;
	display:inline; float:left;  }

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



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

a.guest-url { text-decoration:none; }



.comment-date { font-size:80%; color:#757676; margin:0 0 0 0; }



.comment-act {  
	background:url(img/arrow1.gif) no-repeat left 11px; 
	font-size:70%; 
	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; margin: 0 0 0 10px; }

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

#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 { 
	text-align:center; 
	margin:0 0 15px 0; padding:0; 
	background:#fff; 
}


#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 { 
	text-align:left; font-size: 80%;
	margin:0 auto; padding:8px 0 11px 0; 
	line-height:100%; 
}

#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 #d2d2d2;  padding: 3px 5px; width:70%; background:#fff; color:#666;}

#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:#666; margin:0 10px 0 0; }



#comment-textarea { width:98%; margin: 0 auto; text-align: left; }

#comment-textarea textarea { 
	margin:15px 0 0 0; padding:15px; 
	height:150px; 
	border:1px solid #d2d2d2;
	background:#fff; 
	color:#666; 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; }