/* 
	Resets default browser settings
	reset.css
*/

@font-face {
    font-family: 'CrimsonSemibold';
    src: url('Crimson-Semibold-webfont.eot');
    src: url('Crimson-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Crimson-Semibold-webfont.woff') format('woff'),
         url('Crimson-Semibold-webfont.ttf') format('truetype'),
         url('Crimson-Semibold-webfont.svg#CrimsonSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KirimomiSwashItalic';
    src: url('kirimomiswash-webfont.eot');
    src: url('kirimomiswash-webfont.eot?#iefix') format('embedded-opentype'),
         url('kirimomiswash-webfont.woff') format('woff'),
         url('kirimomiswash-webfont.ttf') format('truetype'),
         url('kirimomiswash-webfont.svg#KirimomiSwashItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AllerLightRegular';
    src: url('aller_lt-webfont.eot');
    src: url('aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_lt-webfont.woff') format('woff'),
         url('aller_lt-webfont.ttf') format('truetype'),
         url('aller_lt-webfont.svg#AllerLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SteelfishBold';
    src: url('steelfish_bd-webfont.eot');
    src: url('steelfish_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('steelfish_bd-webfont.woff') format('woff'),
         url('steelfish_bd-webfont.ttf') format('truetype'),
         url('steelfish_bd-webfont.svg#SteelfishBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MontserratRegular';
    src: url('montserrat-regular-webfont.eot');
    src: url('montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('montserrat-regular-webfont.woff') format('woff'),
         url('montserrat-regular-webfont.ttf') format('truetype'),
         url('montserrat-regular-webfont.svg#MontserratRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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,sup,tt,var,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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; font-family:'AllerLightRegular', Arial, sans-serif;
	font-size: 14px; 
	}
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
p {
	font-family:'AllerLightRegular', Arial, sans-serif;
	font-size: 13px;
	text-align: justify;
	line-height: 18px;
}


/*
	Page style
*/

		h1 span{
	font-family: 'KirimomiSwashItalic', Georgia, serif;
	text-transform: lowercase;
	font-size: 26px;
					}
					
					h2 span{
	font-family: 'KirimomiSwashItalic', Georgia, serif;
	text-transform: lowercase;
	font-size: 30px;
					}
					
					p .intro-accent{
	font-family: 'KirimomiSwashItalic', Georgia, serif;
	text-transform: lowercase;
	/*font-variant: normal;*/
	font-size: 16px;
	}
	
	/*p*/ .intro-accent-ampersand{
	font-family: 'KirimomiSwashItalic', Georgia, serif;
	text-transform: lowercase;
	font-variant: normal;
	font-size: 30px;
	/*vertical-align: middle;*/
	vertical-align: top;
	line-height: 20px;	/*margin-top: -10px;*/
		}
.top {
	margin-top: 30px;
}

	
body { 
	/*font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;*/
	letter-spacing:0;
	color:#434343;
	background:#efefef url(../imgs/background-small.png) repeat top center;
	padding:0px 0;
	/*padding:20px 0; for space at top*/
	position:relative;
	/*text-shadow:0 1px 0 rgba(255,255,255,.8);*/
	/*-webkit-font-smoothing: subpixel-antialiased;*/
}

h1 {
	font-family: 'MontserratRegular', Arial, sans-serif;
	font-size: 27px;
	text-transform: uppercase;
	color: #38180c;
	font-weight: normal;
    font-style: normal;
}

#nav {
	font-family: 'MontserratRegular', Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #615746;
	text-align: center;
	height: 55px;
	padding-top: 23px;
	font-weight: normal;
    font-style: normal;
		/*margin-top: 50px;*/
}

#nav a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
    font-style: normal;
}
#ribbon {
	background-image: url(../imgs/ribbon-c.png);
	width: 1075px;
	height: 77px;
	margin-left: -71px;
	/*margin-left: -50px;*/
	margin-top: 10px;
}
#main-content {
	background-color: #f3f3f3;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}

#logo img {
	margin-right: auto;
	margin-left: auto;
}
#logo {
	width: 629px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
}


#nav a{
	font-family: 'MontserratRegular', Arial, sans-serif;
	color: #615746;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	font-weight: normal;
    font-style: normal;
}

/*#container {
	width:580px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}*/


#container {
	width:940px;
	padding:0px;
	margin:0 auto;
	position:relative;
	z-index:0;
	}
	
.button {
	background-image: url(../imgs/view-our-story-button.png);
	display:block;
	background-repeat: no-repeat;
	height: 44px;
	width: 171px;
	background-position: 0px 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}


