/***********************************-*/
/*************************** GLOBALS */
/***********************************-*/
/*** Mustard: C1A900 ***/
/*** Grey: 444 ***/
/*** White: FFF ***/

* {margin: 0; padding: 0;}
body {
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 11px;
	color: #444;	
	background: #FFF;
	line-height: 200%; /* Creates a 5px "padding" top and bottom */
}

#nav_container, 
.photo .caption {
	line-height: 130%; 
}


h1 {
	font-weight: bold;
	font-size: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #DDD;
} 

h3 {
	font-size: 13px;	
	color: #999;
	margin-bottom: 5px;
	text-transform: uppercase;
}

a:link,
a:active,
a:visited {
	color: #C1A900; 
	text-decoration: underline;
}
a:hover {
	color: #444;
	text-decoration: underline;
}
a img { border: none;}

p {
	text-indent: 10px;
	margin-top: 5px;
}
	p.big {}
	p.big:first-letter {}

span { 
	font-size: 10px;
	color: #555;
	text-transform: none;
}

.clear {clear: both;}

/***********************************-*/
/**************************** LAYOUT */
/***********************************-*/
#all_container {
	position: relative;
	margin: 0 auto;
	margin-bottom: 50px;
	padding: 10px 20px 20px 20px;
	width: 800px;
	background: #FFF;
}

/********************** NAV */
#nav_container {
	position: relative;
	background: #FFF;
	display: none;
}

#nav {
	position: relative;
	margin: 0 auto;
	width: 800px;
}

#nav li {
	list-style: none;
	list-style-type: none;
}

#nav li a {
	display: block;
	float: left;
	width: 140px;
	padding-left: 5px;
	margin: 7px 0;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	border-left: 1px solid #C1A900;
}


/********************** HEADER */
#header {
	padding-top: 75px;
	background: url('../img/header.jpg') no-repeat;
}
#big_photo {
	height: 350px;
	background: url('../img/big_photo.jpg') center no-repeat #EEE;
}


/********************** CONTENT */
h2 {
	position: relative;
	float: left;
	width: 158px;
	padding: 15px;
	margin-right: 10px;
	color: #444;
	text-align: center;
	text-transform: uppercase;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

.section {
	margin-top: 30px;
	padding-top: 30px;
}

ul#wedding_info {
	margin-left: 20px;
	font-size: 15px;
	color: #DDD;
	line-height: 180%;
}
ul#wedding_info li {
	list-style-position: inside;	
}

/********************** OUR STORY */
.photo {
	position: relative;
	display: block;
	margin: 10px;
}

.left 	{float: left; margin-left: 0;}
.right 	{float: right; margin-right: 0;}

.photo .caption  {
	position: absolute;
	right: 3px;
	bottom: 7px;
	width: 120px;
	font-style: italic;
	color: #000;
	background: #FFF;
	padding: 5px;
	filter: alpha(opacity=70);
	opacity: .7;
}


/********************** DIRECTIONS */
#directions_form {
	font-size: 10px;	
}

form {
	margin-top: 20px;
}

label {
	font-size: 13px;
	font-weight: bold;
	color: #000;
}
input {
	font-size: 15px;
	padding: 15px 10px; 
	border: 0;
}

input#from {
	float: left;
	width: 410px;
	color: #999;
	background: #EEE;
}	input#from:focus {color: #444;}

input.submit {
	float: right;
	width: 160px;
	color: #FFF;
	cursor: pointer;
	background: #C1A900;
}


/********************** PHOTOS */
#photos a {
	border: 0;
	padding: 0;
	margin: 0;
	text-indent: 0;
	list-style-position: inside;	
}

#photos a img {
	float: left;
	width: 100px;
	margin: 0;
/*	padding: 1px;
	border: 1px solid #DDD;*/
	background: #FFF;
}

a#see_all_photos {
	display: block;
	text-align: center;
	padding: 15px 10px;
	font-size: 15px;
	color: #FFF;
	background: #C1A900;
}

#more_photos {
	text-align: center;	
}
strong.error {color: red;}

/********************** REGISTRY */
#registry_logos a {
	float: left;
	width: 200px;
	height: 57px;
	background-repeat: no-repeat;
	background-position: bottom left;
}
#registry_logos a:hover {
	background-position: top left;
}


/********************** FOOTER */
#footer {
	text-align: right;
	padding: 30px 0;	
}