/* Begin Comments*/
.alt {
	margin: 0;
	padding: 0;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 1em 0 .5em;
	list-style: none;
	clear: both;
	overflow: hidden;
}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}


.commentmetadata {
	display: block;
	float: left;
	margin: 0 0 0 4px; /* 14-10px; */
	padding: 0 0 0 1em;
}


.edit-comment {
	float: right;
	padding: 0 1em 0 0;
}

.comment-content {
	float: left;
	width: 33em;
	padding: 0 .5em 0 1em;
}

.comment-content.pc-active {
	margin-left: -10px;
	width: 35.4em;
	padding: .3em 0 0;
	z-index: 15;
}

.comment-content.pc-active .pc.contents {
	/*background: #fff;*/
	background: transparent url(../images/bubble-bg-trans.png) left top repeat;
	/*color: #fff;*/
	padding: 0 1em 9px;
	overflow: hidden;
	margin-left: 14px;
	margin-top: 0;
}
.comment-content.pc-active .pc.contents :first-child {
	margin-top: 0;
}
.comment-content.pc-active .pc.contents :last-child {
	margin-bottom: 0;
}

.comment-content.pc-active .pc.contents img {
	max-width: 100%;
}
/*
.comment-content.pc-active .pc.contents a,
.comment-content.pc-active .pc.contents a:link,
.comment-content.pc-active .pc.contents a:visited {
	color: blue;
}
.comment-content.pc-active .pc.contents a:hover {
	color: blue;
	text-decoration: underline;
}
*/
.comment-content.pc-active .pc.top {
	background: transparent url(../images/bubble-tip-trans.png) left top no-repeat;
	padding-left: 14px;
	overflow: hidden;
}
.comment-content.pc-active .pc.top div {
	background: transparent url(../images/bubble-tip-trans.png) right top no-repeat;
	background: transparent url(../images/bubble-corners-trans-tr.png) right top no-repeat;
	padding-right: 10px;
	overflow: hidden;
}
.comment-content.pc-active .pc.top div div {
	/*background: #fff;*/
	background: transparent url(../images/bubble-bg-trans.png) left top repeat;
	height: 20px;
	overflow: hidden;
}
.comment-content.pc-active .pc.bottom {
	background: transparent url(../images/bubble-corners-trans.png) left bottom no-repeat;
	background: transparent url(../images/bubble-corners-trans-bl.png) left bottom no-repeat;
	padding-left: 10px;
	overflow: hidden;
	margin-left: 14px;
}
.comment-content.pc-active .pc.bottom div {
	background: transparent url(../images/bubble-corners-trans.png) right bottom no-repeat;
	background: transparent url(../images/bubble-corners-trans-br.png) right bottom no-repeat;
	padding-right: 10px;
	overflow: hidden;
}
.comment-content.pc-active .pc.bottom div div {
	/*background: #fff;*/
	background: transparent url(../images/bubble-bg-trans.png) left top repeat;
	height: 10px;
	overflow: hidden;
}




#comments-by-user {
	overflow: hidden;
}


.page-home #recent-comments ol,
.page-home #recent-comments li,
#secondary-content #comments ol,
#secondary-content #comments li,
#comments-by-user ol,
#comments-by-user li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}
#secondary-content #comments li,
.page-home #recent-comments li,
#comments-by-user li {
	margin: 1em 0;
}
#secondary-content #comments .comment-avatar,
#secondary-content #comments img.avatar,
.page-home .comment-avatar,
.commentlist .photo,
#comments-by-user .comment-avatar {
	float: left;
}

.author-avatar {
	margin-right: 1em;
}

img.avatar,
.comment-avatar,
.commentlist .photo {
	/*-webkit-mask-image: url(../images/avatar-alpha-mask.png);*/
	overflow: hidden;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)), color-stop(0.7, rgba(0,0,0,1)), color-stop(0.95, rgba(0,0,0,0)));
}
.author-avatar img.avatar {
	-webkit-mask-image: none;
}


#secondary-content #comments .comment-meta,
.page-home .comment-meta,
#comments-by-user .comment-meta {
	float: left;
	font-size: 75%;
	margin-left: 1.5em;
	width: 80%;
}



.comment-content.pc-active {
	width: 25em;
}

.layout-medium .comment-content.pc-active {
	width: 30em;
}


.layout-large .comment-content.pc-active,
.layout-very-large .comment-content.pc-active{
	width: 27em;
}
.layout-small .comment-content.pc-active {
	width: 80%;
	max-width: 30em;
}



/*
.comment-label {
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
*/

#easy-comment-uploads {
	margin: 1em 0;
	padding: .5em 1em;
	background: #555;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
#easy-comment-uploads #uploadedfile {
	font-size: 80%;
}



/* End Comments */