@charset "UTF-8";

/*-----------------------------------------------------------------------------
	Comments
-----------------------------------------------------------------------------*/

div.row div.comments {
	float: left;
	clear: both;
	width: 650px;
	padding: 0;
	margin: 0;
}

div.row div.comments ol#commentlist {
	width: 100%;
}

div.row div.comments ol#commentlist li {
	width: 100%;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
}

div.row div.comments div.commentText {
	clear: left;
	position: relative;
	/*width: 420px;*/
	width: auto;
}

div.row div.comments div.commentText p {
	margin: 0;
	padding: 0;
}

div.row div.comments div.commentAuthor {
	clear: left;
	float: right;
	/*width: 200px;*/
	width: auto;
	padding-left: 20px;
	padding-right: 10px;
}

div.row div.comments div.commentAuthorAvatar {
	float: left;
}

div.row div.comments div.commentAuthorText {
	padding-left: 10px;
	float: left;
}

div.row div.comments div.commentAuthorText p {
	padding: 0;
	margin: 0;
}

div#postContainer div.separator div.comment-separator {
	padding: 5px 0 5px 0;
}

/*-----------------------------------------------------------------------------
	Comment bar
-----------------------------------------------------------------------------*/

div.commentbar {
	width: auto;
	height: 28px;
	background: #d2d2d2;
	float: left;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 0;
}

div.commentbar a {
	color: #353535;
}

div.commentbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.commentbar li {
	color: #000;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

div.commentbar li div {
	background: #fff;
	float: left;
	width: auto;
	height: 26px;
	line-height: 26px;
	padding: 0 8px 0 8px;
	margin: 1px 0 1px 0;
}

div.commentbar li div.icon {
	float: left;
	background: url(../gfx/commenticons.png) no-repeat;
	width: 10px;
	height: 28px;
	padding: 0;
	margin: 0;
}

div.commentbar li.write div.icon {background-position: -30px 0px;}
div.commentbar li.view div.icon {background-position: -40px 0px;}
div.commentbar li.rss div.icon {background-position: -50px 0px;}
div.commentbar li.tag div.icon {background-position: -60px 0px;}
div.commentbar li.email div.icon {background-position: -70px 0px; width:11px; }

div.commentbar li.left div.icon {width: 30px; height: 32px; margin: 0;}
div.commentbar li.left div {padding:0; width: 8px;}

div.commentbar li.right {width:4px; margin: 0; padding:0;}
div.commentbar li.right div.icon {background-position: -104px 0px; width:4px; }

/*-----------------------------------------------------------------------------
	Comment form
-----------------------------------------------------------------------------*/

div.commentform {
	width: 100%;
	float: left;
	overflow: hidden;
	display: block;
	padding: 0;
	margin: 0;
}

div.commentform textarea.field {
	display: block;
	width: 593px;
	color: #333;
	font-size: 92%;
}

div.commentform input.field {
	display: block;
	width: 250px;
	color: #333;
	font-size: 92%;
}

div.commentform input#submitbutton {
	padding-left: 15px;
	padding-right: 15px;
	background: #eee;
	width: auto;
}

div.commentform label {
	/*
	display: block;
	padding-bottom: 4px;
	font-size: 90%;*/
}

div.commentform p.required-notice {
	font-size: 75%;
}

div.commentform form p a {
	display: inline;
}