/*
Theme Name: henrie
Theme URI: http://www.underscore.co.uk
Description: Wordpress Theme for Henrie Haldane
Version: 1.0
Author: Hannah Stothard, Vicky Simpson 
Tags: Henrie

*/
html, body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color:#748688;
	background: #231f20;
	}

*{
	margin:0;
	padding:0;
}	

h2{
	text-indent: -8000px;
	display:block;
	}
	
h4{
	padding:10px 0 10px 0;
	font-size:1.1em;
}
	
p {
	font-size: 1.1em;
	padding:5px 0 5px 0;
}

a {
	color:#d3bb44;
	text-decoration: none;
	}
	
a.more-link{
	color:#748688;
	font-size:1.1em;
}

a img{
	border:0;
}

input{
	border:0;
	padding:3px;
	width:170px;
}

input.button{
	background:#d3bb44;
	padding:3px;
	border:0;
	margin:5px 0 0 0;
	width:80px;
}

h3.storytitle a{
	font-size:14px;
	text-transform:uppercase;
	font-weight:normal;
}

/*---------------------------------------------------------------
Home Page
----------------------------------------------------------------*/
#container{
	width: 5729px;
	height: 590px;
	font-size: 1.1em;
	}
	
#home{
	width: 818px;
	height: 590px;
	background: url(../images/backgrounds/BG_home.gif) top left no-repeat;
	float: left;
	}
	
	
#home h2{
	background:url(../images/titles/henrie2.gif) top left no-repeat;
	width: 627px;
	height: 80px;
	}

#home h2 { position: relative; left: 40px; top: 440px; }


#navigation{
	position:fixed;
	top:0;
	left:0;
}

#navigation ul{
	padding:10px;
}


#navigation li{
	display: inline;
}

#navigation li a{
	display: block;
	float: left;
	color: #FFF;
	padding: 5px;
	text-decoration: none;
	text-transform: uppercase;
}



#navigation li.home-nav a{background:#fff; color:#231f20;}
#navigation li.about-nav a{background:#222;}
#navigation li.gallery-nav a{background:#373737;}
#navigation li.diary-nav a{background:#758688;}
#navigation li.commissions-nav a{background:#d2bb43;}
#navigation li.contact-nav a{background:#f8d207;}

#navigation li.home-nav a:hover, #navigation li.about-nav a:hover, #navigation li.gallery-nav a:hover, #navigation li.diary-nav a:hover, #navigation li.commissions-nav a:hover, #navigation li.contact-nav a:hover{
	background: #231f20;
}


#about{
	width: 874px;
	height: 590px;
	background:url(../images/backgrounds/BG_about.gif) top left no-repeat;
	float: left;
	}
	
#aboutcontent {
	padding: 95px 0px 0px 170px;
	width: 340px;

}
	
#about h2{
	background:url(../images/titles/abouthenrie.gif) top left no-repeat;
	width: 276px;
	height: 84px;
	padding:0 0 22px 0;
	}
	
	

#about p { 
	padding: 6px 0 0 0;
	
	}
	
		
#gallery
{
	width: 1041px;
	height: 570px;
	background:url(../images/backgrounds/BG_gallerytitle.gif) 0 505px no-repeat;
	float: left;
	padding: 40px 0 0 190px;
}
	
#gallery h2{
	background:url(../images/titles/gallery.gif) top left no-repeat;
	width: 317px;
	height: 98px;
	}
	
#gallerycontent{
	padding: 35px 0 0 20px;
	width: 670px;
}

#abstract, #landscape, #decoupage{
	width:300px;
	margin-right:20px;
	float:left;
	padding-top:10px;
}

#abstract h2{
	background:url(../images/titles/abstract.gif) top left no-repeat;
	width: 70px;
	height: 20px;
}

#landscape h2{
	background:url(../images/titles/landscape.gif) top left no-repeat;
	width: 70px;
	height: 20px;
}


#decoupage h2{
	background:url(../images/titles/decoupage.gif) top left no-repeat;
	width: 70px;
	height: 20px;

}

#galleryimages{
	width: 1041px;
	height: 327px;
	padding-left:20px;
}
	
#galleryimages li{
	display:inline;
	list-style:none;
}
	
#galleryimages a{
	border:0;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
}
	

	
#diary{
	width: 811px;
	height: 590px;
	background:url(../images/backgrounds/BG_diary.gif) top left no-repeat;
	float: left;
	}
	
#diarycontent{
	padding: 108px 0 0 410px;
	width: 340px;

}
	
#diary h2{
	background:url(../images/titles/diary.gif) top left no-repeat;
	width: 291px;
	height: 98px;
	}
	
#diary p { 
	padding: 6px 0 0 0;
	
	}
	
#diarycontent img{
	margin:10px 0 10px 0;
	width:375px;
}	


a img.takeajourney, #gallerycontent a img.takeajourney, #diarycontent a img.takeajourney{
	width:114px;
	height:17px;
	margin-top:20px;
}

#commisions{
	width: 792px;
	height: 590px;
	background: url(../images/backgrounds/BG_COMMISIONS.gif) top left no-repeat;
	float: left;
	}
	
