/* =============================
 * - comments layout 
 * -----------------------------*/

*.fix {
	clear: both;
	height: 1px;
}

#post_comments ol.comment-list {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	border-bottom: 2px solid #e4dcb4;
}

#post_comments .comment-list li {
	clear: both;
	margin: 0;
	padding: 12px;
}

#post_comments .comment-list h3,
#post_comments .comment-list p {
	margin: 0 0 6px 0;
	padding: 0;
}

#post_comments .comment-details {
	float: left;
	width: 145px;
	margin-top: 3px;
n
}

#post_comments .comment-details small {
	display: block;
	margin-top: 7px
}

#post_comments .comment-content {
	margin-left: 145px;
}

#post_comments .comment-content p.comment-edit {
	margin-top: 12px;
}

/* =============================
 * - comments fonts 
 * -----------------------------*/

#post_comments ol.comment-list {
	font-family: inherit;
	font-size: 10px;
}

#post_comments .comment-content,
#post_comments .comment-details cite {
	font-family: inherit;
}

#post_comments .comment-details small {
	font-size: 10px;
	line-height: 15px;
}

#post_comments .comment-details cite {
	color: #582e00;
	font-size: 12px;
}

#post_comments .comment-content h3 {
	font-size: 15px;
	font-weight: normal;
}

#post_comments .comment-content p {
	font-size: 11px;
	line-height: 18px;
}

#post_comments .comment-content p.comment-edit {
	text-align: right;
	font-family: inherit;
}

/* =============================
 * - comments colors, borders, images
 * -----------------------------*/

#post_comments .comment-list li {
	border-top: 2px dotted #e4dcb4;
	color: #4d4331;
}


#post_comments .comment-list li.jot-row-alt {
	background-color: #ede9d0;
}/*
  * - Background color should be darker
  */

#post_comments .comment-list li.jot-row-author {
	border-top: 4px solid #e7e0bc;
	background-color: #f6f4e2;
}/*
  * - Background color should be lighter. Top border is thicker to emphasize blog author comment.
  */

#post_comments .comment-list li.jot-row-up {
	border-top: 4px solid #ca8e20;
	background-color: #f3e5ca;
}/*
  * - Background color should be orange or yellow to indicate unpublished or awaiting moderation. Top border is thicker to emphasize.
  */

#post_comments .comment-list li a {
	color: #3e5962;
	text-decoration: none;
}

#post_comments .comment-details small a {
	color: #999;
}

#post_comments .comment-list li a:hover {
	color: #738c95;
}

#post_comments .comment-content p.comment-edit {
	color: #cab786;
}

/* =============================
 * - comments admin tools
 * -----------------------------*/

#post_comments .comment-details .jot-mod {
	display: block;
	width: 98px;
	margin-bottom: 15px;
	background: #e3e4e3;
	text-align: center;
}

#post_comments .comment-details .jot-ip {
	clear: both;
	padding: 5px 0px;
	border: 1px solid #666;
	border-top: none;
	background: #ccc url(/assets/templates/fiveq/images/blog_comments/ip.gif) repeat-x;
}

#post_comments .comment-details .jot-ip a {
	color: #fff;
	padding-left: 12px;
	background: transparent url(/assets/templates/fiveq/images/blog_comments/ip-arrow.gif) no-repeat left center;
}

#post_comments .comment-details .jot-ip a:hover {
	color: #000;
	background: transparent url(/assets/templates/fiveq/images/blog_comments/ip-arrow-black.gif) no-repeat left center;
}

#post_comments .comment-details .jot-mod a.delete-comment,
#post_comments .comment-details .jot-mod a.unpublish-comment,
#post_comments .comment-details .jot-mod a.publish-comment,
#post_comments .comment-details .jot-mod a.edit-comment {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	float: left;
	height: 30px;
	width: 32px;
	background: #c7c8c8 url(/assets/templates/fiveq/images/blog_comments/jot.gif) no-repeat 0px -30px;
}

#post_comments .comment-details .jot-mod a.publish-comment,
#post_comments .comment-details .jot-mod a.unpublish-comment {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

#post_comments .comment-details .jot-mod a.publish-comment {
	background-position: 0px -30px;
}

#post_comments .comment-details .jot-mod a.unpublish-comment {
	background-position: -32px -30px;
}

#post_comments .comment-details .jot-mod a.delete-comment {
	background-position: -96px -30px;
	border: 1px solid #666;
	border-right: none;
}

#post_comments .comment-details .jot-mod a.edit-comment {
	background-position: -64px -30px;
	border: 1px solid #666;
	border-left: none;
}

#post_comments .comment-details .jot-mod a:hover.publish-comment {
	background-position: 0px 0px;
}

#post_comments .comment-details .jot-mod a:hover.unpublish-comment {
	background-position: -32px 0px;
}

#post_comments .comment-details .jot-mod a:hover.delete-comment {
	background-position: -96px 0px;
}

#post_comments .comment-details .jot-mod a:hover.edit-comment {
	background-position: -64px 0px;
}
