/* major pieces */

#commentlistdiv, #respond {
	background: url('../images/page-bg.gif') repeat-y;
	padding: 10px 0 20px 20px;
	line-height: 16px;
}

#commentlistdiv h3, #respond h3 {
	font-size: 20px;
	line-height: 24px;
	margin: 20px 0 5px 0;
	color: #48b4c1;
	float: left;
}

#commentlistdiv .commentsrss {
	float: right;
	background: #f67c26 url('../images/commentsrss-bg.gif') no-repeat;
	width: 170px;
	font-weight: bold;
	font-size: 10px;
	line-height: 16px;
	padding: 0 0 0 10px;
	margin: 20px 7px 0 0;
}

#commentlistdiv .commentsrss a, #commentlistdiv .commentsrss a:visited {
	background: url('../images/commentsrss-icon.gif') right no-repeat;
	padding: 0 16px 0 0;
	color: #fff;
}

.commentlist {
	margin: 0 20px 0 0;
	padding: 0;
}

.commentlist .comment {
	list-style: none;
	margin: 0;
	padding: 0;
}

.commentlist .comment h4 {
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	color: #48b4c1;
}

.commentlist .sm {
	font-weight: normal;
	font-size: 10px;
}

.comment-data2 {
	border-top: 1px solid #b4b4b4;
}

/* working the details, including tree styling */

.comment .avatarnreply {
	background-color: #fff;
}

/* top level items */

.comment.parent {
	background-image: url('../images/cmt-thrd-vline.gif');
	background-repeat: repeat-y;
}

.comment.depth-2.parent {
	background: url('../images/cmt-thrd-vvline.gif') repeat-y;
}

/* second level items */

.children .comment-data {
	padding-left: 90px;
	background: url('../images/cmt-thrd-hline.gif') no-repeat 37px 60px;
}

.children li:last-child .comment-data {
	background: #fff url('../images/cmt-thrd-L.gif') no-repeat 38px 0px;
}

/* third level items */

.children li:last-child .children .comment-data {
	background: url('../images/cmt-thrd-hline.gif') no-repeat 37px 60px;
}

.children li:last-child .children li:last-child .comment-data {
	background: #fff url('../images/cmt-thrd-L.gif') no-repeat 38px 0px;
}

.comment:last-child.depth-2.parent {
	background: #fff url('../images/cmt-thrd-vline.gif') repeat-y 90px 0;
}

/* other stuff */

.depth-1 .children {
	padding: 0;
}

.depth-2 .children {
	padding: 0;
	padding-left: 90px;
}

.comment .avatarnreply {
	float: left;
	width: 80px;
	padding-top: 20px;
}

.comment .reply {
	margin-top: 8px;
}

.comment .dateandtime {
	margin-bottom: 10px;
}

.comment .commentbody {
	float: right;
	width: 545px;
	padding: 20px 10px;
	min-height: 85px;
}

.depth-2 .commentbody {
	width: 455px;
}

.depth-3 .commentbody {
	width: 360px;
}

.commentbody p {
	margin-bottom: 10px;
}

/* marking admin comments grey */
.commentlist .byuser .commentbody { background: #ececec; }
.commentlist .byuser ul .commentbody { background: #fff; }
.commentlist .byuser ul .byuser .commentbody { background: #ececec; }
.commentlist .byuser ul .byuser ul .commentbody { background: #fff; }
.commentlist .byuser ul .byuser ul .byuser .commentbody { background: #ececec; }


/* navigation links */

#commentlistdiv .navigation {
	margin-right: 20px;
	padding: 0 0 30px 0;
}

#commentlistdiv .bottom {
	border-top: 1px solid #b4b4b4;
	padding-top: 15px;
}

/* the response box */

#respond h3 {
	float: none;
}

#respond p.support_note{
	margin-bottom:1em;
}

#respond label {
	display: block;
	font-weight: bold;
	margin: 20px 0 0 0;
}

#respond label span {
	font-weight: normal;
}

#respond input {
	width: 335px;
	border: 1px solid #b9b9b9;
	padding: 3px;
}

#respond textarea {
	width: 550px;
	max-width: 550px;
	border: 1px solid #b9b9b9;
	padding: 3px;
	margin-bottom: 20px;
}

#respond #submit {
	height: 22px;
	width: 140px;
	padding: 0;
	border: none;
}