.button:hover {
	background-image: url(../imgs/view-our-story-button-s.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 44px;
	width: 171px;
}

/*
	Footer
*/

/*#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
} im naming it intro p*/
#intro {
	text-align:center;
	width:940px;
	margin-top:0px;
	background-image: url(../imgs/invitation-bg.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 355px;
	padding-top: 4.5px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
	
}
#intro p {
	font-family:'CrimsonSemibold', Georgia, serif;
	font-size:15pt;
	color: #38180c;
	font-variant: small-caps;
	text-transform: lowercase;
	line-height: 25px;
	/*margin-top: 30px;*/
	margin-right: 0;
	/* [disabled]margin-bottom: 4.5px; */
	vertical-align: baseline;
	text-align: center;
}
#home {
}
#home #nav .home {
	color: #FFF;
}

#about-us #nav .about-us {
	color: #FFF;
}

#wedding-party #nav .wedding-party {
	color: #FFF;
}

#wedding-events #nav .wedding-events {
	color: #FFF;
}

#hotels-directions #nav .hotels-directions {
	color: #FFF;
}

#photos #nav .photos {
	color: #FFF;
}

#registry #nav .registry {
	color: #FFF;
}

#rsvp #nav .rsvp {
	color: #FFF;
}

#intro-text {
	margin-top: 40px;
	line-height: 25px;
	text-align: center;
}



/*
	Anchors
*/

a:link,a:visited {
	/*color:#599100;*/
	text-decoration:none;
}



a:hover,a:active {
	color:#599100;
	text-decoration:underline;
}
#page-wrap {
	/*width: 960px;*/
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]-moz-box-shadow: 0 10px 7px #808080; */
	/* [disabled]-webkit-box-shadow: 0 10px 7px #808080; */
	/* [disabled]box-shadow: 0 10px 7px #808080; */
	height: 100%;
	/*box-shadow: 0 10px 10px #808080;*/
}
#footer {
	color: #FFFFFF;
	/*background-color: #B3D875;*/
	/*min-height: 45px;*/
	width: 940px;
	background-image: url(../imgs/ribbon.png);
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	background-repeat: no-repeat;
	background-position: -60px 0px;
	font-weight: normal;
	font-style: normal;
}
#footer p {
	text-align: center;
	padding-top: 18px;
	}


#header {
	color: #f6f5f4;
	height: 170px;
	background-image: url(../imgs/header-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#paper-top {
	background-image: url(../imgs/paper-top.png);
	height: 65px;
	background-repeat: no-repeat;
	background-position: center;
}

#paper-middle {
	background-image: url(../imgs/paper-middle.png);
	background-repeat: repeat-y;
	background-position: center;
	background-attachment: scroll;
	clear: both;
}

#box {
	width: 890px;
	margin-right: auto;
	margin-left: auto;
}



#paper-bottom {
	background-image: url(../imgs/paper-bottom.png);
	height: 65px;
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
	padding-bottom: 20px;
}
#col1 {
	float: left;
	}
	
	#col2 {
	float: left;
	}
	
		.float-left {
	float: left;
	}
.weddingpartycol1width {
	width: 410px;
	margin-left: 25px;
}

.weddingpartycol2width {
	width: 410px;
	margin-left: 15px;
}

.registrycol1width {
	width: 50%;
	padding-top: 15px;
	padding-left: 10px;
	}

.registrycol2width {
	width: 45%;
	padding-top: 15px;
	margin-left: 10px;
	}
#registry-container #ul {

}
#registry-container p {
	padding: 40px;
}



.ourstorycol1width {
	width: 345px;
	margin-left: 50px;
}

.ourstorycol2width {
	width: 345px;
	}

h2 img {
	padding-right: 80px;
	padding-left: 80px;
	vertical-align: text-top;
}


#accent-hearts {
	width: 100px;
	/*vertical-align: text-bottom;*/
	}

.top-padding {
	float: left;
	width: 100px;
	padding-top: 30px;
	
}
#story-col1 {
	width: 280px;
	float: left;
	margin-right: 0px;
	padding-top: 20px;
	margin-left: 70px;
}
#text-container {
	margin-right: auto;
	margin-left: auto;
	width: 690px;
	padding-top: 10px;
}


#story-col2 {
	width: 280px;
	float: left;
	margin-top: 38px;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-left: 30px;
}

#sstory-col1 {
	width: 280px;
	float: left;
	margin-right: 0px;
	padding-top: 20px;
	margin-left: 70px;
}
#stext-container {
	margin-right: auto;
	margin-left: 30px;
	width: 690px;
	padding-top: 10px;
}


#sstory-col2 {
	width: 280px;
	float: left;
	margin-top: 37px;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-left: 30px;
}

.story-accent {
	font-size: 16px;
	font-family: 'KirimomiSwashItalic';
	text-transform: lowercase;
}
#essa-story p {
	line-height: 18px;
	padding-top: 10px;
	}

