/* Blog comments */

#comments-title,
#content h2#comments-title {
	margin-top: 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
}
.content .commentlist {
	width: 100%; /* reset the width for the one-column layout */
}
#comments .commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 0 0 1em 60px;
	padding: 5px 12px 0;
	position: relative;
	word-wrap: break-word;
}
#comments .commentlist > li.pingback {
	margin: 0 0 1em 60px;
	padding: 0;
}
.comment-meta .fn {
	font-style: normal;
	font-weight: bold;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
#comments .commentlist > li.bypostauthor {
	border-color: #0769ad;  /* jQuery Primary Blue */
}
.jquery-ui #comments .commentlist > li.bypostauthor {
	border-color: #b24926;  /* jQuery UI Secondary Orange */
}
.jquery-mobile #comments .commentlist > li.bypostauthor {
	border-color: #108040;  /* jQuery Mobile Secondary Green */
}
#comments .commentlist > li.bypostauthor .comment-meta {
	background: #ddd;
	border-radius: 3px 3px 0 0;
	color: inherit;
	margin: -5px -12px 5px -12px;
	padding: 5px 12px;
}
.commentlist .avatar {
	border-radius: 3px;
	box-shadow: 0 1px 2px #ccc;
	left: -82px;
	padding: 0;
	position: absolute;
	top: 0;
	width: 68px;
	max-height: 68px;
}
a.comment-reply-link {
	background: #eee;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Blog comment form */

#respond {
	background: #f6f6f6;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
}
#respond form {
	padding: 0;
}
#respond p {
	margin: 10px 0;
}
#respond .comment-notes,
#respond .logged-in-as,
#respond label {
	font-size: 12px;
}
#respond label {
	line-height: 2.2em;
}
#respond .comment-form-comment label {
	display: block;
}
#respond .required {
	color: #bd3500;
	font-weight: bold;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond .form-submit {
	text-align: right;
}
#respond input[type=submit] {
	float: none;
}