/* COMMENTS
-------------------------------------------------------------- */

#commentsContainer{
	padding:0;
	text-align:left;
	margin:0 0 20px 0
}
#commentsContainer ol li,
#commentsContainer ul li,
#commentsContainer ol li ul li
#commentsContainer ul li ul li{background-image:none !important;}

#commentlistContainer{
	border-style:solid;
	border-width:1px;
	margin:0 ;
	border-color:#d8d8d8;
	border-bottom:none;
}
/**/
p.nocomments, 
p.commentsclosed {
	border-style:solid;
	border-width:1px;
	padding:10px 0 10px 30px;
	background-repeat:no-repeat;
	background-position: 10px center;
	line-height:normal;
}

p.nocomments{
	/*background-color:#D7F2FF;
	border-color:#C6ECFF;*/
	background-color:#FFFFCC;
	border-color:#DEDF8B;
	background-image:url(../pix/elements/comment.png);
}
p.commentsclosed {
	margin:10px 0;
	background-color:#FFFFCC;
	border-color:#DEDF8B;
	background-image:url(../pix/elements/error.png);
}


p.commentsclosed strong{
	color:#FF3300;
	}
/**/
a.addComment {
	float:right;
	display:block;
	margin:15px 10px 0 0;
	text-indent:-99999em;
	width:32px;
	height:32px;
	background-repeat:no-repeat;
	background-image:url(../pix/bigicons/add.png);
	
}
a.addComment:link,
a.addComment:visited	{background-position:0 0;}
a.addComment:hover		{background-position:0 -32px;}

h3#hComments{
	padding:10px 10px 10px 50px;
	font-size:22px;
	background-repeat:no-repeat;
	background-position:10px 12px ;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0;
	border-top-style:solid;
	border-top-width:1px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-image:url(../pix/bigicons/comment.png);
	color:#666;
	background-color:#e6e6e6;
	border-top-color:#FFF;
	border-bottom-color:#d8d8d8;	
	}

h3#hComments strong{
	display:block;
	font-size:20px;
	font-weight:normal;
	color:#000;	
}




/* COMMENT LIST
-------------------------------------------------------------- */
ol.commentlist {
	list-style:none;
	margin:0 auto;
	padding:0;
	
}


ol.commentlist cite {
	font-weight:bold;
	font-style:normal;
	font-size:12px;
}
ol.commentlist ul {
	margin:0;
	padding:0;
	list-style:none;
}
ol.commentlist li {
	padding:0 !important;
	margin:0;
	overflow:hidden;
}

ol.commentlist li a{
	font-weight:bold;
	text-decoration:underline;
}

ol.commentlist li div.vcard{
	float:left;
	width:20%;
	margin:0 10px 0 0;
	text-align:center;
}
ol.commentlist li div.vcard a{
	text-decoration:none;
}
ol.commentlist li div.vcard img{
	border-style:solid;
	border-width:3px;
	margin:0 auto;
	display:block;
}

ol.commentlist li div.vcard cite.fn{
	display:block;
	}
ol.commentlist li div.comment-text{
	float:left;
	width:75%;
}

ol.commentlist li div.commentContent {
	padding:10px;
	position:relative;
	overflow:hidden;
}
ol.commentlist li div.commentContent p {
	font-size:12px !important;
	line-height:200% !important;
}
ol.commentlist li.comment ul.children {
	width:98% !important;
	margin:0 auto !important;
}

ol.commentlist li.depth-1{
	border-bottom-width:1px;
	border-bottom-style:solid;
}
ol.commentlist li ul.children li.depth-2,
ol.commentlist li ul.children li.depth-3,
ol.commentlist li ul.children li.depth-4,
ol.commentlist li ul.children li.depth-5{
	border-width:1px;
	border-style:solid;
	margin:0 0 .8em .25em;
}




