@charset "utf-8";
/* CSS Document */

body { 
	background: url(../images/pattern1.gif); 
	font-size:100%; 
	line-height:1.125em; /* 16×1.125=18 */
	padding: 40px;
}

body, p, h1, h2, h3, h4, h5 {
	font-family: "AvantGarde CondBook", helvetica, arial, sans-serif;
	font-weight: normal;
}
h1 { font-size: 2em; color: #3f2714; padding:0; margin:0; }
h2 { font-size: 1.25em; color: #c4dfe0; text-align: center; line-height: 1.5em; }
p, td, label, li {  color: #c4dfe0; }
a { color: #c4dfe0; }
.sm { font-size: .675em !important; } /* small text */

#page { background: #3f2714; width: 1000px; margin: 0 auto; height: 100%; text-align: center; padding: 22px; }

#banner { background: transparent url(../images/banner_long.png) no-repeat 0 0;
	width: 900px;
	height: 90px;
	margin: 0 auto 34px;
	padding-top: 14px; }
#banner h1 { text-align: center; display: block; margin-bottom: 10px;}
#banner p { color: #3f2714; text-align: center; }

#center { margin: 0 auto 0 auto; clear:both; width: 972px; padding:0; }
#home .photo { width: 300px; text-align: center; }
#home #photo1 { float: left; }
#home #photo2 { float: left; margin-left: 24px; }
#home .photo h2 { margin: 0 0 16px 0; }
#home .photo img, #home #sample img { border:3px solid #fff; }
#home .photo p img { border:none; }
#home .curlyframe {
	background: transparent url(../images/vday2009.gif) no-repeat 0 0;
	padding: 2em 0;
	margin-bottom: 1em;
}
#logo { float: left; margin: 0 0 0 32px; }

#bottom { margin: 0 auto 0 auto; clear:both; width: 972px; padding:0; }
#contact { width: 280px; float: left; background-color:#c4dfe0; margin: 22px 0 30px 0; padding:10px;}
#contact h2 { background: transparent url(../images/stayintouch.png) no-repeat center right; text-align: left; height: 44px; padding: 0; line-height:1.5em; font-size: 1.375em; }
#contact p, td { text-align: left; } 
#contact td { padding: 3px; }
#contact a:link {color:#039; text-decoration:none;}
#contact a:visited {color:#036; text-decoration:none;}
#contact a:hover {color:#F90; text-decoration:none;}
#note { float: left; margin: 0px 0 0 25px; text-align: center; width: 300px; }
#sample { width: 300px; float: right; margin: 20px 10px 0 0; text-align: center; }
#sample h2 { background: transparent url(../images/stayintouch.png) no-repeat center right; text-align: left; height: 44px; padding: 0; line-height:1.5em; font-size: 1.375em; }
#footer { clear: both; margin: 30px auto 0; width: 100%; text-align: center; background: transparent url(../images/scroll.gif) no-repeat center top; padding-top: 26px; }


/* sub page standards */
img, div { behavior: url(js/iepngfix.htc) }
.sub #wrap { 
	background:#3f2714;
	width: 758px;
	margin:0 auto;
	padding: 20px;
	position: relative;}

.sub #header { 
	padding-bottom: 20px;
	border-bottom:1px dotted #fff;
	position: relative;
	height: 160px;
	}
	
	#xmas08 #header {
		border: none;
	}

.sub #logo { margin:0; }
.sub h1 { 
	width: 400px; 
	color: #fff;
	position: absolute;
	top: 134px;
	left: 181px;
	z-index: 20;
	line-height: 2em;
	 }
.sub #content { clear: both; position: relative; padding: 20px 0 0; }

.sub .eventListing { width: 400px; }
.sub h2 { font-size: 18px; font-weight: normal; line-height: 18px; margin: 0; width:460px; display:inline; }
.sub h3 { color: #fff; }
.sub .eventListing h3 { font-size: 14px; font-weight: normal; line-height: 14px; margin: 0 0 6px 0; color: #ffc2d9; }
.sub p { margin: 0 0 18px 0; font-size: 14px; color: #fff; }
.sub li { line-height: 1.5em; font-size: 14px; color: #fff; }
.vevent {
	margin-bottom: 2em;
	color: #fff;
	font-weight: normal;
	font-size: 1em;
	}
abbr { border-bottom-width: 0; }

.sub .twocol .col { 
	float: left;
	width: 360px;
	}
.sub .leftCol {
	margin-right: 10px;
	}
	
.sub .callout {
	background: #ada786;
	margin: 1.5em 0;
	padding: 1em 2em;
	}
	
.sub .callout h2, .sub .callout li, .sub .callout p {
	color: #3F2714;
	}

.sub .callout h2 {
	font-size: 28px;
	line-height: 28px;
}
.sub .callout ul { margin-top: 10px; }

.sub #footer { background-image:none; margin:0; }



/* other pages */
#books #header { border-bottom-width: 0; }
#books #content {
	border-top: 4px double #51351e;
	padding-top: 2em;
	}
#books #scroll {
	position: absolute;
	top: -22px;
	left: 176px;
	z-index: 20;
	}
#books .callout {
	background: #C4E0CA url(../images/scroll3.png) repeat-y 98% 0;
	}
#books .twocol li {	font-size: 11px; color: #ada786; }
#books .twocol li strong {	font-size: 14px; color: #fff; }


#wedding #rings {
	position: absolute;
	top: 120px;
	left: 350px;
	z-index: 20;
	}
	