#commisionscontent{
	padding: 68px 0 0 345px;
	width: 440px;

}
	
#commisions h2{
	background: url(../images/titles/commisions.gif) top left no-repeat;
	width: 429px;
	height: 98px;
	}

#commisions h3.storytitle{
	padding-top:20px;
}
	
#contact{
	width: 1100px;
	height: 590px;
	background:  url(../images/backgrounds/BG_contact.gif) top left no-repeat;
	float: left;
	padding: 0 0 0 10px;
	}
	
#contactcontent{
	padding: 275px 0 0 419px;
}
	
#contact h2{
	background: url(../images/titles/contacthenrie.gif) top left no-repeat;
	width: 362px;
	height: 98px;
	}

#newsletter{
	padding-top:20px;
}
	
#contact p{
	text-align:left;
	width:500px;
	display:block;
	}

#contact h2.newsletter, #newsletter h2{	
	background:  url(../images/diary/title_news.gif) top left no-repeat;
	width:73px;
	height:9px;
	padding-bottom:10px;
}

#contact form, #newsletter form{
	background:#302d2e;
	width:181px;
	padding:10px;
}



/*---------------------------------------------------------------
Diary
----------------------------------------------------------------*/

#diary-container{
	width: 760px;
	margin: 0 auto 0 auto;
}

#diary-content{
	width: 478px;
	float: right;
	padding:0 20px 0 20px;

}

#diary-navigation{
	width: 240px;
	float: left;
	padding-top:54px;
}

#diary-navigation li a{
	font-size:1.1em;
	text-transform:capitalize;
	color:#748688;
}

#diary-navigation ul{
	padding:10px 0 20px 0;
	list-style:none;
}

#diary-navigation li{
	line-height:1.6em;
}

#diary-content h2{
	background: url(../images/diary/title.gif) top left no-repeat;
	width: 356px;
	height: 140px;
}

#diary-content img{
	margin:10px 0 10px 0;
}

h2.title-archive{
	background: url(../images/diary/title_archve.gif) top left no-repeat;
	width: 54px;
	height: 9px;
}

h2.title-categories{
	background:  url(../images/diary/title_cat.gif) top left no-repeat;
	width: 67px;
	height: 9px;
}

h2.title-search{
	background:  url(../images/diary/title_search.gif) top left no-repeat;
	width: 67px;
	height: 12px;
	padding-bottom:10px;
}

label.hidden{
	display:none;
}

#back-navigation, #archives, #categories, #search{
	border-bottom:#322f2f solid 1px;
	padding:15px 0 15px 0;
	width:210px;
}

#backlink{
	background:url(../images/diary/butt_back.gif) top left no-repeat;
	width:121px;
	height:14px;
	display:block;
	text-indent:-8000px;
}
.post{
	border-bottom:#322f2f solid 1px;
	padding:15px 0 15px 0;
}

/*-----------------------------------------------------------------
Gallery Lightbox
------------------------------------------------------------------*/



		#gallery-container li{
			list-style:none;
		}

		#gallery-container h1{
			font-size:16px;
		}
		
		#gallery-container span{
			font-size:12px;
			padding:10px 0 10px 0;
		}
		
		
		#gallery-image{
			float:left;
			width:424px;
		}

		#gallery-thumbs{
			float:right;
			width:331px;
		}

		#gallery-desc{
			text-align:center;
			padding:10px 0 10px 0;
		}

		#main-image
		{
			width : 100%; 
			min-height: 424px;	
			float: left;
		}

		.galleria{list-style:none;width:360px;}
		.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
		.galleria li a{display:none}
		.galleria li div{position:absolute;display:none;top:0;left:180px}
		.galleria li div img{cursor:pointer}
		.galleria li.active div img,.galleria li.active div{display:block}
		.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
		.galleria li .caption{display:block;padding:10px 0 10px 0; font-size:14px;}
		* html .galleria li div span{width:400px} /* MSIE bug */
		
		#gallery-container
		{
			width:810px;
			
		}
		
		#showGallery
		{
			position:absolute;
			top:0;
			left:2000px;
			overflow:hidden;
			display:none;
			width:810px;
			margin: 0 auto;
			padding: 5px 5px 5px 10px;
			top: 70px;
			height: auto;
			z-index: 501;
			background:#fff;
			border:solid 1px #ccc;
			opacity: 1;
		}
		
		#overlay
		{
			position:absolute;
		    top: 0;
		    left: 0;
		    z-index: 100;
		    width: 500%;
		    height: 100%;
		    background-color: #fff;
		    filter:alpha(opacity=60);
		    -moz-opacity: 0.9;
		    opacity: 0.9;
		    display: none;
		 }
		
		#galleryTitleBox
		{
			height: 30px;
			width: 100%
			border-bottom: 1px dotted #CCC;
			
		}
		
		#galleryTitle
		{
			padding-bottom: 15px;
			float:left;
			
		}
		
		#closelabel
		{
			float:right;
			cursor: pointer;
		}
		
		#galleryList
		{
			float:right;
			width:360px;
		}