@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MEHTODMAN AND REDMAN PHOTOS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		mm_photos.css
	Date:			May 4, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/


/*	--------------------------------------------------------------------------------------------------------------------------
	Nav Active State Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#navBar a.navPhotos {
		background-position: -316px bottom;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	hr Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.hr {
		margin:14px 0 20px 25px;
		width:591px; height:3px;
		background:url(../../images/hr.png) top left no-repeat;
	}
		.hr hr {
			display:none;
		}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol .header h2 {
		width:88px; height:29px;
		background:url(../../images/h2_photos.png) top left no-repeat;
	}
		#mainCol .header a.btnBackToPhotos {
			margin:6px 35px 0 0;
			width:141px; height:19px;
			display:inline-block;
			float:right;
			background:url(../../images/btn_backToPhotos.png) top left no-repeat;
		}
			#mainCol .header a.btnBackToPhotos:hover {
				background-position:bottom;
			}
			
		/* Entries */
		#mainCol .entries {
			padding:0 0 32px 0; margin:17px 0 0 38px;
		}
			#mainCol .entries .entry {
				margin:0 30px 0 0;
				width:165px; height:250px;
				float:left;
				display:inline;
				text-align:center;
			}
				#mainCol .entries .entry a {
					color:#9c8d6c;
				}
					#mainCol .entries .entry a:hover {
						color:#f5dead;
					}
				#mainCol .entries .entry .photos a {
					border:solid 7px #000;
					float:left;
				}
					#mainCol .entries .entry .photos a:hover {
						border:solid 7px #6e93bc;
					}
				#mainCol .entries .entry .photo {
					margin:0 auto;
					width:154px;
				}
					#mainCol .entries .entry .photo a {
						border:solid 2px #000;
						float:left;
					}
						#mainCol .entries .entry .photo a:hover {
							border:solid 2px #6e93bc;
						}
				#mainCol .entries .entry h3 {
					margin:5px 0 0 0;
					font:bold 12px Verdana, Arial, Helvetica, sans-serif;
				}	
				#mainCol .entries .entry .stats {
					margin:10px 0 7px 0;
					font-size:11px;
					color:#534f46;
				}
				
		/*	Gallery */
		#main .action {
			margin:5px 0 0 30px;
			font-family:Verdana, Arial, Helvetica, sans-serif;		
		}
			#main .action a.portrait {
				border:solid 5px #000;
				float:left;
			}
				#main .action a.portrait:hover {
					border:solid 5px #6e93bc;
				}
				#main .action a.portrait img {
					display:block;
				}
			#main .action .info {
				margin:0 0 0 15px; padding:3px 0 0 0;
				font-size:10px;
				font-weight:bold;
				color:#55534d;
				float:left;
			}
				#main .action .info h3 {
					margin:5px 0 10px 0;
					font-size:12px;
					font-weight:bold;
					color:#7a7362;
				}
				#main .action .info .pagination {
					font-size:9px;
					font-weight:normal;
					color:#fff;
				}
					#main .action .info .pagination a {
						padding:0 2px;
						color:#6e93bc;
					}
						#main .action .info .pagination a:hover {
							color:#b2ceed;
						}
					#main .action .info a.back {
						padding:0 0 0 7px;
						background:url(../../images/arrow_blue.gif) left 2px no-repeat;
						color:#6e93bc;
					}
						#main .action .info a.back:hover {
							color:#b9d5f4;
							background-position:0 -11px;
						}

		/*	single */
			#photo {
				margin:50px auto 30px auto;
				width:510px;
				text-align:center;
			}
				#photo h3 {
					margin:0 0 15px 0;
					font:bold 12px Verdana, Arial, Helvetica, sans-serif;
					color:#9c8d6c;
				}
				#photo .btn_prev {
					margin:175px 29px 0 0;
					width:22px; height:20px;
					background:url(../../images/btn_prev.png) no-repeat;
					float:left;
				}
					#photo a.prev {
						width:22px; height:20px;
						background:url(../../images/btn_prev.png) no-repeat;
						display:block;
					}
						#photo a.prev:hover {
							background-position:bottom;
						}
				#photo .btn_next {
					margin:175px 0 0 0;
					width:22px; height:20px;
					background:url(../../images/btn_next.png) 0 0 no-repeat;
					float:right;
				}
					#photo a.next {
						width:22px; height:20px;
						background:url(../../images/btn_next.png) no-repeat;
						display:block;
					}
						#photo a.next:hover {
							background-position:bottom;
						}
				#photo #photoHolder {
					margin:0 0 25px 0;
					float:left;
				}
					#photo #photoHolder img {
						border:solid 4px #000;
						display:block;
					}
				#photo .stats {
					margin:0 0 5px 0;
					font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
					color:#534f46;
				}
					#photo .stats span.comments {
						color:#b2955b;
					}
				#photo .share {
					margin:0 auto;
					width:117px;
				}
				
			/*	comments */
			#comments {
				padding:0 0 60px 0; margin:37px auto 0 auto;
				width:469px;
			}
				#comments .commentHeader {
					margin:0 0 17px 0;
					width:469px;
				}
					#comments .commentHeader h3 {
						margin:0; padding:0 0 0 84px;
						height:19px;
						float:left;
						background:url(../../images/h3_comments.png) 0 5px no-repeat;
						font:normal 18px Arial, Helvetica, sans-serif;
					}
					#comments .commentHeader a.btnPostComment {
						width:107px; height:29px;
						display:block;
						float:right;
						background:url(../../images/btn_107.png) top left no-repeat;
						font:bold 12px Arial, Helvetica, sans-serif;
						color:#9c8d6c;
						line-height:29px;
						text-align:center;
					}
						#comments .commentHeader a.btnPostComment:hover {
							color:#f5dead;
						}
					
				/* Entry */
				#comments .commentEntry {
					margin:0 0 30px 0;
					width:469px;
					background:url(../../images/bg_commentMiddle469.png) top left repeat-y;
				}
				#comments .commentEntryTop {
					width:469px;
					background:url(../../images/bg_commentTop469.png) top left no-repeat;
				}
				#comments .commentEntryBottom {
					padding:15px;
					width:439px;
					background:url(../../images/bg_commentBottom469.png) bottom left no-repeat;
				}
					#comments .commentEntry .leftCol {
						margin:0 10px 0 0;
						width:95px;
						float:left;
						display:inline;
						text-align:right;
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#4f4958;
						overflow:hidden;
					}
						#comments .commentEntry .leftCol a {
							font:bold 11px Arial, Helvetica, sans-serif;
							color:#454d88;
						}
							#comments .commentEntry .leftCol a:hover {
								color:#878dbd;
							}
					#comments .commentEntry .rightCol {
						width:334px;
						float:left;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#9f9f9f;
					}