@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - CHRISETTE MICHELE EPIPHANY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		cm_epiphany.css
	Date:			April 23, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	navBar active state Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#navBar a.navEpiphany {
		background-position: -376px -45px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#epiphany {
		
	}
		#epiphany .header {
			padding:16px 13px 0 15px;
			height:25px;
			background:url(../../images/header616.png) top center no-repeat;
		}
			#epiphany .header h1#h1_epiphany {
				width:64px; height:17px;
				float:left;
				background:url(../../images/h1_epiphany.png) top center no-repeat;
			}
			#epiphany .header a.back {
				padding:0 0 0 10px;
				float:right;
				background:url(../../images/linkArrow_back.png) 0 3px no-repeat;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
			}
				#epiphany .header a.back:hover {
					color:#b2f2e7;
				}
		#epiphany .action {
			padding:11px 9px 11px 16px;
			border:solid 1px #49655d; border-bottom:none;
			background:#55746a;
		}
		#epiphany .action h2 {
			margin:8px 0 0 110px;
		}
			#epiphany label {
				font:normal 12px Verdana, Arial, Helvetica, sans-serif;
				color:#c2eae3;
			}
			#epiphany .pair {
				margin: 8px 0;
			}
				#epiphany label {
					width:100px;
					margin:0 10px 0 0;
					display:block;
					float:left;
				}
				#epiphany input.textBox {
					width:300px;
					padding:2px;
					float:left;
					border:1px solid #c2eae3;
					font:normal 11px Verdana, Arial, Helvetica, sans-serif;
				}
				#epiphany textarea.textBox {
					width:300px; height:100px;
					padding:2px;
					float:left;
					border:1px solid #c2eae3;
					font:normal 11px Verdana, Arial, Helvetica, sans-serif;
				}
				#epiphany .submit {
					margin:0 0 0 110px;
				}
			#epiphany a.btn_writeYourEpiphany {
				width:138px; height:24px;
				display:block;
				background:url(../../images/btn_writeYourEpiphany.png) top center no-repeat;
				float:left;
			}
				#epiphany a.btn_writeYourEpiphany:hover {
					background-position:bottom;
				}
				
			/* pagination */
			#epiphany .bottom {
				margin:0 0 -2000px 0; padding:11px 9px 2000px 0;
			}
			#epiphany .action .pagination {
				float:right;
			}
				#epiphany .action .pagination .pagerLeft {
					padding:3px 0 0 3px;
					width:22px; height:23px;
					background:url(../../images/bg_pagerLeft_greenDark.png) top center no-repeat;
					float:left;
				}
					#epiphany .action .pagination .pagerLeft a {
						width:20px; height:20px;
						display:block;
						background:url(../../images/btn_pagerPrev_greenDark.png) top center no-repeat;
					}
						#epiphany .action .pagination .pagerLeft a:hover {
							background-position:bottom;
						}
				#epiphany .action .pagination .pagerMiddle {
					padding:7px 10px 0 10px;
					height:19px;
					background:url(../../images/bg_pagerMiddle_greenDark.png) top center repeat-x;
					float:left;
					font:normal 10px Verdana, Arial, Helvetica, sans-serif;
					color:#fff;
					text-align:center;
				}
					#epiphany .action .pagination .pagerMiddle .text {
						color:#71d0bf;
						font-weight:bold;
					}
				#epiphany .action .pagination .pagerRight {
					padding:3px 0 0 2px;
					width:22px; height:24px;
					background:url(../../images/bg_pagerRight_greenDark.png) top center no-repeat;
					float:left;
				}
					#epiphany .action .pagination .pagerRight a {
						width:20px; height:20px;
						display:block;
						background:url(../../images/btn_pagerNext_greenDark.png) top center no-repeat;
					}
						#epiphany .action .pagination .pagerRight a:hover {
							background-position:bottom;
						}
					
		#epiphany ul#epiphanyUpdates {
			width:614px;
			border:solid 1px #49655d; border-bottom:solid 1px #556f67; border-top:none;
			background:#556f67 url(../../images/bg_mainCol.jpg) top center repeat-x;
			list-style:none;
		}
			#epiphany ul#epiphanyUpdates li {
				width:574px; padding:20px;
				border-top:solid 1px #516a63;
			}
				#epiphany  ul#epiphanyUpdates li p {
					width:575px;
				}
				#epiphany ul#epiphanyUpdates li .socialBar {
					width:571px;
				}
				#epiphany .date {
					margin:0 0 6px 0;
					font:normal 10px Verdana, Arial, Helvetica, sans-serif;
					color:#a7ccc1;
				}
				#epiphany h2 {
					font:bold 14px Verdana, Arial, Helvetica, sans-serif;
					color:#ffa0b7;
				}
				#epiphany h2 a {
					font:bold 15px Verdana, Arial, Helvetica, sans-serif;
					color:#ffa0b7;
				}
					#epiphany h2 a:hover {
						color:#ffd3de;
					}
				#epiphany p {
					margin:5px 0 0 0;
					font:normal 12px Verdana, Arial, Helvetica, sans-serif;
					color:#fffffb;
					overflow:hidden;
				}
				#epiphany .socialBar {
				
				}
					#epiphany .socialBar a.more{
						margin:2px 0 0 0;
						float:left;
					}
					#epiphany .socialBar .stats {
						margin:2px 23px 0 0;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
						color:#8dbab2;
						float:left;
					}
						#epiphany .socialBar .stats .divider {
							color:#516961;
						}
						#epiphany .socialBar .actions {
							float:right;
							display:inline;
						}
						
		/* single */
		#epiphany .body {
			padding:36px 44px 60px 45px;
			width:525px;
			border:solid 1px #49655d; border-bottom:solid 1px #556f67;
			background:#556f67 url(../../images/bg_mainCol.jpg) top center repeat-x;
		}
		#epiphany .body .date {
			margin:0 0 14px 0;
		}
		#epiphany .body p {
			height:auto;
			line-height:21px;
		}
		#epiphany .body .socialBar {
			margin:22px 0 0 0;		
		}
		
		/* comments */
		.mainCol #comments {
			margin:87px 0 0 0;
		}
			.mainCol #comments .header {
				padding:0;
				background:none;
			}
				.mainCol #comments .header h2#h2_comments {
					padding:0 0 0 79px;
					height:15px;
					background:url(../../images/h2_comments.png) 0px 4px no-repeat;
					font:normal 16px Arial, Helvetica, sans-serif;
					color:#fff;
					float:left;
				}
				.mainCol #comments a.btnPostComment {
					margin:0 0 0 414px;
					width:107px; height:24px;
					display:block;
					background:url(../../images/btn_postComment.png) center top no-repeat;
				}
					.mainCol #comments a.btnPostComment:hover {
						background-position:bottom;
					}
				.mainCol #comments .header a.btnPostComment {
					margin:0;
					float:right;
				}
				
			.mainCol #comments ul {
				margin:20px 0 0 0;
				list-style:none;
			}
				.mainCol #comments ul li {
					margin:0 0 35px 0;
					width:524px;
				}
					.mainCol #comments ul li .tagBottom {
						padding:0 0 20px 0;
						background:url(../../images/bottom524.png) bottom no-repeat;
					}
					.mainCol #comments ul li .tag {
						padding:10px 0 0 0;
						background:url(../../images/top524.png) top no-repeat;
					}
					.mainCol #comments ul li .text {
						padding:5px 20px 5px 20px;
						border:solid 1px #455a54; border-bottom:none; border-top:none;
						background:#526c65;
					}
						.mainCol #comments ul li. text h2 {
							
						}
							
					.mainCol #comments ul li .post {
						padding:5px 0 0 7px;
						font:normal 9px Verdana, Arial, Helvetica, sans-serif;
						color:#89d7dc;
					}
						.mainCol #comments ul li .post a {
							font:italic 11px Verdana, Arial, Helvetica, sans-serif;
							color:#b9fbff;
						}
							.mainCol #comments ul li .post a:hover {
								color:#fff;
							}
						.mainCol #comments ul li .post .blue {
							color:#b9fbff;
							font:italic 11px Verdana, Arial, Helvetica, sans-serif;
						}
			
			.mainCol #comments .action {
				padding:11px 9px 20px 16px;
				border:solid 1px #49655d;
				background:#55746a;
			}