/* --------- UPDATE INFO -----------------------------------
	
Created: April 18, 2009
Updated by: Peter Gurry, www.gurrydesign.com

--------- CONTENTS --------------------------------------

	============================
	=1: Primary Styles
	============================
	=2: Header & Navigation
	----------------------------
		=2a: Header Structure
		=2b: Navigation Structure
		=2c: Navigation Lists
	============================
	=3: Body
	----------------------------
		=3a: Body Structure
		=3b: Type
		=3c: Images
		=3d: Forms
		=3e: Special Links
	============================
	=4: Footer
	============================
	=5: Misc
	============================
		
--------------------------------------------------------- */



/*	=1: Primary Styles
=============================================== */

* { 
	margin:0;
	padding:0;
}
body {
	background: #341F0A url('bg_main.png') repeat-x top center;
	font:14px/1.5em Georgia, "Times New Roman", Times, serif;
	color:#341f0a ; /* dark grayish purple: 4c3b56; brown: 341f0a */
}
h1 {
	font-size:300%;
	line-height:1.5em; /* otherwise IE leaves the line-height to 300%, I think */
}
h2 {
	font-size:200%;
	margin:0 0 .5em;
	text-indent:-50000px; /* hides the text so the image replacement shows through */
}
h3 {
	font-size:105%;
	line-height:1.5em;
	margin:1em 0 .5em;
	letter-spacing:.05em;
	font-weight:bold;
	font-variant:small-caps;
}
p {
	line-height: 1.5em;
	margin: .5em 0 1em;
}
a {
	font-weight:bold;
	color:#441d5c; /* dark purple */
	text-decoration:none;
}
sup {
	vertical-align:super;
	text-decoration:underline;
	font-size:50%;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color:#4e375c; /* muted purple */
}
em {
	font-style: italic;
}
strong {
	font-weight:bold;	
}
#container {
	width:636px;
	margin:0 auto;
	background: transparent url('bg_container.png') repeat-y top center;
}

/*	=2: Header & Navigation
=============================================== */

/*	=2a: Header Structure
----------------------------------------------- */
#header {
	background: #38210b url('bg_header_married.png') no-repeat top center;
	/* background: #38210b url('bg_header.png') no-repeat top center; */
	height:126px;
}
#header h1 {
	text-indent:-50000px; /* hides the text so that the header bg image shows through */
}

/*	=2b: Navigation Structure
----------------------------------------------- */
#navigation {	
	height:253px;
}
body#rsvp #navigation {	
	background: transparent url('bg_navigation_01.jpg') no-repeat top center;
}
body#rsvp-thanks #navigation {	
	background: transparent url('bg_navigation_05.jpg') no-repeat top center;
}
body#story #navigation {	
	background: transparent url('bg_navigation_02.jpg') no-repeat top center;
}
body#travel #navigation {	
	background: transparent url('bg_navigation_03.jpg') no-repeat top center;
}
body#registry #navigation {	
	background: transparent url('bg_navigation_04.jpg') no-repeat top center;
}
body#photos #navigation, body#photos-engagement #navigation, body#photos-wedding #navigation, body#photos-honeymoon #navigation {	
	background: transparent url('bg_navigation_06.jpg') no-repeat top center;
}


/*	=2c: Navigation Lists
----------------------------------------------- */

