/*==================== commentArea ===================*/

#commentArea {
	width: 450px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
	#commentInvite {
		color: #000;
		height: 34px;
		background: url(../imgs/bg_commentInvite_hding.gif) no-repeat center 0;
		padding: 40px 0 0 109px;
	}
		#commentInvite .comCount {
			font-weight: bold;
			font-size: 18px;
			margin-right: 6px;
		}
			#commentInvite .comCount a { color: #db6300; }
		
	/*==== comment list ====*/
	#commentList {
		margin: 0;
		padding: 3em 0 0 0;
		overflow: hidden;
		background: url(../imgs/bg_commentList.gif) no-repeat center -3px;
		position: relative;
	}
		#commentList ul.comList {
			margin: 0 5px 2em 10px;
		}
			#commentList ul.comList li {
				background: url(../imgs/bg_commentList_ul_li.gif) no-repeat 0 0;
				margin-bottom: 2em;
			}
			#commentList ul.comList li.admin {
				background: url(../imgs/bg_commentList_ul_li_admin.gif) no-repeat 0 0;
			}
				#commentList ul li .gravatar {
					width: 70px;
					height: 84px;
					float: left;
					text-align: center;
				}
					#commentList ul li .gravatar img {
						margin-top: 7px;
						margin-left: 2px;
						width: 50px;
						height: 50px;
						border: 1px solid #999;
					}
				
				#commentList ul li .commentDetail {
					float: left;
					width: 340px;
					margin-left: 24px;
					position: relative;
				}
					#commentList ul li .commentDetail h3 { color: #8c6239; margin: 6px 0 0 0; padding: 0; }
						#commentList ul li .commentDetail h3 a { color: #8c6239; }
					#commentList ul li .commentDetail p { padding-top: 2px;}
					#commentList ul li .commentDetail .commentBar { 
						color: #999; 
						padding: 0;
						font-size: 11px;
					}
						#commentList ul li .commentDetail .commentBar .commentDate, .commentDate a { color: #999; }
						#commentList ul li .commentDetail .commentBar .commentNum { 
							font-size: 12px; 
							position: absolute; 
							right: 0; 
							top: 0; 
							display: none; 
						}
				
	
	/*==== comment nav ====*/	
	.commentNav { padding: 0; }
		.commentNav .previous, .commentNav .next {
			display: inline;
		}
		.commentNav .previous {
			float: left;
		}
		.commentNav .next {
			float: right;
		}
		.commentNav a {
			display: inline;
		}
		.commentNav a:hover {
			color: #fff;
			background-color: #b09385;
		}
	
	/*==== comment form ====*/			
	#commentForm {
		padding: 2.5em 0 0 2em;
		background: url(../imgs/bg_commentList.gif) no-repeat 6px 0;
		overflow: hidden;
	}
		#commentForm h2.title {
			height: 40px;
			background: url(../imgs/bg_commentForm_hding.gif) no-repeat 0 0;
			overflow: hidden;
			text-indent: -1985px;
			margin: 0;
			padding: 0;
			display: block;
		}
		#commentForm form.commForm {
			padding: 3em 0 1em 40px;
			background: url(../imgs/bg_commentForm_form.gif) no-repeat 0 0;
		}
			form.commForm p {
				margin: 0 0 .8em 0;
				padding: 0;
			}
				form.commForm p label {
					font-size: 14px;
					margin-left: 1em;
				}
				form.commForm p small { color: #df4500; }
				
			.commentGuidelines a {
				background: url(../imgs/ico_arrwo_down_11x10.gif) no-repeat 5px center;
				padding-left: 20px;
			}
				.commentGuidelines a:hover {
					background: #ffffa3 url(../imgs/ico_arrwo_down_11x10.gif) no-repeat 5px center;
				}
				#commentGBox { display: none; }
				.guidelines { padding-left: 1.5em; }

			.submit {
				width: 70px;
				height: 30px;
				border: none;
				background: url(../imgs/btn_submit.gif) no-repeat 0 0;
				cursor: pointer;
			}
			.submit:hover { background: url(../imgs/btn_submit.gif) no-repeat 1px -29px; }