@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: -291px -48px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photos {
		
	}
		#photos .header {
			padding:15px 15px 0 15px;
		}
			#photos .header h1#h1_photos {
				width:222px;
				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 {
					
				}
		#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 {
			list-style:none;
		}
			#photos ul li.gallery {
				width:181px; height:297px;
				padding:22px 11px 0 11px;
				float:left;
				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;
				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;
				}
					#photos ul h3 a:hover {
					
					}
			#photos ul .stats {
				margin:0 0 8px 0;
				color:#a8512b;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			}
		
			/* .holder */
			#photos .holder {
				padding:22px 22px 0 22px;
			}
				.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:#a00800;
					}
					.holder .entry .stats {
						margin:0 0 8px 0;
						color:#a8512b;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
					}
						.entry .stats strong{
						
						}