/*
	custom.css 	The Bride's Heart
	--------------------------------------
	
	In practice, you simply need to copy the CSS for the element that you want to change (from style.css) and then paste it here.
	
	Prefix the new CSS declaration with .custom, and then make your tweaks as necessary.
*/

/* header */
.custom #header{
	background-image: url(TBH-header.jpg);
	border:none;
	height: 220px;
}

.custom #header h1{
	border:none;
	margin: 0;
	padding: 80px 0 30px 15px;
}
.custom #header a{
    color: #846e80;;
}

.custom #header .description {
color: #b294ac;
margin: 0;
font-size: 2em;
float: none;
	padding: 30px 0 0 25px;
}

/* navigation */
.custom #nav {
font-size: .8 em;
line-height: 1 em;
margin:0;
border: none;
padding: 0;
height:20px;
}

#nav li {
float:left;
list-style:none;
padding:0 10px 0 0;
}

#nav li a {
color:#999;
background:#fff;
font:1.6em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
font-weight:400;
text-decoration:none;
display:block;
margin:1px 2px 0 0;
padding:5px;
}

#nav li a:hover {
background-color:#EFF8FB;
color:#000;
text-decoration:none;
}

#nav li a.active {
background-color:#eee;
color:#444;
text-decoration:none;
}

.clear {
clear:both;
}

/* form */
#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}