@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - CHRISSETTE MICHELE PHOTOS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		cm_photos.css
	Date:			April 22, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	navBar active state Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#navBar a.navPhotos {
		background-position: -305px -45px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photos {
		
	}
		#photos .header {
			padding:16px 13px 0 15px;
			height:25px;
			background:url(../../images/header616.png) top center no-repeat;
		}
			#photos .header h1#h1_photos {
				width:47px; height:13px;
				float:left;
				background:url(../../images/h1_photos.png) top center no-repeat;
			}
			#photos .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;
			}
				#photos .header a.back:hover {
					color:#b2f2e7;
				}
		#photos .action {
			padding:11px 9px 9px 16px;
			border:solid 1px #49655d; border-bottom:none;
			background:#55746a;
		}
				
			#photos .action a.stack {
				width:50px; height:61px;
				margin:0 16px 0 0; padding:5px 11px 0 8px;
				text-align:center;
				display:block;
				float:left;
				background:url(../../images/photo_smallStack.png) 0 0 no-repeat;
			}
			#photos .action .info {
				width:497px;
				font:bold 10px Arial, Helvetica, sans-serif;
				color:#a7ccc1;
				float:left;
			}
				#photos .action .info h2 {
					margin:6px 0 10px 0;
					font:bold 12px Verdana, Arial, Helvetica, sans-serif;
					color:#62d9a9;
				}
			#photos .action .info a.back {
				padding:0 0 0 10px;
				background:url(../../images/linkArrow_back.png) 0 3px no-repeat;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
			}
				#photos .action .info a.back:hover {
					color:#b2f2e7;
				}
			/* pagination */
			#photos .action .pagination {
				float:right;
			}
				#photos .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;
				}
					#photos .action .pagination .pagerLeft a {
						width:20px; height:20px;
						display:block;
						background:url(../../images/btn_pagerPrev_greenDark.png) top center no-repeat;
					}
						#photos .action .pagination .pagerLeft a:hover {
							background-position:bottom;
						}
				#photos .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;
				}
					#photos .action .pagination .pagerMiddle .text {
						color:#71d0bf;
						font-weight:bold;
					}
				#photos .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;
				}
					#photos .action .pagination .pagerRight a {
						width:20px; height:20px;
						display:block;
						background:url(../../images/btn_pagerNext_greenDark.png) top center no-repeat;
					}
						#photos .action .pagination .pagerRight a:hover {
							background-position:bottom;
						}
		#photos ul {
			width:615px;
			margin:0 0 -2000px 0; padding: 0 0 2000px 0;
			border-right:1px solid #4a635d;
			background:#556f67 url(../../images/bg_mainCol.jpg) 0 0 no-repeat;
			list-style:none;
		}
			#photos ul li.gallery {
				width:181px; height:297px;
				padding:22px 11px 0 11px;
				float:left;
				border-top:solid 1px #4a635d; border-right:1px solid #69867e; border-bottom:1px solid #69867e; border-left:1px solid #506860;
				text-align:center;
			}
				#photos ul li.gallery a.img {
					width:150px; height:182px;
					padding:9px 21px 0 10px;
					display:block;
					background:url(../../images/photos_stack.png) 0 0 no-repeat;
				}
			#photos ul li.single {
				width:174px; height:297px;
				padding:22px 11px 0 18px;
				float:left;
				border-top:solid 1px #4a635d; border-right:1px solid #69867e; border-bottom:1px solid #69867e; border-left:1px solid #506860;
				text-align:center;
			}
				#photos ul li.single a.img {
					width:149px; height:161px;
					padding:9px 10px 0 10px;
					display:block;
					background:url(../../images/photos_single.png) 0 0 no-repeat;
				}
			#photos ul h3 {
				margin: 5px 0 8px 0;
			}
				#photos ul h3 a:link, #photos ul h3 a:active, #photos ul h3 a:visited {
					font:bold 14px Verdana, Arial, Helvetica, sans-serif;
					color:#ffa0b7; 
				}
					#photos ul h3 a:hover {
						color:#fff;
					}
			#photos ul .stats {
				margin:0 0 8px 0;
				color:#a7ccc1;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			}
		
			/* .holder */
			#photos .holder {
				padding:22px 22px 0 22px;
				border:solid 1px #49655d;
			}
				.holder .btn_prev {
					width:59px; height:25px;
					margin:153px 0 0 0;
					float:left;
				}
					.holder .btn_prev a {
						width:59px; height:25px;
						background:url(../../images/btn_prevNext.png) 0 0 no-repeat;
						display:block;
					}
						.holder .btn_prev a:hover {
							background-position:0 -25px;
						}
				.holder .btn_next {
					width:59px; height:25px;
					margin:153px 0 0 0;
					float:right;
				}
					.holder .btn_next a {
						width:59px; height:25px;
						background:url(../../images/btn_prevNext.png) -60px 0 no-repeat;
						display:block;
					}
						.holder .btn_next a:hover {
							background-position:-60px -25px;
						}
				.holder .entry {
					width:400px;
					padding:9px 26px;
					float:right;
					background:url(../../images/photo_largeSingle.png) 16px 0 no-repeat;
					text-align:center;
				}
					.holder .entry .img {
						width:400px; height:400px;
					}
					.holder .entry h3 {
						margin:31px 0 12px 0;
						font:bold 15px Verdana, Arial, Helvetica, sans-serif;
						color:#62d9a9;
					}
					.holder .entry .stats {
						margin:0 0 8px 0;
						color:#516961;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
					}
						.entry .stats strong{
							color:#70d0bf;
						}

		/* comments */
		.mainCol #comments {
			margin:75px 0 -2000px 0; padding:0 0 2000px 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 268px;
					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 -2000px 0; padding:0 0 -2000px 0;
				width:375px;
				list-style:none;
				background:none;
				border:none;
			}
				.mainCol #comments ul li {
					margin:0 0 35px 0;
					width:375px;
					text-align:left;
					font:normal 12px Verdana, Arial, Helvetica, sans-serif;
					color:#fff;
					line-height:18px;
				}
					.mainCol #comments ul li .tagBottom {
						padding:0 0 20px 0;
						background:url(../../images/bottom375.png) bottom no-repeat;
					}
					.mainCol #comments ul li .tag {
						padding:10px 0 0 0;
						background:url(../../images/top375.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 {
							font:bold 13px Verdana, Arial, Helvetica, sans-serif;
							color:#ffa0b7;
						}
							.mainCol #comments ul li .text h2 a {
								font-size:13px;
								color:#ffa0b7;
							}
								.mainCol #comments ul li .text h2 a:hover {
									color:#ffd3de;
								}
						.mainCol #comments ul li .text p {
							margin:10px 0 0 0 !important;
						}
								
					.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 ul .noContent {
						width:350px;
						margin:15px 0;
						text-align:center;
					}