@charset "utf-8";
/* CSS Document */

/*==============================*/

/*	ITEM COMMENTS				*/

/*==============================*/	

div#comments { }

#content #comments h1 {
	font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
	font-size: 1.85em;
	color: #2F2F2F; /* dark  */
	color: #cecece;	/* light */
	padding: 8px 0 10px 1px;
	margin: 40px 0 0 0;
	letter-spacing: -0.03em;
	}

#content #comments p {
	
}

#content #comments a,
#content #comments a:link,
#content #comments a:visited {
	color: #ddd;
	background: none;
}

div.commentsDiv {	/*wraps all comments */
	width: auto;
	border-bottom: 3px solid #222;
	}

/* WRAPPER FOR EACH COMMENT */

div.comment, div.comment_reply {
	width: auto;
	position: relative;
	border-top: 2px dotted #222;	
	clear: both;	}

	div.comment:after, div.comment_reply:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

div.comment {
	padding: 20px 36px 40px 27px;	
	margin-top: 4px;
	}
	
div.comment_reply {
	padding: 20px 30px 12px 70px;
	background-image: url(../newcastle/comment_replied.png);
	background-repeat: no-repeat;
	background-position: 28px 16px;	
	}
	
.comment_odd {
	background-color: #383838;
	background: none;
	}
	
div.comment_admin {
	/* background-color: #E3ECF4; */
	width: 103px;
	height: 25px;
	position: absolute;
	top: 36px;
	right: 30px; 
	background-image: url(../newcastle/comment_moderator.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 50;
	}	


#content #comments div.comment h1, #content #comments div.comment_reply h1 {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 18px;
	color: #287FD7;
	padding: 20px 0 0 0;
	margin: 0 100px 0 0;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 60%;
	}
	#content #comments div.comment h1 span, #content #comments div.comment_reply h1 span { 
	color: #555;
	}
	
#content #comments div.comment h2, #content #comments div.comment_reply h2 {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #C8C8C1;
	padding: 8px 0 8px 0;
	margin: 0;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 60%;
	background: none;
	}	

#content #comments div.comment p, #content #comments div.comment_reply p {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #bbb;
	padding: 9px 0 7px 0;
	margin: 0;
	line-height: 146%;
	clear: both;
}

#content div.comment img.commentpic,
#content div.comment_reply img.commentpic{
	width: 50px;
	height: 50px;
	border: 3px solid #292929;
	background-color:#FFF;
	background-image: none;
	float: left;
	margin: 0 14px 5px 0;
	padding: 5px;
	}

a.replyto, a.replyto:link, a.replyto:visited {
	display: block;
	width: 53px;
	height: 15px;
	position: absolute;
	bottom: 17px;
	right: 32px;
	background-image: url(../newcastle/comment_replyto.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 50;
	cursor: pointer;
	background-color: red;
	}
	a.replyto:hover, a.replyto:active {
	background-position: 0 -15px; }
	
div.reply_div { /* faint line between comment & reply if odd */
	height: 1px;
	width: 94%;
	background-image: url(../newcastle/comment_line.png);
	clear: both;
	position: absolute;
	top: 0;
	left: 3%;
}

div.unapproved {
	position: absolute;
	width: 170px;
	height: 55px;
	background-image: url(../newcastle/comment_unapproved.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	top: 28px;
	left: 310px;
	z-index: 99;
	}
	
/****************************************/

/*  CONTACT & FEEDBACK FORMS		 	*/

/****************************************/

/* same as generic - refer to main css */
form#comment {
	width: 690px;
	position: relative;	
	background-color: #222;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 10px;
	border: 7px solid #292929;
	}

	
form#comment legend,
form#comment div.formkey,
form#comment div.formkey .req 
form#comment div.formkey .opt {
	padding: 0;
	margin: 0;
	clear: none;
	display: none;
	}

form#comment label {
	text-align: left;
	height: 18px;
	margin: 16px 0 0 0;
	padding: 0 20px 0 2px;
	clear: none;
	float: none;
	white-space: nowrap;
	text-transform: uppercase;
	color: #999;
	position: relative;
	display: inline-block;
	*display: inline;	/* ie7 hack */
	hasLayout: on;  /* ie7 hack */
	zoom:1; /* ie7 hack */	
}

form#comment label.req, 
form#comment label.opt { background: none; }

form#comment fieldset {
	border: none;
	padding: 0 0 0 20px;
	margin: 0;
	float: left;
	clear: none;
	position: relative;
}
form#comment fieldset.one { width: 390px; }
form#comment fieldset.two { width: 260px; clear: right; }

/* GENERIC STYLES FOR TEXT FIELDS, CHECK BOX, SELECT MENU, SUBMIT, ETC */
form input, form textarea, form select {
	text-size: 1.3em;
	width: 200px;
	border: 1px solid #333;
	margin: 0;
	padding: 3px 2px 3px 3px;
	background-color: #292929;
	float: none;
	clear: both;
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	}
	
form#comment textarea {
	margin-top: 2px;
	height: 242px;
	width: 370px;
	overflow: auto; 
	overflow-y: auto; 
	overflow-x: hidden; 
	overflow:-moz-scrollbars-auto;

	}
	
form#comment div.checkboxes {
	width: auto;
	height: auto;
	margin: 15px 0 0 0;
	clear: both;
	}

form#comment div.checkboxtext {
	width: auto;
	font-size: 11px;
	text-transform: uppercase;
	color: #999;
	padding: 5px 0 4px 2px;
	float: left;
	clear: right;
}	
	
form#comment small {
	padding: 0;
	margin: 0 0 0 3px;
	color: #555; }

form#comment div.clearcookie {
	font-size: 12px;
	position: absolute;
	left: 140px;
	bottom: 20px;
	height: 20px;
	}
	
form#comment input#submit {
	margin: 20px 0 18px 20px;	
	clear: left;
}

span.formError {
	width: 16px;
	height: 16px;
	margin: 0;
	background-image: url(../newcastle/formError.png);
	background-repeat: no-repeat;
	background-position: 0 0;	
	position: absolute;
	right: 0;
	top: 0;
	}