#wedding #content { height: 290px; }

#wedding #marcie {
	position: absolute;
	top: -60px;
	left: 460px;
	z-index: 30;
}

#vday #hearts {
	position: absolute;
	top: 110px;
	left: 396px;
	z-index: 20;
	}
#vday #cardsPhoto {
	position: absolute;
	top: -30px;
	right: 57px;
	z-index: 30;
	}
#vday #poetree {
	position: absolute;
	top: 200px;
	left: 0;
	z-index: 40;
	}
#vday h2 { color: #ff8ac1 !important; }
#vday #event2 {
	margin: 68px 0 0 320px;
	width: 360px;
	}
#vday #event2 h2 { width: 360px; }
#vday #rsvp { 
	border-top:1px dotted #fff; 
	padding: 20px; 
	position: relative; 
	background:#533924;
	margin-top: 20px; }
#vday #rsvp h2 { margin-left: 21px; line-height:21px; font-size:21px; }

#vday_raindate { 
	position: absolute;
	top:0;
	right:0;
	width: 382px;
	height: 209px;
	border:0;
	}


#noteFromTrisha { background: #fffce6; margin:0; padding: 0 22px; }
#noteFromTrisha h2 { color: #3b6d8e; padding: 16px 0; }
#noteFromTrisha p { color: #3b6d8e; font-family: Arial, Helvetica, sans-serif; font-size:1em; }


.popup { background:#3f2714; margin:0 -8px; padding: 4px 22px 22px 22px; }
.popup h2 { padding: 16px 0; font-size: 1.5em !important; }
.popup p, .popup td, .popup li { font-family: Arial, Helvetica, sans-serif; font-size:1em; }
.popup ul { margin: 1em 0 1em 2em; }

#directions table { margin-bottom: 22px; text-align:center; }

/* xmas 07 page styles */
.xmas{ background: #2E1708 url(../images/christmas/brnFlake2_bg.png) repeat 0 0; padding: 0; margin: 0; }
.xmas #header { 
	background: #fff url(../images/christmas/blueFlake_bg.png) repeat-x 0 0;
	border-top: 3px solid #82C0EC;
	position: relative;
	height: 62px;
	margin:0;
	padding:0;  }
.xmas #backTab { 
	background: #385265; 
	width: 65px; 
	text-align: center;
	padding: 4px 0 8px;
	position: absolute;
	z-index: 30; 
	top: 0;
	left: 16px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;  }
.xmas #header img {
	position: absolute;
	z-index: 40;
	top: 20px;
	right: 32px;
	}
.xmas #photoArea {
	border-top: 3px solid #8C7D73;
	position: relative;
	}
.xmas #navTab { 
	position: absolute;
	z-index: 20; 
	top:3px; 
	right:32px; 
	background:#000;
	width: 265px;
/*	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;*/
	}
.xmas #navTab img, .xmas #backTab a { 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}
.xmas #navTab ul { display: block; list-style: none; margin:0 0 0 16px; padding:16px 0 0 0; }
.xmas #navTab li { display: block; margin-bottom: 8px; }

.xmas #photoPile, .xmas #letter { 
	margin: 30px auto;
	width: 801px; }

.xmas #letter { padding-top: 64px; width: 560px; }

.xmas #letter p { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .85em;
	line-height: 1.25em;
	font-weight: normal;
	color: #FFFFFF;
	}
	
	
/* xmas 08 page styles */
#xmas08 #wrap {
	height: 933px;
	width: 780px;
}

#xmas08 #scroll {
	width: 613px;
	height: 713px;
	text-indent: -1000em;
	overflow: hidden;
	background: transparent url(../images/christmas/xmasscroll2008.jpg) no-repeat 0 0;
	position:absolute;
	top:80px;
	right: 23px;
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */