/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
 * :focus { outline: 0; } 
 

/* TYPE & LAYOUT */
strong { font-weight:bold;  }
em, i { font-style:italic; }
.boldital { font-style:italic; font-weight:bold; }
p {padding:3px 0 12px 0}

body { background:url(../assets/firefly_and_mouser_wedding_announcement.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
 text-align:center; overflow:hidden}
  
hr {border:0; color:#E0CED3; background-color:#E0CED3; height:1px; margin-top:10px; margin-bottom:10px; width:100%}

.announce { padding:30px; background: rgba(255,255,255,0.2); border-top:1px solid #ddd; border-bottom:1px solid #ddd; position:relative; top:60px; overflow:hidden;
font:20px/28px Parisienne, Tahoma, Geneva, sans-serif; color:#fff; letter-spacing:1px; display:none  }
h1 {font-size:38px; line-height:56px; padding:0 250px 10px 250px; text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;}
h2 {font-size:16px; padding-bottom:20px; font-family:Tahoma, Geneva, sans-serif}
strong {font-size:24px}
#countbox1 {font-size:24px}
.moogles {background:url(../assets/moogles2.png) no-repeat right center; position:absolute; top:50px; right:-214px; width:214px; height:200px; z-index:-10  }
.moogles2 {background:url(../assets/moogles.png) no-repeat right center; position:absolute; top:50px; left:-214px; width:214px; height:200px; z-index:-10 }
.moogles3 { position:absolute; bottom:300px; right:0; opacity:0}
.moogles3 a, .moogles3 a:visited {display:block; background:url(../assets/moogle_sm.png) no-repeat right top; width:105px; height:170px; padding:30px 100px 0 0; color:#fff; text-decoration:none; font:20px/26px Parisienne, Tahoma, Geneva, sans-serif; text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;}
.moogles3 a:hover {background-position:right -200px; text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #ffc;}