#navigation ul {
	list-style-type:none;
	margin:0 0 0 29px;
	position:absolute;
	top:322px;
}
#navigation ul li {
	float:left;
}
#navigation ul li a {
	color:#e9cff9;
	font-weight:normal;
	display:block;
	float:left;
	padding:9px 19px;
	font-size:13px;
	letter-spacing:.05em;
}
ul li a span { /* kerns the A V combination in 'TRAVEL' */
	letter-spacing:-.05em;
}
#navigation ul li a:hover {
	color:#fff;
	background-color:#441d5c;
	border-top:1px solid #cbb4d7;
	border-bottom:1px solid #cbb4d7;
	padding-top:8px;
	text-decoration:none;
}
#navigation ul li.current a, #navigation ul li.current a:hover {
	cursor:default;
	color:#cbb4d7; /* muted purple */
	background-color:#291238;
	border:none;
	padding:9px 19px;
}
/* special navigation for the homepage only */
body#index #body ul {
	background: url('bg_navigation_home.png') no-repeat top left;
	position:relative;
	height:223px;
	width:200px;
	top:50px;
	left:192px;
}
body#index #body ul {
	background: url('bg_navigation_home.png') no-repeat top left;
	position:relative;
	height:248px;
	width:200px;
	top:40px;
	left:200px;
}
body#index #body ul li {
	text-align:center;
	line-height:3.05em;
	font-size:12px;
	letter-spacing:.05em;
}
body#index #body ul li#first {
	padding-top:32px;
}

body#index #body ul li a {
	color:#e9cff9;
	font-weight:normal;
	display:block;
	width:75%;
	margin:0 auto;
}
body#index #body ul li a:hover {
	color:#fff;
	background-color:#441d5c;
	text-decoration:none;
}

/* =3: Body
=============================================== */


/*	=3a: Body Structure
----------------------------------------------- */
#body {	
	background: transparent url('bg_body.png') no-repeat top center;
	padding:30px 45px;
}
body#index #body {
	padding:0 18px 0;
}
/* for the flash on the homepage if you decide to go with it */
body#index #body object {
	padding: 0;
	margin:0;
	height:330px;
}
/* for the div that contains the navigation on the homepage */
body#index #body div {
	background: url('bg_body_home.jpg') no-repeat top left;
	height:330px;
}
div.column {
	width:275px;
	float:left;
	margin-right:15px;
}
div.column.last {
	margin-right:0;
	width:255px
}
body #body div.column ul li {
	margin: .5em 0 1em;
}
body #body div#audio {
	width:77px;
	height:26px;
	float:right;
	margin:-40px 1px 0 0;
}

/* =3b: Type
----------------------------------------------- */
body#rsvp #body h2 {
	background: url('bg_h2.png') no-repeat 0 0;
	height:30px;
}
body#rsvp-thanks #body h2 {
	background: url('bg_h2.png') no-repeat center -150px;
	height:30px;
}
body#story #body h2 {
	background: url('bg_h2.png') no-repeat 0 -30px;
	height:30px;
}
body#travel #body h2 {
	background: url('bg_h2.png') no-repeat 0 -60px;
	height:30px;
}
body#registry #body h2 {
	background: url('bg_h2.png') no-repeat 0 -90px;
	height:30px;
}
body#photos #body h2 {
	background: url('bg_h2.png') no-repeat 0 -120px;
	height:30px;
}
body#photos-engagement #body h2 {
	background: url('bg_h2.png') no-repeat 0 -180px;
	height:30px;
}
body#photos-wedding #body h2 {
	background: url('bg_h2.png') no-repeat 0 -210px;
	height:30px;
}
body#photos-honeymoon #body h2 {
	background: url('bg_h2.png') no-repeat 0 -240px;
	height:30px;
}
p {

}

/* =3c: Images
----------------------------------------------- */
img#collage {
	margin:30px 0 -15px -76px;
}

/* =3d: Forms
----------------------------------------------- */
fieldset {
	margin-bottom:1.5em;
	padding-bottom:1.5em;
	background: transparent url('bg_hr.png') no-repeat bottom center;
}
input {
	border: 1px solid #b0adb3;
	font:bold 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#441d5c;
	padding:7px;
}
fieldset.radios input {
	border:none;
}
form span {
	border: 1px solid #d6d2d9;
	padding:1px;
	background-color:#eee9f1;
	display:block;	
}
label {
	line-height:2em;
	text-transform:lowercase;
	font-variant:small-caps;
	letter-spacing:.04em;
	font-size:105%;
}
form table td {
	padding-right:3em;
}
input.button {
	height:32px;
	width:59px;
	border:none;
	margin:0;
	padding:0;
	float:left;
}
label.error {
	font-weight:bold;
}
.error span {
	border-color:#dfcbcb;
}
.error input {
	border-color:#900;
}
.invisible {
	display:none;
}
.visible {
	display:block;
	color:#900;
	font-weight:bold;
	font-style:italic;
	float:left;
	margin-left:1.5em;
	margin-bottom:0;
	padding-left:3em;
	border-left:1px dotted #D6D2D9;
	background: url('icon_warning.png') no-repeat 1.4em center;
}