#sabrina-story p {
	line-height: 18px;
	padding-top: 10px;
	}

#essa-story {
	background-image: url(../imgs/essa-how-we-met-bg.png);
	background-repeat: no-repeat;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	clear: both;
	background-color: #F3F3F3;
	background-position: bottom;
	height: 700px;
}

#sabrina-story {
	background-image: url(../imgs/sabrina-how-we-met-bg.png);
	background-repeat: no-repeat;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-color: #F3F3F3;
	background-position: bottom;
	height: 725px;
	margin-top: 20px;
}

#how-we-met-title {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../imgs/how-we-met.png);
	height: 40px;
	clear: both;
	/*margin-top: 10px;*/
	margin-bottom: 10px;
	padding-top: 30px;
	background-repeat: no-repeat;
	background-position: bottom;
}

#how-we-met-anchor {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	height: 5px;
	clear: both;
	}


.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix {
	display: block;
	margin-top: 0px;
	padding-top: 0px;
}
/* close commented backslash hack */
#col1 img {
	padding-bottom: 10px;
}
#col2 img {
	padding-bottom: 10px;
}
h2 {
	font-family: 'SteelfishBold', Verdana, sans-serif;
	color: #684257;
	font-size: 45px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	padding-bottom: 10px;
}
.post-item h2 {
	line-height: 45px;
}

.post-item h3 {
	line-height: 30px;
	vertical-align: middle;
	/* [disabled]padding-top: 3px; */
}



h3 {
	font-family: 'MontserratRegular', sans-serif;
	color: #779b36;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
    font-style: normal;
}

/*h3 a{
	color: #779b36;
	}*/
	
.content-container {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
.content-container img {
	margin-top: 0px;
	padding-top: 0px;
}

.alignleft {
	float: left;
	padding-right: 10px;
	}

.alignleft-center {
	float: left;
	padding-right: 20px;
	padding-left: 40px;
}
.post-item {
	clear:both;
	padding-bottom:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	/*width: 600px;*/
	margin-top: 30px;
	margin-bottom: 0px;
	line-height: 18px;
	font-size: 13px;
}

.post-item-center {
	clear:both;
	padding-bottom:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	width: 600px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 18px;
}
.center {
	text-align: center;
}
.center h2 {
	padding-top: 10px;
}

.opacity:hover{
 opacity:0.8;
 filter:alpha(opacity=80); /* For IE8 and earlier */
 }
#registry-container {
	/* [disabled]background-color: #F3F3F3; */
}

#photo-container {
	/* [disabled]background-color: #F3F3F3; */
}

.directionslink:hover{
opacity:0.9;
 filter:alpha(opacity=90); /* For IE8 and earlier */
 }
 
 .photo-button {
	font-family:'CrimsonSemibold', Arial, sans-serif;
	background-color: #799e38;
	height: 30px;
	width: 170px;
	border: 2px solid #9bbd60;
	color: #FFF;
	font-size:14pt;
	text-transform: lowercase;
	text-align: center;
	}
	
	.photo-button p{
	font-family:'CrimsonSemibold', Arial, sans-serif;
	height: 15px;
	width: 170px;
	color: #FFF;
	font-size:14pt;
	text-transform: lowercase;
	text-align: center;
	margin-top: 7px;	
	}
	
.photo-button span {
	vertical-align: baseline;
	
}
.unavailable {
	background-color: #F0F0F0;
	border: 2px solid #F2F2F2;	
}
.photo-button.unavailable:hover {
	background-color: #F0F0F0;
	border: 2px solid #F2F2F2;
}

.unavailable p{
	font-family:'CrimsonSemibold', Arial, sans-serif;
	height: 15px;
	width: 170px;
	color: #C3C3C3;
	font-size:14pt;
	text-transform: lowercase;
	text-align: center;
	margin-top: 7px;
	}
/*

.photo-button .unavailable:hover {
	background-color: #999;
}*/
/*ul .photo-button {
	float: left;
	margin-right: auto;
	margin-left: auto;	
}*/

ul.photos{
	/*width:750px;*/
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	margin-top: -10px;
}

ul li.photo-button {
	margin: 0 0 0 10px;
	display:inline-block;
	
}

  .photo-button:hover {
	background-color: #5e8321;
	}
#accent-hearts img {
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	position: relative;
}
.infotext {
	width: 300px;
	float: left;
}

.wholetext{
	float: left;
	width: 400px;
	}#registry-container iframe {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.action-button {
	font-family: 'MontserratRegular', sans-serif;
	width: 76px;
	font-size: 25px;
	color:#748b28;
}

.subtext{font-family: 'MontserratRegular', sans-serif;
	font-size: 11px;
	color:#748b28;
}