ol.commentlist li									{background-color:#FFF; border-color:#d8d8d8;}
ol.commentlist li.comment ul.children li.depth-2,
ol.commentlist li.comment ul.children li.depth-4	{background-color:#EEE; border-color:#d8d8d8;}
ol.commentlist li.comment ul.children li.depth-3,
ol.commentlist li.comment ul.children li.depth-5	{background-color:#FFF; border-color:#d8d8d8;}
ol.commentlist li div.vcard img						{border-color:#d8d8d8;}


.cancel-comment-reply a,
ol.commentlist li div.reply a.comment-reply-link {
	text-indent:-9999em;
	display:block;
}

ol.commentlist li div.reply a.comment-reply-link {
	position:absolute;
	top:10px;
	left:95%;
	/*width:58px;
	height:23px;
	background-image:url(../pix/iface/btnReply.png);*/
	background-image:url(../pix/iface/btnReply.png);
	width:20px;
	height:20px;
}

ol.commentlist li div.reply a.comment-reply-link:link,
ol.commentlist li div.reply a.comment-reply-link:visited {
	background-position:0 0;
}
ol.commentlist li div.reply a.comment-reply-link:hover {
	background-position:0 -20px;
}



.cancel-comment-reply a {
	background-image:url(../pix/icons/cancel.png);
	width:20px;
	height:20px;
}

.cancel-comment-reply a:link,
.cancel-comment-reply a:visited{
	background-position:0 0;
}
.cancel-comment-reply a:hover{
	background-position:0 -20px;
}


.cancel-comment-reply {
	position:absolute;
	left:95%;
	z-index:10;
	top:15px;
	}

/* COMMENT PAGINATION
-------------------------------------------------------------- */
div#commentpager {
	margin:0;
	font-size:12px;
	position:relative;
	border:1px solid #CCC;
	border-top-width:3px;
	background-image:url(../pix/iface/cmtTabBg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	overflow:hidden;
}
div#commentpager span.current,
div#commentpager a{
	margin:0;
	line-height:30px;
	padding:0 10px;
	display:block;
	float:left;
	background-image:url(../pix/iface/arrowIndicator.png);
	background-repeat:no-repeat;
	background-position:top;
}

div#commentpager span.current {
	font-weight:bold;
	background-position:top;
}
div#commentpager a:link,
div#commentpager a:visited{
	background-position:center -10px;
	}
	div#commentpager a:hover{
		background-position:center -2px;
	}

div#commentpager a.next:link,
div#commentpager a.next:visited,
div#commentpager a.prev:link,
div#commentpager a.prev:visited{background-position:0 0;}
div#commentpager a.next:hover,
div#commentpager a.prev:hover{background-position:0 -20px;}

div#commentpager a.next,
div#commentpager a.prev{
	width:20px;
	height:20px;
	display:inline-block;
	text-indent:-99999em;
	background-repeat:no-repeat;
	position:absolute;
	float:none;
	top:5px;
	line-height:normal;
	padding:0;
}
div#commentpager a.next {
	background-image:url(../pix/icons/navRight.png);
	left:96%;
}
div#commentpager a.prev {
	background-image:url(../pix/icons/navLeft.png);
	left:92%;
}
/* COMMENT REPLY
-------------------------------------------------------------- */


ol.commentlist li em.moderation {
	font-weight:bold;
	font-style:normal;
	text-align:center;
	border-top-width:1px;
	border-top-style:solid;
	display:block;
	padding:5px 0;
}
#reply {
	position:relative;
}
/* COMMENT FORM
-------------------------------------------------------------- */
#respond{
	border-width:1px;
	border-style:solid;
	border-color:#d9d9d9;
	background-color:#000;	
	color:#FFF;
	position:relative;
	margin:10px 0 0 0;
	}
.tabForm {
	padding:10px;
	overflow:hidden;
}
.tabForm h4{
		text-transform:uppercase;
		font-weight:bold;
		text-align:center;
		}
		.tabForm h4 small{
			text-transform:none;
			font-size:11px;
			color:#999;
			display:block;
			}
.tabForm p {
	border-bottom:1px solid #333;
	padding:5px 0 10px 0 !important;
	margin:0 !important;
	line-height:normal !important;
	overflow:hidden;
	position:relative;
}

.tabForm p.nob{
	border:none;
	text-align:right;
}
.tabForm p.getGravatar{
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	background-color:#333;
	border:1px solid #444;
	padding:5px;
	margin:20px 0 0 0 !important;
	overflow:hidden;
}
.tabForm p.getGravatar a{
	display:block;
	margin:5px 0 0 0;
	text-decoration:none !important;
}
.tabForm p.getGravatar a span{font-weight:normal !important;}
.tabForm p.getGravatar a:link,
.tabForm p.getGravatar a:visited{color:#CCC;}
.tabForm p.getGravatar a:hover{color:#FFF;}

.tabForm p.getGravatar img{
	float:left;
	margin:0 10px;
	}

.tabForm p label{
	display:block;
	font-weight:bold;
	text-align:left !important;
}
.tabForm p small{
	float:right;
}
.tabForm p acronym {
	position:absolute;
	width:16px;
	height:16px;
	display:block;
	background-image:url(../pix/elements/info.png);
	left:88%;
	top:28px;
	text-indent:-9999em;
	border:none;
	text-decoration:none;
	cursor:help;
}

.tabForm input#author,
.tabForm input#email,
.tabForm input#url,
.tabForm input#log,
.tabForm input#pwd{
	padding:5px 0px 5px 25px !important;
	width:85% !important;
	background-repeat:no-repeat;
	background-image:url(../pix/icons/form.png)
}


.tabForm input#author,
.tabForm input#log{
	background-position:3px -2px !important;
}
.tabForm input#pwd{background-position:3px -92px !important;}
.tabForm input#email {
	background-position:3px -32px;
}
.tabForm input#url {
	background-position:3px -62px;
}

