/* content plugin styles */
.jcomments-links {margin-top: 10px; clear:both; text-align: left}
.comments-link {background-position: 0 -27px}
.readmore-link {background-position: 0 2px}

/* JComments common styles */
#jc {clear: both;}
#jc a:link, #jc a:visited, #jc a:hover {outline: none}
#jc .clear {clear: both; height: 1px; overflow: hidden}
#jc .busy { display:none; margin: 3px auto; padding: 0; width: 16px; height: 16px; background: url(images/jc_busy.gif) no-repeat; }

#jc p.message {color: #777;background-color: inherit; background-image: none; text-decoration: none;text-transform: none;text-indent: 0;padding: 5px 0 0 0;}

#comments {margin: 0;padding: 0;width: 100%;text-align: left;text-decoration: none;text-transform: none;text-indent: 0}

/* RSS and Refresh*/
#comments .rss, #comments .refresh, #comments .subscribe {border: none;display: inline-block}
#comments h4 .rss, #comments h4 .refresh {padding: 0 0 0 10px;margin: 0 0 0 5px;display: inline-block}

/* List footer */
#comments-list-footer {margin: 0 0 10px 20px !important}

/* Show/hide form */
#comments-form-link .showform {margin: 5px 0 0 22px;padding: 0 0 5px 14px;background: url(images/jc_blog.gif) no-repeat 0 -28px;border: none;font-weight: bold;display: block}

/* Comment */
#comments .comment-avatar {float: left;margin: 0;padding: 0}
#comments .avatar-indent {padding-left: 40px}

#comments .comment-anchor {font-size: 20px;}


/* Avatar */
#comments .comment-avatar img {width: 32px;border: none !important;}

/* Date and Time*/
#comments-list .comment-date {color: #999;}


/* Quote, Code and Hidden block styles */
#comments .quote, #comments blockquote, #comments .code, #comments code, #comments pre {margin: 5px 0 5px 10px; display: block; clear: both; background-image: none}
#comments blockquote, #comments .hidden, #comments code, #comments pre {color: #849B9F;text-align: left;padding: 8px;margin-bottom: 8px}
#comments blockquote, #comments .hidden {border: 1px dashed #849B9F}
#comments code, #comments pre {border: 1px solid #dedede;overflow: hidden;white-space:normal}
#comments .code {background: none; border: none; padding:0}
#comments .quote {color: #777}
#comments .hidden {clear: both;display: block;margin: 5px 0}

/* Quote and Reply to buttons panel */
#comments .comments-buttons {height: 15px;float: right}

#comments .email, #comments .emailactive {text-decoration: none; white-space: normal; margin: 0; padding: 0; line-height: 10px; cursor: pointer; border-bottom: 1px dotted #999}
#comments .email {color: #444; background-color: inherit}
#comments .emailactive {color: #cc0000; background-color: inherit}
#comments .email img, #comments .emailactive img {padding: 0}

#comments .comment-body img {padding: 0; border: 0 none}
#comments .comment-body .img {padding: 4px 0 !important; max-width: 500px}

#comments .toolbar {clear: both;color: #ccc;border-top: 1px solid #ccc;margin: 8px 0 0 0;padding: 5px 0 0 0}
#comments .toolbar a, #comments .toolbar a:hover {float: left; margin: 0 2px 0 0; width: 16px;height: 16px;cursor: pointer;background-color: transparent !important;background-image: url(images/jc_toolbar.gif) !important; background-repeat: no-repeat !important; padding: 0 !important;display: block;overflow: hidden;}
#comments .toolbar-button-edit {background-position: 0 0 !important}
#comments .toolbar-button-delete {background-position: 0 -16px !important}
#comments .toolbar-button-unpublish {background-position: 0 -32px !important}
#comments .toolbar-button-publish {background-position: 0 -48px !important}
#comments .toolbar-button-ip {background-position: 0 -64px !important}
#comments .toolbar-button-ban {background-position: 0 -80px !important}

/* Comments list */
#comments-list .comments-inline-edit {}

/* Comment form */
#comments-form, #comments-form p, #comments-report-form, #comments-report-form p, #comments-form span, #comments-form .counter {text-align: left;text-decoration: none;text-transform: none;text-indent: 0}
#comments-form p, #comments-report-form p, #comments-form span, #comments-form .counter {color: #777;}
#comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error, #comments-form #comments-form-captcha-holder {margin-top: 10px;margin-bottom: 8px;overflow: hidden;padding: 0}

#comments-inline-edit {margin: 20px 0 0 0;}

#comments-form img.smile {margin: 0 3px 3px 0;padding: 0;border: none;cursor: pointer;float:none}
#comments-form img.captcha {padding: 0;margin: 0 0 3px 0;border: 1px solid #ccc}
#comments-form span.captcha {padding: 0 0 0 12px; color: #777; background: url(images/jc_refreshg.gif) no-repeat 0 2px;cursor: pointer; display: inline-block}
#comments-form label, #comments-report-form label {color: #777; background-color: inherit; line-height: 1.5em; padding: 0;margin: 0;vertical-align: middle; display: inline;}

#comments-form input.error, #comments-form textarea.error {border: 1px solid #f00;text-decoration:none;text-transform:none;background-color: #ffffe0}
#comments-form input.captcha {width: 116px; margin: 3px 0 5px 0}

#comments-form-message {padding: 5px 5px 5px 25px;margin-right: 5px;display: block}
.comments-form-message-error {background: #FFD86F url(images/jc_error.gif) no-repeat 4px 50%}
.comments-form-message-info {background: #DFEEFF url(images/jc_info.gif) no-repeat 4px 50%}

#comments-form .counterpanel {height:13px;display:block;overflow:hidden;color: #ccc;padding: 0;margin:0;border:1px solid #ddd;border-top-width:0;max-width: 400px !important;width: 350px;background-color: #eee}

#comments-form .grippie {display: none;}
#comments-form .grippie .counter {padding: 0; margin: 0}
#comments-form .grippie span {display:block;float:left}
#comments-form .grippie span span {display:inline;float:none}


#comments-footer, #comments-footer a {color: #ccc !important; background-color: inherit; }
#comments-footer {display: block;height: 14px;border-top: 1px solid #ccc;padding-top: 1px;margin-top: 4px;text-align: right}
#comments-footer a {text-decoration: none !important;text-transform: none;padding: 0;margin: 0;border: none !important;float: right; background: none !important}


#comments-list.uk-comment-list > :nth-child(n+2) {margin-top: 0;}
#comments-list > li > article {padding-bottom: 30px;padding-top: 30px; border-bottom: 1px solid #eee;}

#comments-list article .uk-comment-avatar.noavatar {width: 80px; height: 80px; background-color: #eee;}