/*

Title: Matt & Sara
Author: Matthew Sanders
Email: hello@mcsanders.com

www.matthewcade.com

---------------------------------------------------------------------- */

@import url("reset.css");


@font-face {
	font-family: 'ChunkFive';
	src: url('http://matthewnsara.com/styles/typefaces/chunkfive.eot');
	src: local('ChunkFive'), local('ChunkFive'), url('http://matthewnsara.com/styles/typefaces/chunkfive.woff') format('woff'), url('http://matthewnsara.com/styles/typefaces/chunkfive.ttf') format('truetype'), url('http://matthewnsara.com/styles/typefaces/chunkfive.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BodoniHighlightICGRegular';
	src: url('http://matthewnsara.com/styles/typefaces/bodoni_highlight_icg-webfont.eot');
	src: local('☺'), url('http://matthewnsara.com/styles/typefaces/bodoni_highlight_icg-webfont.woff') format('woff'), url('http://matthewnsara.com/styles/typefaces/bodoni_highlight_icg-webfont.ttf') format('truetype'), url('http://matthewnsara.com/styles/typefaces/bodoni_highlight_icg-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* =BODY
---------------------------------------------------------------------- */

html { height:100%; background:#040302 url(img/page-bg.jpg) center 135px repeat; }
body { width:100%; height:100%; background:transparent; position:relative; float:left; font:normal normal normal 62.5%/1.8em garamond,georgia,times,serif; color:#222; }

/* =LAYOUT
---------------------------------------------------------------------- */

.wrapper { width:100%; background:url(img/leaves.png) center 130px no-repeat; float:left; }

.frame { width:960px; padding:194px 0 0 0; margin:0 auto; }

header { width:100%; height:154px; background:url(img/head-bg-tile-shadow.png) left top repeat-x; position:fixed; top:0; /*z-index:999;*/ }
header div { width:960px; margin:0 auto; }

section#introduction { width:100%; margin:-194px 0 194px 0; padding:194px 0 0 0; float:left; }
section#story { width:100%; margin:-194px 0 194px 0; padding:194px 0 0 0; float:left; }
section#photography { width:100%; margin:-194px 0 194px 0; padding:194px 0 0 0; float:left; }
section#photography p { width:280px; float:left; padding:0 46px 0 0; margin:0 0 0 -0.4em; }
section#photography p:first-child { padding:0 0 0 0.4em; }
section#photography p img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
section#photography p img:hover { opacity:0.9; }
section#venue { width:100%; margin:-194px 0 194px 0; padding:194px 0 0 0; float:left; }
section#rsvp { width:100%; margin:-194px 0 194px 0; padding:194px 0 0 0; float:left; }
section#registry { width:100%; margin:-194px 0 194px 0; padding:194px 0 0 0; float:left; }

#footer { width:900px; background:#271f13; padding:2em; margin:4.5em 0 0 0; float:left; position:relative; }

/* =NAVIGATION
---------------------------------------------------------------------- */

nav { display:block; padding:5.8em 0 0 0; }
nav ul { width:auto; height:27px; background:url(images/nav-bg.png) right top no-repeat;  list-style:none; margin:0; padding:0; float:right; }
nav li { display:block; list-style:none; position:relative; padding:0; margin:0; float:left; }
nav li a:link,
nav li a:visited { display:block; height:27px; background:#23201e; color:#fdf9ef; font:normal normal normal 1.22em/31px 'ChunkFive', "Rockwell",georgia,times,serif; padding:0 13px 0 13px; margin:0 0 0 0.9em; text-decoration: none; text-transform:uppercase; -webkit-border-radius:2px; -moz-border-radius:2px; letter-spacing: 0.1em; border:0; float:left; } 
nav li a:focus { outline: 1px dotted invert; }
nav li a:active,
nav li a:hover,
nav li.selectedPage a,
nav li.selectedPageRoot a { background:#d78c6b; -webkit-transition: color, background-color 0.3s ease-out; -moz-transition: color, background-color 0.3s ease-out; }

/* =CONTENT
---------------------------------------------------------------------- */

h1 { color:#000000; font:normal normal normal 3.4em/2em 'BodoniHighlightICGRegular', 'ChunkFive', "Rockwell",georgia,times,serif; text-transform:uppercase; padding:0 0 0.5em 0; margin:0.5em 0 0 0; text-shadow: #d3a970 0px 2px 1px; }
h2 { color:#000000; font:normal normal normal 3em/2em 'BodoniHighlightICGRegular','ChunkFive', "Rockwell",georgia,times,serif; text-transform:uppercase; margin:0 0 0.5em 0; padding:0; margin:0.5em 0 0 0; text-shadow: #d3a970 0px 2px 1px; }
h3 { color:#000000; font:normal normal normal 2.6em/2em 'BodoniHighlightICGRegular','ChunkFive', "Rockwell",georgia,times,serif; text-transform:uppercase; margin:1em 0 0.5em 0; padding:0; margin:0.5em 0 0 0; text-shadow: #d3a970 0px 2px 1px; }
h4 { color:#000000; font:normal normal normal 18px/1em 'ChunkFive', "Rockwell",georgia,times,serif; text-transform:uppercase; margin:0; padding:0 0 1em 0; margin:0.5em 0 0 0; text-shadow: #d3a970 0px 2px 1px; }
h5 { color:#000000; font:normal normal normal 14px/2em 'ChunkFive', "Rockwell",georgia,times,serif; text-transform:uppercase; margin:0 0 0.5em 0; padding:0; margin:0.5em 0 0 0; text-shadow: #d3a970 0px 2px 1px; }
h6 { color:#000000; font:normal normal normal 12px/1em 'ChunkFive', "Rockwell",georgia,times,serif; text-transform:uppercase; margin:0 0 0.5em 0; padding:0; margin:0.5em 0 0 0; text-shadow: #d3a970 0px 2px 1px; }

header h2 { margin:0 !important; padding:0 !important; background:none; }
header h2 span a { display:block; width:149px; height:89px; background:url(img/logo.png) left top no-repeat; text-indent:-500em; overflow:hidden; float:left; cursor:pointer; margin:0.5em 0 0 0; border:0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
header h2 span a:hover { opacity:0.8; }

hr {display: none;}

p { font-size:1.1em; line-height:1.4em; padding:0 0 1em 0; }

blockquote { color:#6f4c2a; font-size:1.1em; font-weight:bold; }

section { font-size:1.5em; line-height:1.5em; padding:0 0 1.5em 0; }
small { font-size:0.9em; }

.center { display:block; width:auto; margin:0 auto; }

.mainPhoto { padding:3em 0 0 0; -webkit-transition: all 0.8s ease-in-out; }
.mainPhoto:hover { padding:3em 0 0 0;/* -webkit-transform: translate(-20em,1em);*/ }

.rings { margin:-13em 0 0 25em; float:left; }

section#introduction h1.introduction-title { display:block; width:329px; height:266px; background:url(img/introduction-title.png) left top no-repeat; text-indent:-500em; overflow:hidden; margin:0 0 0 5.6em; padding:0; border:0; -webkit-transition: all 0.8s ease-in-out; }
section#introduction h1.introduction-title:hover { /*-webkit-transform: rotate(35deg);*/ }

section .left { width: 480px; float:left; }
section .right { width: 380px; float:right; }

section#registry ul { display:block; float:left; padding:4em 0 0 2em; }
section#registry ul li { display:block; float:left; padding:0 0 0 3em; }
section#registry ul li a { display:block; float:left; text-indent:-1000em; overflow:hidden; -webkit-transition: all 0.3s ease-in-out; opacity:1; }
section#registry ul li a:hover, section#registry ul li a:focus { opacity:0.7; }
section#registry ul li.bbb a { width:138px; height:44px; background:url(img/img_bedbath.png) left top no-repeat; }
section#registry ul li.crateBarrel a { width:159px; height:23px; background:url(img/img_cratebarrel.png) left top no-repeat; margin:0.7em 0 0 0; }
section#registry ul li.potteryBarn a { width:222px; height:15px; background:url(img/img_potterybarn.png) left top no-repeat; margin:1em 0 0 0; }
section#registry ul li.target a { width:133px; height:29px; background:url(img/img_target.png) left top no-repeat; margin:0.5em 0 0 0; }

/* =LINKS
-----------------------------------------------------------------------*/

a,a:link,a:visited { color: #983e0c; text-decoration:none; }
a:hover, a:active { color: #983e0c; }
a img { border:0 !important; }

.button { height: 27px; background:url(images/button-left.png) left top no-repeat; float:left; margin: 0 25px 0 -0.1em; padding:0; cursor:pointer; }
.button a { display: block; height: 27px; background:url(images/button-right.png) right top no-repeat; float:left; padding: 0 15px 0 15px; margin: 0 -13px 0 0; cursor:pointer; font:bold normal normal 11px/27px "Helvetica Neue", helvetica,arial,sans-serif; text-decoration:none; color:#6a4921 !important; border:0 !important; }
.button:hover,
.button .sfhover { background-position:left bottom; }
.button a:hover { background-position:right bottom; }

.Bigbutton { height: 32px; background:url(images/big-button-left.png) left top no-repeat; float:left; margin: 0 25px 0 -0.1em; padding:0; cursor:pointer; }
.Bigbutton a { display: block; height: 32px; background:url(images/big-button-right.png) right top no-repeat; float:left; padding: 0 17px 0 17px; margin: 0 -13px 0 0; cursor:pointer; font:bold normal normal 13px/32px "Helvetica Neue", helvetica,arial,sans-serif; text-decoration:none; color:#6a4921 !important; border:0 !important; }

input.button { background:url(images/signupbutton.png) left top no-repeat; display:block; float:left; border:0; width:72px; height:27px; font:bold normal normal 11px/27px "Helvetica Neue", helvetica,arial,sans-serif; color:#6a4921; cursor:pointer; }


/* =Footer
--------------------------------------- */



/* 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 */