/*
Theme name: Lucy Hackett Photography
Author: Ashley Stevens for Chichester Design
*/

* {
	margin:0px;
	padding:0px;
	background:none;
	outline:none;
	border:none;
	text-decoration:none;
}


body {
	margin:60px 0px 0px 0px;
	background:#efd5c7 url(images/background.png) repeat-x;
	font-family:'Helvetica Neue';
	color:#6e645e;
}


@font-face {
	font-family:'Helvetica Neue Bold';
	src:url('fonts/helvetica_neue_bold.eot');
	src:local('fonts/Helvetica CE 55 Roman'), local('fonts/HelveticaNeueCE-Bold'), url('fonts/helvetica_neue_bold.woff') format('woff'), url('fonts/helvetica_neue_bold.ttf') format('truetype'), url('font/helvetica_neue_bold.svg#webfont') format('svg');
}

@font-face {
	font-family: 'Helvetica Neue Light';
	src: url('fonts/helvetica_neue_light.eot');
	src: local('fonts/Helvetica CE 35 Thin'), local('fonts/HelveticaNeueCE-Thin'), url('fonts/helvetica_neue_light.woff') format('woff'), url('fonts/helvetica_neue_light.ttf') format('truetype'), url('fonts/helvetica_neue_light.svg#webfont') format('svg');
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('fonts/helvetica_neue.eot');
	src: local('fonts/Helvetica Neue'), local('fonts/HelveticaNeue'), url('fonts/helvetica_neue.woff') format('woff'), url('fonts/helvetica_neue.ttf') format('truetype'), url('fonts/helvetica_neue.svg#webfont') format('svg');
}



	a {
		color:#6e645e;
	}
	
	a:hover {
		color:#90758a;
	}


	#wrapper {
		width:890px;
		margin:0px 0px 0px 30px;
	}
	
	
		#header {
			width:890px;
			padding-bottom:6px;
			border-bottom:9px solid #cfb9ad;
			overflow:auto;
			margin:0px 0px 10px 0px;
			overflow:hidden;
		}
		
			#header h1 {
				width:280px;
				font-size:42px;
				font-family:'Helvetica Neue Light';
				font-weight:lighter;
				color:#6e645e;
				line-height:28px;
				float:left;
			}
			
				#header h1 span {
					font-size:22px;
					font-family:'Helvetica Neue Bold';
				}
			
			#header h2 {
				float:right;
				font-size:16px;
				font-style:italic;
				font-family:'Helvetica Neue Light';
				font-weight:lighter;
				margin:45px 0px 0px 0px;
			}
			
			
		ul#navigation {
			float:right;
			height:22px;
			margin:0px 0px 15px 0px;			
		}
			
			ul#navigation li {
				float:left;
				list-style-type:none;
				margin:0px 0px 0px 8px;
			}
			
				ul#navigation li a {
					display:block;
					padding:5px 10px 5px 10px;
					background:#e7c6b8;
					-moz-border-radius:3px;
					-webkit-border-radius:3px;
					border-radius:3px;
					font-size:13px;
					color:#6e645e;
					text-decoration:none;
				}
				
				ul#navigation li a:hover, ul#navigation li.current_page_item a {
					background:#cfb9ad;
				}
				
				
		#columns {
			width:890px;
			height:580px;
			clear:both;
			background:transparent url(images/faux.png) repeat-y;
			/*overflow:auto;*/
		}
		
		#columns-weddings, #columns-blog {
		}
		
			#left-column {
				width:230px;
				height:540px;
				margin:0px 10px 0px 0px;
				padding:30px 30px 0px 30px;
				float:left;
				background:#e7c6b8;
			}
			
			#left-column-wide {
				width:530px;
				margin:0px 0px 0px 0px;
				padding:30px 30px 30px 30px;
				float:left;
				background:#e7c6b8;
			}
			
				#left-column h2, #left-column-wide h2 {
					font-family:'Helvetica Neue Light';
					font-weight:lighter;
					font-size:18px;
					color:#6e645e;
					margin:0px 0px 17px 0px;
				}
				
					#left-column h2 span, #left-column-wide h2 span {
						font-family:'Helvetica Neue Bold';
					}
					
				.post {
					overflow:auto;
					overflow-x:hidden;
					margin:0px 0px 35px 0px;
					border-bottom:1px solid #c9ada1;
				}
				
					.post p {
						clear:right;
					}
					
					.post-title {
						width:100%;
						overflow:hidden;
					}
					
						.post-title h2 {
							width:350px;
						}
					
						#columns-blog #left-column-wide h2 {
							float:left;
						}
						
						#columns-blog #left-column-wide p.time {
							float:right;
							font-family:'Helvetica Neue Light';
							font-weight:lighter;
							line-height:28px;
						}
						
							#columns-blog #left-column-wide p.time span {
								font-family:'Helvetica Neue Bold';
							}
							
					#columns-blog #left-column-wide p.tags {
					}
						
						#columns-blog #left-column-wide p.tags span {
							font-family:'Helvetica Neue Bold';
						}
							
						#columns-blog #left-column-wide p.tags a {
							color:#90758a;
							font-family:'Helvetica Neue Light';
							font-weight:lighter;
							text-transform:uppercase;
							font-size:12px;
						}
					
				#left-column p, #left-column-wide p {
					font-size:13px;
					line-height:17px;
					margin:0px 0px 17px 0px;
				}
				
					#left-column p img, #left-column-wide p img {
						-moz-box-shadow:1px 1px 3px 0px #6E645E;
					}
				
				#left-column a.feature {
					display:block;
					position:relative;
					padding:0px 10px 0px 10px;
					float:right;
					right:0px;
					bottom:-75px;
					height:53px;
					line-height:44px;
					background:rgba(255,255,255,.5);
					background:#ffffff\9;
					font-size:12px;
					font-family:'Helvetica Neue Bold';
					color:#90758a;
					clear:both;
				}
				
				#columns-weddings #left-column-wide a.feature, #columns-blog #left-column-wide a.feature {
					display:block;
					position:relative;
					padding:0px 10px 0px 10px;
					float:right;
					right:0px;
					bottom:-38px;
					height:53px;
					line-height:44px;
					background:rgba(255,255,255,.5);
					background:#ffffff\9;
					font-size:12px;
					font-family:'Helvetica Neue Bold';
					color:#90758a;
					clear:both;
				}
				
			
			#centre-column {
				width:290px;
				margin:0px 10px 0px 0px;
				float:left;
			}
			
				#centre-column div.photo {
					/*background:#efd5c7;*/
					position:relative;
				}
				
				#centre-column div.photo:first-child {
					margin-bottom:10px;
				}
				
				#centre-column div.photo:last-child {
					/*padding:0px 0px 10px 0px;*/
				}
				
					div.photo img {
						display:block;
						position:relative;
						width:290px;
						height:auto;
					}
					
					div.photo a.caption {
						display:block;
						position:relative;
						width:auto;
						height:20px;
						line-height:20px;
						padding:5px 9px 5px 10px;
						top:-30px;
						float:right;
						color:#ffffff;
						background:rgba(0,0,1,.5);
						background:#000000\9;
						font-size:12px;
						text-align:center;
						font-family:'Helvetica Neue Light';
						font-weight:lighter;
					}
					
						div.photo a.caption span {
							font-family:'Helvetica Neue Bold';
							text-shadow:1px 1px 1px #000000;
						}
					
				p.previous-button {
					float:left;
					font-family:'Helvetica Neue Bold';
				}
				
				p.next-button {
					float:right;
					font-family:'Helvetica Neue Bold';
				}
					
			
			#right-column {
				width:290px;
				float:left;
			}
			
			#columns-weddings #right-column, #columns-blog #right-column {
				width:300px;
			}
			
				#right-column div.photo {
					background:#efd5c7;
				}
			
					#right-column div.photo img {
						display:block;
						width:290px;
						height:auto;
						/*padding:0px 0px 10px 0px;*/
					}
					
				#right-column h2 {
					font-family:'Helvetica Neue Light';
					font-weight:lighter;
					font-size:18px;
					color:#6e645e;
					margin:0px 0px 17px 0px;
					/*text-shadow:0px 0px 3px rgba(110,100,94,0.3);*/
				}
				
					#right-column h2 span {
						font-family:'Helvetica Neue Bold';
					}
					
				#right-column .widget {
					width:292px;
					margin:12px 0px 0px 0px;
					padding:18px 0px 50px 8px;
					background:#e8cfc1;
					overflow:auto;
				}
				
				#right-column .widget .thumbnails {
					width:285px;
				}
				
					#right-column .widget .thumbnails a {
						display:block;
						width:93px;
						height:93px;
						float:left;
						margin:0px 0px 3px 3px;
					}
					
					#right-column .widget .thumbnails a:nth-child(3n+1) {
						margin:0px;
					}
					
						#right-column .widget .thumbnails a img {
							width:93px;
							height:93px;
						}
						
				#right-column img.lucy {
					width:285px;
					height:auto;
				}
				
				#right-column p#tag-cloud {
					text-align:center;
				}
				
					#right-column p#tag-cloud a {
						color:#90758a;
						font-family:'Helvetica Neue Bold';
					}
					
				#right-column p.tweet {
					font-size:13px;
					font-family:'Helvetica Neue Light';
					font-weight:lighter;
					margin:15px 0px 0px 0px;
					padding:0px 4px 0px 0px;
				}
				
					#right-column p.tweet span {
						font-family:'Helvetica Neue Bold';
					}
					
				#right-column p.tweet:first-child {
					margin:0px;
				}
				
				#right-column p.follow {
					text-align:right;
					margin:10px 0px 0px 0px;
				}
				
					#right-column p.follow a {
						font-size:12px;
						font-family:'Helvetica Neue Bold';
						display:block;
						line-height:24px;
						background:transparent url(images/twitter.png) no-repeat center right;
						margin:0px 10px 0px 0px;
						padding:0px 34px 0px 0px;
					}
					
				#right-column ul#galleries {
				}
				
					#right-column ul#galleries li {
						list-style-type:none;
						font-size:13px;
						font-family:'Helvetica Neue Light';
						font-weight:lighter;
						clear:left;
					}
					
						#right-column ul#galleries li a {
							height:auto;
							line-height:20px;
						}
					
					
			ul#contact-details {
				width:890px;
				height:100px;
				text-align:center;
				line-height:100px;
				font-family:'Helvetica Neue Light'; font-weight:lighter;
				clear:both;
				font-size:14px;
			}
			
				ul#contact-details li {
					display:inline;
					padding:0px 0px 0px 14px;
					margin:0px 0px 0px 12px;
					background:transparent url(images/contact-bullet.png) no-repeat left center;
				}
				
				ul#contact-details li:first-child {
					padding:0px;
					margin:0px;
					background:none;
				}
				
				
			#footer {
				width:830px;
				height:50px;
				background:#e7c6b8;
				padding:0px 30px 0px 30px;
			}
			
				#footer p {
					line-height:50px;
					font-size:13px;
				}
				
				#footer p#left {
					float:left;
				}
				
				#footer p#right {
					float:right;
				}
				