/* =3e: Special Links
----------------------------------------------- */

a#target {
	text-indent:-50000px;
	display:block;
	width:190px;
	height:57px;
	background: url('bg_registry.png') no-repeat top left;
	float:left;
}
a#target:hover{
	background-position:bottom left;
}
a#williams {
	text-indent:-50000px;
	display:block;
	width:356px;
	height:57px;
	background: url('bg_registry.png') no-repeat top right;
	float:left;
}
a#williams:hover{
	background-position:bottom right;
}
a#amazon {
	text-indent:-50000px;
	display:block;
	width:194px;
	height:56px;
	background: url('bg_registry_amazon.png') no-repeat top left;
}
a#amazon:hover{
	background-position:bottom left;
}

/* big ole photo buttons */

a#btn-engagement, a:visited#btn-engagement {
	display:block;
	margin-top:15px;
	width:195px;
	height:83px;
	text-indent:-500000px;
	background:url(bg_btn_photos.png) no-repeat left top;
	float:left;
}
a:hover#btn-engagement {
	background-position:left bottom;
}

a#btn-wedding, a:visited#btn-wedding {
	display:block;
	margin-top:15px;
	width:159px;
	height:83px;
	text-indent:-500000px;
	background:url(bg_btn_photos.png) no-repeat -195px top;
	float:left;
}
a:hover#btn-wedding {
	background-position:-195px bottom;
}

a#btn-honeymoon, a:visited#btn-honeymoon {
	display:block;
	margin-top:15px;
	width:191px;
	height:83px;
	text-indent:-500000px;
	background:url(bg_btn_photos.png) no-repeat -354px top;
	float:left;
}
a:hover#btn-honeymoon {
	background-position:-354px bottom;
}

/* previous and next buttons for photo pages */

p.nav {
	height:32px;
	margin:0 0 22px;
	padding:0 126px; /* centers the next and previous buttons */
}
.nav a, body#photo #nav a:visited {
	height:32px;
	background:url(bg_previous_next_btn.png) no-repeat top left;
	display:block;
	text-indent:-50000px;
	float:left;
}
.nav a#previous {
	width:161px;
	background-position:top left;
}
.nav a:hover#previous {
	background-position:bottom left;
}
.nav a#next {
	width:128px;
	background-position:top right;
}
.nav a:hover#next {
	background-position:bottom right;
}


/* =4: Footer
=============================================== */
#footer {	
	background: transparent url('bg_footer.png') no-repeat top center;
	height:194px;
}
body#index #footer {	
	background: transparent url('bg_footer_short.png') no-repeat top center;
	height:137px;
}
#footer a {
	font-size:80%;
	font-weight:normal;
	font-family:tahoma, verdana, sans-serif;
	color:#583E25;
	display:block;
	padding-top:110px;
	text-align:center;
	width:220px;
	margin:0 auto;
}



/* =5: Misc
=============================================== */

.amp {
	font-size:105%;
	font-family:Baskerville,"Goudy Old Style","Palatino Linotype",Palatino,Georgia,serif;
	font-style:italic;
	font-weight:normal;
}
.last {
	background:none;
	margin-bottom:-5px;
	padding-bottom:0;
}
form table td.last {
	padding-right:0;
}
.right {
	text-align:right;
}
img.right {
	float:right;
	margin: 5px -94px 5px 5px;
}
img.left {
	float:left;
	margin: 5px 5px 5px -77px;
}
iframe {
	border:1px solid #b0adb3;
	padding:1px;
}