@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - CHRISETTE MICHELE COMMUNITY COMMENTS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		cm_community_comments.css
	Date:			April 22, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	navBar active state Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#communityNav {
		margin:0 !important;
	}
	ul#communityNav .navGuestBook a {
		background-position: -174px -48px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.authorPanel {
		margin:0 0 5px 0; padding:5px 10px;
		text-align:right;
		font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	}
	.mainCol #comments {
		margin:0;
	}
		.mainCol #comments .header {
			padding:10px 0 0 0;
			background:url(../../images/header.png) repeat-x;
		}
			.mainCol #comments .header h1 {
				height:auto;
			}
	
	#comments .body {
		padding:0;
	}
		#comments ul.comments {
			margin:0; padding:0 20px 15px 20px;
			list-style:none;
		}
			#comments ul.comments li {
				margin:0 0 10px 0; padding:5px 0 20px 0;
				font:normal 12px Verdana, Arial, Helvetica, sans-serif;
				word-wrap:break-word;
			}
				#comments ul.comments li .top {
					background:none;
				}
				#comments ul.comments li .middle {
					padding:0 20px;
				}
				#comments ul.comments li h2 {
					font:bold 13px Verdana, Arial, Helvetica, sans-serif;
					color:#a00800;
				}
				#comments ul.comments li .post {
					padding:5px 0 0 0;
					line-height:18px;
				}
					#comments ul.comments li .post p {
						margin:5px 0;
					}
				#comments ul.comments li .stats {
					padding:5px 0 0 20px;
					font:normal 9px Verdana, Arial, Helvetica, sans-serif;
					color:#a8512b;
				}
					#comments ul.comments li .stats a {
						font:italic 11px Verdana, Arial, Helvetica, sans-serif;
					}
						#comments ul.comments li .stats a:hover {
						}
		#comments .actions {
			width:107px; height:25px;
			padding:10px 9px 11px 15px;
			background:url(../../images/dash.png) 0 bottom repeat-x;
			float:left;
			line-height:10px;
		}
			#comments .actions a.btnPostComment {
				width:104px; height:24px;
				display:block;
				background:url(../../images/btn_postComment.png) center top no-repeat;
			}
				#comments .actions a.btnPostComment:hover {
					background-position:bottom;
				}
		/* pagination */
		#comments .pagination {
			width:474px; height:28px;
			padding:10px 9px 8px 0;
			float:right;
			line-height:10px;
		}
			#comments .pagination .pagerLeft {
				padding:3px 0 0 3px;
				width:22px; height:23px;
				background:url(../../images/bg_pagerLeft_greenDark.png) top center no-repeat;
				float:right;
			}
				#comments .pagination .pagerLeft a {
					width:20px; height:20px;
					display:block;
					background:url(../../images/btn_pagerPrev.png) top center no-repeat;
				}
					#comments .pagination .pagerLeft a:hover {
						background-position:bottom;
					}
			#comments .pagination .pagerMiddle {
				padding:7px 10px 0 10px;
				height:19px;
				background:url(../../images/bg_pagerMiddle_greenDark.png) top center repeat-x;
				float:right;
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
				text-align:center;
			}
				#comments .pagination .pagerMiddle .text {
					color:#71d0bf;
					font-weight:bold;
				}
			#comments .pagination .pagerRight {
				padding:3px 0 0 2px;
				width:22px; height:24px;
				background:url(../../images/bg_pagerRight_greenDark.png) top center no-repeat;
				float:right;
			}
				#comments .pagination .pagerRight a {
					width:20px; height:20px;
					display:block;
					background:url(../../images/btn_pagerNext.png) top center no-repeat;
				}
					#comments .pagination .pagerRight a:hover {
						background-position:bottom;
					}
			#comments .footer {
				background:url(../../images/dash.png) 0 bottom repeat-x;
			}
	.hr {
		height:2px;
		background:url(../../images/dash.png) 0 0 repeat-x;
	}
		.hr hr {
			display:none;
		}