/* ---------- GALLERY ---------- */
			
			ul#gallery {
				clear:both;
			}
			
				ul#gallery li {
					list-style-type:none;
					float:left;
					margin:0px 15px 15px 0px;
				}
				
					ul#gallery li img {
						height:164px;
						width:auto;
					}
					
					
/* ---------- LIGHTBOX ---------- */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* ---------- CONTACT ---------- */
			p.return {
				font-family:'Helvetica Neue Bold';
				padding:4px;
				text-decoration:underline;
			}

			form {
				width:100%;
			}
			
				form label {
					width:130px;
					height:20px;
					float:left;
					font-weight:b;
					font-size:13px;
					clear:left;
				}
				
				form input {
					width:250px;
					float:left;
					background:#ffffff;
					padding:4px;
					margin:0px 0px 5px 0px;
					-moz-box-shadow:inset 0px 1px 2px #6E645E;
					-webkit-box-shadow:inset 0px 1px 2px #6E645E;
					box-shadow:inset 0px 1px 2px #6E645E;
					font-family:'Helvetica Neue';
					font-size:12px;
					color:#6E645E;
				}
				
				form textarea {
					width:250px;
					height:200px;
					float:left;
					background:#ffffff;
					padding:4px;
					font-family:'Helvetica Neue';
					font-size:13px;
					-moz-box-shadow:inset 0px 1px 2px #6E645E;
					-webkit-box-shadow:inset 0px 1px 2px #6E645E;
					box-shadow:inset 0px 1px 2px #6E645E;
					color:#6E645E;
				}
				
				form input.submit {
					width:40px;
					float:right;
					-moz-box-shadow:none;
					-webkit-box-shadow:none;
					box-shadow:none;
				}
				
		ul#pagination {
			display:block;
			width:100%;
			overflow:auto;
			clear:both;
			text-align:center;
		}
		
			ul#pagination li {
				float:none;
				display:inline;
			}