.tabForm textarea#comment {
	width:96%;
	font-size:12px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
}
.tabForm #submit {
	cursor:pointer;
}

.tabForm input,
.tabForm textarea{
	border:3px double #333 !important;
	background-color:#EEE !important;
}

.tabForm p.nob input{
	width:auto!important;
	border:none !important; padding:0 !important; background:none !important}

/* COMMENTFORM IN COMMENTLIST
-------------------------------------------------------------- */

ol.commentlist #respond{
	border-left:none;
	border-right:none;
	border-bottom:none;
	margin:0;
}
ol.commentlist #commentform {
	position:relative;
	margin:0 ;
}

ol.commentlist li ul.children li.depth-3 div#respond .tabForm input{
	width:84% !important;
}
ol.commentlist li ul.children li.depth-4 div#respond .tabForm input{
	width:83% !important;
}


/* COMMENT TABS
-------------------------------------------------------------- */
.allowed{
		background-color:#313131;
		font-size:10px;
		padding:5px;
		line-height:180%;
		width:95%;
		}
#commentTabs{
	background-color:#e6e6e6;
	background:#E6E6E6 url(../pix/iface/cmtTabBg.png) bottom left repeat-x;
	border-top:1px solid #FFF;
	overflow:hidden;
	position:relative;
	padding:5px 0 0 0;
}
#commentTabs ul{
	overflow:hidden;
	padding:0 0 0 5px !important;
	background:none;
	margin:0 !important;
	}
#commentTabs ul li{
	float:left;
	background:none !important;
	padding:0 !important;
	}
#commentTabs ul li a,
#commentTabs ul li#tabComL{
	float:left !important;
	display:block !important;
	width:220px;
	height:44px;
	text-indent:-9999em;
	background-repeat:no-repeat;
	margin:0 1px 0 0 !important;
	}
#commentTabs ul li a:link,
#commentTabs ul li a:visited		{background-position:0 0;}
#commentTabs ul li a:hover			{background-position:0 -44px;}

#commentTabs ul li#tabCom a,
#commentTabs ul li#tabComL 			{background-image:url(../pix/iface/tabAddComment.png) !important;}
#commentTabs ul li#tabLog a			{background-image:url(../pix/iface/tabAccount.png);}
#commentTabs ul li#tabLogout a		{background-image:url(../pix/iface/tabLogout.png);}
#commentTabs ul li a.selected:link,
#commentTabs ul li a.selected:visited,
#commentTabs ul li a.selected:hover,
#commentTabs ul li#tabComL 			{background-position:0 -88px !important;}


#loginTab ul li{
	padding:2px 0 2px 20px !important;
	background:none !important;
	background-image:url(../pix/elements/check.png) !important;
	background-repeat:no-repeat !important;
	margin:0 !important;
}
#loginTab ul li a{text-decoration:underline;}
#loginTab ul li a:link,
#loginTab ul li a:visited{color:#FFF;}
#loginTab ul li a:hover{color:#FF9;}

#loginTab .float-right ul li{
	background-position:0 5px !important;
}
#loginTab .float-left ul li{
	font-size:11px !important;
	font-weight:bold !important;
	background-image:url(../pix/elements/bullet.png) !important;
	background-position:0 5px !important;
	padding:2px 0 2px 12px !important;
}

	.tabForm p.center {
		padding:10px 0 26px 0 !important;
		overflow:hidden;
		}
.tabForm p.center a img{
	margin:0 0 10px 0;
	border:none;
	}
	.tabForm p.center a:link strong{
		padding:3px 10px;
			-webkit-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-radius: 3px;

	}
	.tabForm p.center a:link strong,
	.tabForm p.center a:visited strong {background-color:#333; color:#FFF;}
	.tabForm p.center a:hover strong{background-color:#FFC; color:#333;}