/* @override http://canyamakeit.dev/inc/css/main.css */

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
   margin:0;padding:0;
} 

html, body, #wrap {
   height: 100%;
   background-color: #1a2a33;
}

body > #wrap {
   height: auto; min-height: 100%;
}

#main {
   padding-bottom: 420px;
}  /* must be same height as the footer */

p, h1, h2, h3, h4, h5, h6 {
	
	color: #9fc0d0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content {
	width: 358px;
	margin: 0 auto;
	position: relative;
}
#rsvp {
	width: 358px;
	height: 600px;
	position: absolute;
	top: -400px;
	background: transparent url('img/ornament-red.png') no-repeat 0 bottom;
	text-align: center;
}
#rsvp .guts {
   padding: 334px 20px 20px;
	/*position: absolute;
	  bottom: 0;
	  width: 100%;
	  margin-bottom: 110px;*/
	/*padding: 144px 20px 20px;*/
}
#rsvp h2 {
	font-style: italic;
	font-size: 34px;
	font-weight: normal;
	color: #fff;
	text-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
	margin-bottom: 15px;
}
#rsvp h2 span {
	font-size: 68px;
	line-height: 90px;
	color: #fff;
	text-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
}

#footer {
	position: relative;
	margin-top: -420px; /* negative value of footer height */
	height: 396px;
	border-bottom: 24px solid #ebf4f7;
	clear:both;
	background: transparent url('img/scene.png') no-repeat top center;
}

.offleft {
	position: absolute;
	left: -999999px;
	width: 999px;
}

/* CLEAR FIX*/
.clearfix:after {
   content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
   display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */