//
// Comments
// --------------------------------------------------
.anspress{
	ap-comments{
		display: block;
	}
	ap-comments.have-comments{
		display: block;
		position: relative;
		&:before, &:after{
			content: '';
			border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
			border-style: solid;
			border-width: 10px;
			display: block;
			position: absolute;
			right: 35px;
			top: -20px;
		}
		&:after {
			border-color: transparent transparent #fff transparent;
			top: -19px;
		}
		.ap-comments{
			border: 1px solid rgba(0, 0, 0, 0.1);
			display: block;
			margin-top: 15px;
			position: relative;
			max-height: 280px;
			overflow-y: auto;
			overflow-x: hidden;
		}
	}
	ap-comment{
		display: block;
		padding: 10px;
		font-size: 90%;
		color: #666;
		border-bottom: solid 1px rgba(0, 0, 0, 0.1);
		&.unapproved {
			background: #FFF9C4 !important;
		}

		&:last-child{
			border-bottom: none;
		}
		&:nth-child(2n) {
			background: #f7f7f7;
		}
		.ap-avatar{
			float: left;
		}
		.comment-inner {
			overflow: hidden;
		}
		.comment-header {
			font-weight: bold;
			margin-bottom: 5px;
			font-size: 12px;
			color: #666;
			> a{
				color: #666;
				text-decoration: none;
			}
		}
		.ap-comment-actions {
			float: right;
			> a{
				margin-left: 10px;
				text-decoration: none;
				font-weight: normal;
			}
		}
	}
	.ap-btn-newcomment{
    float: right;
		border-left: solid 1px #ddd;
	}
	#ap-commentform{
		margin-top: 10px;
		.ap-avatar img{
			max-width: 40px;
			height: auto;
		}
		.ap-comment-footer {
			border: solid rgba(0, 0, 0, 0.1);
			border-width: 0 2px 2px 2px;
			padding: 10px;
			background: #fdfdfd;
		}
		textarea{
			line-height: 1.6;
			margin-bottom: 0;
			border-radius: 3px 3px 0 0;
			border-width: 2px;
			border-color: rgba(0,0,0,0.1);
		}
	}
}