/*-------------------------------------------------------------------------------------------*/
/* 8. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 8.1 Comments */
#comments {margin-top:20px;padding:0; zoom:1;}
#commentsheader { }
#commentsheader .icon { float: left; width: 44px; height: 60px; margin-right: 30px; border-top: 2px solid #D3D3D3; background: url(images/ico-comments_big.png) no-repeat center 27px }
#commentsheader h3 { float: left; width: 410px; padding: 28px 0 20px 0; margin-right: 30px; border-top: 1px dashed #D3D3D3; }
#commentsheader .leavecomment { float: left; width: 124px; padding: 30px 0 0 0; border-top: 2px solid #D3D3D3; }
#commentsheader .leavecomment a { background-color:#222;border:1px solid #111;color:#FFFFFF;display:block;font-size:12px; margin:0 0 25px;text-align:center;text-transform:uppercase; }

#comments .commentlist { margin: 0; }
#comments .comment { width:100%;list-style-type:none; }
#comments .comment.depth-1 { border:0 !important; }
#comments .avatar-box { float: left; width: 60px; padding-top: 20px}
#comments .avatar-box img { padding: 4px; border: 1px solid #fff; background:#ebebeb; }
#comments .comment .comment-container { margin: 0px 0 20px 70px; padding: 20px 0 0 20px; border-top: 1px dashed #D3D3D3; }
#comments .comment-head { margin: 0 0 15px 0; }
#comments .comment-head .avatar img{margin: 0 10px 0 0;vertical-align: middle;border:3px solid #eee;}
#comments .comment-head .name { padding: 8px 20px 0 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .comment-meta { float: right; text-align: right; color: #474747; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; text-transform: uppercase; }
#comments .comment-entry p { margin: 0 0 14px 0; font-size: 12px;}

#comments ul.children{margin:0 0 0 40px;padding:0;}
 #comments .comment-reply-link { margin-bottom: 10px; }
#comments .cancel-comment-reply{ font-size: 11px; text-transform: uppercase; }
.reply a { padding: 4px 6px 3px 6px; text-transform: uppercase; font-size: 10px; color: #fff; background-color: #222; }
.repy a:hover { background-color: #666; }

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

/* 8.2 Pingbacks / Trackbacks */
h3#pings { margin: 20px 0 10px 0; }
.pinglist li { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author { font-weight: bold; font-size: 15px; }
.pinglist li .date { font-size: 11px; }
.pinglist li .pingcontent { display: block; margin: 10px 0; }

/* 8.3 Comments Form */
#respond { margin: 15px 0 0 68px; padding: 0; border-top: 1px dashed #D3D3D3; }
.comment-container #respond { margin: 0; padding: 0; border: none; }
#respond h3 { float: none; margin: 27px 0 0 0; font-size: 24px; font-weight: bold; }

#commentform {	margin: 15px 0 0 0; }
#commentform p {margin-bottom: 20px; }
#commentform label { font-size: 11px; text-transform: uppercase; }
#commentform input.txt, #commentform textarea { font-size: 13px; color: #393939; background-color: #f7f7f7; border: 1px solid #ddd; }
#commentform input.txt:focus, #commentform textarea:focus { background-color: #fff; }
#commentform input.txt { width: 30%; margin: 0 5px 10px 0; padding: 7px 5px; }
#commentform input#url { margin-right: 0; }
#commentform textarea { width: 97.5%!important; padding: 5px; }
#commentform #submit { }
#commentform #submit:hover { color: #884400; }