@font-face {
    font-family: 'CooperMed';
    src: url('/_src/fonts/cooper-webfont.eot');
    src: url('/_src/fonts/cooper-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_src/fonts/cooper-webfont.woff') format('woff'),
         url('/_src/fonts/cooper-webfont.ttf') format('truetype'),
         url('/_src/fonts/cooper-webfont.svg#BitstreamCooperMedium') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'CooperMedItal';
    src: url('/_src/fonts/cooper_italic-webfont.eot');
    src: url('/_src/fonts/cooper_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_src/fonts/cooper_italic-webfont.woff') format('woff'),
         url('/_src/fonts/cooper_italic-webfont.ttf') format('truetype'),
         url('/_src/fonts/cooper_italic-webfont.svg#BitstreamCooperMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Nathan';
    src: url('/_src/fonts/nathan_alternatesse-webfont.eot');
    src: url('/_src/fonts/nathan_alternatesse-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_src/fonts/nathan_alternatesse-webfont.woff') format('woff'),
         url('/_src/fonts/nathan_alternatesse-webfont.ttf') format('truetype'),
         url('/_src/fonts/nathan_alternatesse-webfont.svg#NathanAlternatesSeSexpandedRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

		body{
			position: relative;
			margin: 40px auto;
			width: 890px;
			padding: 0;
			font-family: Geneva, Helvetica, sans-serif;
			font-size: 14px;
			line-height: 16px;
			text-align: center;
			background-color: #fdfdf8;
			color: #503218;
		}
		
		body#page, body#photos{
			margin-top: 0;
			width: 100%;
		}
		
		#content{
			position: relative;
			width: 850px;
			margin: 0 auto 40px auto;
			padding-right: 40px;
			text-align: left;
		}
		
		#body{
			position: relative;
			margin-left: 308px;
		}
		
		#body p{
			margin-bottom: 16px;
		}
		
		#body ul{
			padding: 0;	
			margin: 0;
		}
		
		ol{
			padding: 0;
		}
		
		ol.error{
			color: #cc0000;
		}
		
		p{
			margin: 0 0 14px 0;
		}
		
		h1, h2, h3, h4, h5, h6{
			font-size: 14px;
			font-weight: bold;
			margin: 0 0 16px 0;
		}
		
		h1{
			font-family: 'CooperMed', Georgia, serif;
			font-size: 20px;
			font-weight: bold;
			margin-bottom: 18px;
			text-align: right;
		}
		
		h1 em{
			font-family: 'CooperMedItal';
			font-style: normal;
		}
		
		h1 #amp{
			font-family: 'Nathan';
			font-weight: normal;
			font-size: 30px;
			line-height: 12px;
		}
		
		h1.page{
			margin-top: 30px;
		}
		
		#photos h1{
			text-align: left;
		}
		

		h3{
			margin: 23px 0 8px 0;
			border-bottom: 1px solid #d2cbb9;
		}
		
		.photobox img{
			margin-right: 18px;
			border: 1px solid #eceade;
		}
		
		#messageboard{
			text-align: left;
		}
		
		#card{
			position: relative;
			width: 476px;
			margin-left: 202px;
			background-color: #fffff0;
			border: 1px solid #eceade;
		}
		
		#cardtop{
			position: relative;
			margin-left: 202px;
			width: 476px;
			background: #fbfbf1 url('/wedding/_images/home-shadow.gif') no-repeat center top;
			height: 12px;
			margin-top: 8px;
		}

		#cardbottom{
			position: relative;
			margin-left: 202px;
			width: 476px;
			background: #fbfbf1 url('/wedding/_images/save-shadow.gif') no-repeat center top;
			height: 12px;
			margin-bottom: 8px;
		}
		
		#card p{
			margin: 30px auto;
		}
		
		.column{
			position: absolute;
			z-index: 50;
			top: 186px;
			width: 190px;
			padding-left: 1px;
			float: left;
			text-align: left;
			padding-bottom: 32px;
		}
		
		#page .column{
			top: 16px;
		}

		.left{
			left: 10px;
		}

		.right{
			right: 8px;
		}
		
		.note{
			font-size: 12px;
			line-height: 15px;
		}
		
		.fineprint, #base{
			font-size: 11px;
			line-height: 16px;
		}
		
		.divider{
			position: relative;
			margin: 15px 8px 15px 8px;
			border-bottom: 1px solid #d2cbb9;
			clear: both;
		}
		
		.divider-fancy{
			position: relative;
			height: 40px;
			margin: 0 auto;
			background: transparent url(/wedding/_images/borderdeco.gif) no-repeat center 8px;
		}

		.from{
			margin-top: -16px;
			font-size: 11px;
			text-align: right;
		}
		
		#body em{
			font-family: Georgia, serif;
			font-style: italic;
			font-size: 15px;
			line-height: 15px;
			color: #62472f;
		}
				
		#header{
			width: 100%;
			height: 67px;
			margin: 0 0 44px 0;
			padding: 0;
			background: transparent url(/wedding/_images/page-top.gif) repeat-x left top;
		}
		
		#base{
			position: relative;
			clear: both;
			margin: 0px;
			padding: 32px 0px 0px 0px;
		}
		
		.timestamp{
			font-size: 10px;
			white-space: nowrap;
		}
		
		h2{
			margin: 28px 0 11px 0;
		}
		
		.left h2{
			margin: 34px 0 11px 0;
		}
		
		.left p{
			margin: 0 0 8px 0;
		}
		
		.right p{
			margin: 0 0 22px;
		}
		
		h2#travel{
			margin-top: 28px;
			text-indent: -6500px;
			height: 11px;
			background: url('/wedding/_images/home-travel.gif') no-repeat left top;
		}
		
		h2#wedding{
			text-indent: -6500px;
			height: 11px;
			background: url('/wedding/_images/home-wedding.gif') no-repeat left top;
		}
		
		h2#resources{
			text-indent: -6500px;
			height: 11px;
			background: url('/wedding/_images/home-resources.gif') no-repeat left top;
		}
		
		h2#updates{
			text-indent: -6500px;
			height: 11px;
			background: url('/wedding/_images/home-updates.gif') no-repeat left top;
		}
		
		h2#contact{
			text-indent: -6500px;
			height: 11px;
			background: url('/wedding/_images/home-contact.gif') no-repeat left top;
		}

		table{
			position: relative;
			border-collapse: collapse;
			width: 530px;
			padding: 0;
		}

		td{
			padding: 4px 12px 4px 2px;
			vertical-align: top;
		}
		
		#attire td{
			padding: 4px 8px;
		}
					
		table#loves{
			margin: 0 3px 28px 3px;
		}
		
		#loves tr.name{
			border-bottom: 1px solid #d2cbb9;
			font-weight: bold;
		}
		
		#loves td{
			width: 255px;
		}
		
		#loves .name td{
			padding-bottom: 2px;
		}
		
		#history td.date{
			white-space: nowrap;
			-webkit-text-size-adjust: 130%;
		}
		
		#attire td.casual, td.dressy, td.correct{
			padding: 4px 5px 4px 8px;
			margin-right: 5px;
		}
		
		#attire td.casual{
			background: url('/wedding/_images/attire/gradient-casual.png') repeat-x center top;
			vertical-align: top;
			padding-top: 18px;
		}
		
		#attire td.dressy{
			background: url('/wedding/_images/attire/gradient-dressy.png') repeat-x center bottom;
			vertical-align: bottom;
			padding-bottom: 18px;
		}
		
		#attire td.correct{
			background-color: #02631c;
			vertical-align: middle;
		}
		
		h1.rsvp{
			text-align: left !important;
		}
		
		#rsvp{
			width: 485px;
			margin: 35px auto 38px auto;
		}
		
		#rsvp img{
			border: 1px solid #eceade;
		}
		
		#rsvp table{
			width: 400px;
			height: 159px;
		}
		
		#rsvp .info{
			text-align: left;
		}
		
		#rsvp input{
			font-size: 16px;
			text-align: center;
		}
		
		#rsvp select{
			font-size: 14px;
		}
		
		#rsvp submit{
			font-size: 18px;
		}

		a, a:link, a:visited, a:hover, a:active{
			color: #476600;
			text-decoration: none;
		}
		
		.left a, .left a:link, .left a:visited{
			color: #503218;
			text-decoration: none;
		}
		
		#body a, #body a:link, #body a:visited, #body a:hover, #body a:active,
		#card a, #card a:link, #card a:visited, #card a:hover, #card a:active{
			text-decoration: underline;
		}

		.left a strong, .left a:link strong, .left a:visited strong, .left a:active strong{
			font-weight: normal;
			color: #476600;
		}
		
		a:hover, a:active, .left a:hover, .left a:active, .left a:hover strong, .left a:active strong{
			background: #4d5704;
			color: #afe356;
		}
	
		a.image:hover, a.image:active{
			background: none;
			border: none;
			outline: none;
		}
		
		a.image img{
			border: none;
			outline: none;
		}