/* MESSAGE (from ellington_default_old/stylesheets/core.css) */
.message { margin: 20px 0; padding: 10px;  background: #eefdc5; border: 1px solid #cfec7e; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.message p { margin-bottom: 5px; padding-bottom: 5px; font-size: 13px; line-height: 18px; border-bottom: 1px solid #cfec7e; color: #6a7941; }
.message p.last { margin-bottom: 0; padding-bottom: 0; border: none; }


/* COMMENTS APP (from ellington_default_old/stylesheets/apps.css)
------------------------------------------------------------------ */
#comments { margin-top: 0; padding-top: 10px; border-top: 1px solid #eee; clear: both; }
#comments .header { margin-bottom: 5px; }
#comments .no_comments { color: #555; }

.list .comment { border-bottom: none; }
.comment_list .comment { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.comment_list .last_comment { border: none; }

.comment .avatar { position: relative; float: left; margin-right: 0; width: 48px; height: 48px; }
.comment .avatar a.avatar_link { position: absolute; top: 0; left: 0; display: block; z-index: 9; }
.comment .avatar img { display: block; width: 48px; height: 48px; background: #ddd; }
.comment .relationship { background: #fffecc; }

.comment .comment_text { margin-left: 68px; } 
.list .comment .comment_text { margin-left: 68px; }
.list .comment.comment_reply .comment_text { margin-left: 40px; }
.list .comment, .list .comment_reply { border-top: none; }
.list .comment { padding-top: 3px; }
div.list div.comment_text { margin-bottom: 10px; }
.list .comment h4 { margin: 6px 0; }
.comment h4 { margin-bottom: 5px; padding: 0; border: none; font-size: 14px; line-height: 20px; font-weight: bold; }
.comment p { margin-bottom: 15px; }
.list .comment p { margin-left: 0; }
.comment p.actions { margin: -10px 0 0 0; font-size: 12px; color: #999; }
.comment .on { margin-top: -10px; margin-bottom: 15px; font-size: 14px; line-height: 22px; }

.sans_avatar .comment_text { margin-left: 0; }

.comment_form { padding-top: 10px; border-top: 1px solid #eee; }
.comment_form p { overflow: hidden; font-size: 13px; color: #555; }
.comment_form p textarea { width: 520px; }
.comment_form p.avatar { float: left; margin: 0 20px 0 0; }
.comment_form .preview { margin-left: 66px; }
.comments_preview .post { margin-left: 68px; }

#comments .login_form, #comments .signup_form { margin-bottom: 20px; padding-top: 10px; border-top: 1px solid #eee; }
#comments .login_form h3, #comments .signup_form h3 { margin-bottom: 5px; }
#comments .login_form p { margin-bottom: 5px; }
#comments .login_form p label, #comments .signup_form p label { float: left; width: 90px; line-height: 30px; }
#comments .login_form p.submit { margin-left: 90px; }


/* LJWorld customizations.
   In a perfect world, this is where the LJ comments stylesheet
   would actually begin.
------------------------------------------------------------------ */

/* Our little disclaimer. */
#comments p.quiet {
  font-style: italic;
}

/* This works with our little disclaimer above. */
.comment_list {
  margin-top: 10px;
  border-top: 1px solid #eee;
  padding-top: 15px;
}

.login_form p,
.signup_form .button { clear: both; }
#comment_form p.submit { padding-left: 0; }

#comment_form .submit_row { list-style: none; padding-top: 2px; }

.comment_text a { color: #125a95; }
.comment_list h4 { margin-bottom: 5px; font-size: 16px; color: #333; }
.comment h4 small { font-size: 16px; font-weight: normal; }
.comment .actions { text-align: left; }
.comment .actions a { padding-left: 0; }
.comment a.replylink,
.comment a.loginlink { padding-left: 15px;}

.comment_form .post,
.comment_form .preview { padding-top: 2px; }

/* User comment list */
.content_title .avatar { float: left; margin-right: 30px; }

.user_comments .comment .comment_text { margin-left: 0; }

/* Inter-comment ad */
.comment_list .comment_list_ad  { width: auto; }

#comment_form ul.tabs li.on a {margin-left:-5px;}
