/* can I get a reeeeset */
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,small,strong,sub,sup,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend{ margin:0; padding:0; font-size:100%; font-weight:inherit; text-align:left; }
fieldset,img,table,tr,td,th,acronym,:link img,:visited img { border:0; }
table { border-collapse:separate; border-spacing:0; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
ul { list-style:none; }
p { margin:1em 0; }
abbr { border-bottom:1px dotted; }
kbd { color:#000; }
hr { display:none; }
input,select,textarea { font-size:100%; }
form label { cursor:pointer; }
strong { font-weight:bold; }
/* structure - site setup */
html { height:100.05%; font-size:62.5%; }
body { height:100%; font-size:1.4em; line-height:1.2em; color:#333; background:#fff url(/site/img/bg.jpg) repeat; font-family:Arial, sans-serif; }
#container { margin:0 auto; width:460px; position:relative; }
#content { position:relative; }
#footer { }
#header { height:170px; }
/* rules */
a { color:#003399; }
a:hover { color:#000; }
h1,h2,h3 { font-size:1.5em; line-height:1.3em; }
fieldset legend { display:none; font-weight:bold; }
fieldset label { display:block; font-weight:bold; }
fieldset span { color:#999; font-style:italic; display:block; }
fieldset input.textbox { padding:5px; width:400px; }
fieldset input.lowlight { color:#ccc; }
fieldset select { padding:5px; }
fieldset textarea { padding:5px; width:400px; height:100px; font:inherit; font-size:1.3em; }
fieldset input.button { padding:5px; }
fieldset input.error { border:solid 1px #cc0000; }
textarea, input, select { border:dashed 2px #9b9b9b; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:1.3em; }
input::-moz-focus-inner { border: 0; }/* hides outline on buttons in FF */
/* common classes/items */
.hide { display:none; }
.lowlight { color:#999; }
.access { padding:10px 20px; height:20px; display:block; position:absolute; top:0; left:-999px; z-index:10; }
.access:focus { left:0; background:#e0e0e0; }
.clear:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* clear float fix */
.clear { display:inline-block; width:100%; }
.brc { color:#555; }
.brc:hover { text-decoration:underline; }
.brc:hover span { color:#ff0000; }
.bubble { padding:10px 15px; background:#fff; position:relative; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.bubble span { height:15px; width:15px; display:block; background:url(/site/img/sprite.png) no-repeat -460px -260px; position:absolute; bottom:-15px; right:15px; }
.bubble.left span { left:15px; background-position:-475px -260px; }
.frame { padding-bottom:23px; background:url(/site/img/shadow.l.png) no-repeat bottom left; }
.frame img { padding:8px; background:#fff; }
.frame.small { padding-bottom:11px; background-image:url(/site/img/shadow.s.png) }
.map, .web { padding-left:25px; position:relative; }
.map span, .web span { width:16px; height:16px; display:block; background:url(/site/img/sprite.png) no-repeat -500px -260px; position:absolute; left:0; top:0; }
.map span { background-position:-516px -260px; }
.divider { width:100%; height:55px; background:url(/site/img/sprite.png) no-repeat center -800px; }
/* header */
#header { background:url(/site/img/leaves.png) repeat-x top center; height:380px; position:relative; }
#header h1 { margin:0 auto; padding-left:35px; width:700px; text-indent:-1000em; }
#header a { width:700px; height:260px; background:url(/site/img/sprite.png) no-repeat 0 0; display:block; position:absolute; top:100px; outline:none; }
/* nav */
#nav { margin-top:20px; height:60px; background:#faf7f2; background:rgba(255,255,255,0.4); }
#nav ul { padding-left:90px; margin:0 auto; width:460px; }
#nav li { margin:20px 30px 0 0; float:left; }
#nav li a { padding:2px 6px; display:block; text-decoration:none; color:#333; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#nav li a:hover,
#nav li.current a { background:#d3dfd0; background:rgba(60,126,75,0.2); color:#333; }
/* content */
#content { font-size:0.9em; margin-bottom:40px; }
#content h2 { margin:40px 0; height:60px; background:url(/site/img/sprite.png) no-repeat 0 -260px; text-indent:-1000em; }
#content .bubble { margin:60px 0; width:400px; }
#content .bubble.left { margin-left:40px; }
/* footer */
#footer { height:215px; width:100%; background:url(/site/img/footer.png) repeat-x -60%; font-size:0.9em; position:relative; }
#footer div { width:100%; position:absolute; bottom:10px; text-align:center; }
#footer div a { margin:20px; color:#fff; }
#footer a.brc { position:absolute; bottom:10px; right:10px; color:#b1b1b1; text-decoration:none; }
/* individual pages */
/* headers */
body.directions #content h2 { background-position:0 -328px; }
body.where #content h2 { background-position:0 -393px; height:66px; }
body.rsvp #content h2 { background-position:0 -463px; }
body.photos #content h2 { background-position:0 -529px; }
/* RSVP */
body.rsvp fieldset p { margin-bottom:40px; }
body.rsvp fieldset p span { margin-bottom:5px; }
body.rsvp fieldset input.button { margin:0 0 0 35px; padding:0; border:0; width:346px; height:74px; display:block; background:url(/site/img/sprite.png) no-repeat 0 -616px; text-indent:-1000em; outline:none; color:transparent; font-size:0px; line-height:0; }
body.rsvp fieldset input.button:active{ background:url(/site/img/sprite.png) no-repeat 0 -700px; }
body.rsvp #confirm p { text-align:center; }
body.rsvp #confirm img { padding:10px; background:#fff; border:dashed 2px #9b9b9b; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:1.3em; }
body.rsvp #errors { font-size:1.1em; font-weight:bold; color:#cc0000; }
/* directions */
body.directions ul { margin:20px 0 40px 0; text-align:center; }
body.directions #links { position:absolute; right:20px; top:385px; }
body.directions #links a { display:block; margin-bottom:10px; }
body.directions .divider { margin:40px 0; }
/* where */
body.where .listing { margin-bottom:50px; }
body.where .listing div.frame { width:220px; margin-bottom:40px; float:left; }
body.where .listing em { margin-bottom:10px; display:block; }
body.where .listing a { margin-bottom:10px; display:block; float:left; }
body.where .divider { margin-bottom:40px; }