* { margin: 0; padding: 0; }
a, .page a { color: #f79ab2; }

body { background: #181818 url(../gfx/bg.jpg) repeat-y top center; }
div, p, body, span { font-family: helvetica; color: #ffffff; }

.clear { clear: both; }

#main { text-align: center; padding-bottom: 400px; }

#welcome { width: 550px; height: 360px; margin: 150px auto 0 auto; background: url(../gfx/newsprite.png) 0 0 no-repeat; }

#nav { width: 550px; height: 300px; margin: 20px auto 0 auto; }

#nav a { width: 550px; height: 40px; background: url(../gfx/newsprite.png) 0 0; display: block; }
#nav a span { display: none; }
#nav a#nav_wk { background-position: 0 -340px; }
#nav a#nav_travelToAlbuquerque { background-position: 0 -380px; }
#nav a#nav_wedding { background-position: 0 -420px; }
#nav a#nav_registry { background-position: 0 -460px; }
#nav a#nav_rsvp { background-position: 0 -500px; }
#nav a#nav_guestbook { background-position: 0 -540px; }

#nav a#nav_wk:hover { background-position: 0 -587px; cursor: pointer; }
#nav a#nav_travelToAlbuquerque:hover { background-position: 0 -627px; cursor: pointer; }
#nav a#nav_wedding:hover { background-position: 0 -667px; cursor: pointer; }
#nav a#nav_registry:hover { background-position: 0 -707px; cursor: pointer; }
#nav a#nav_rsvp:hover { background-position: 0 -747px; cursor: pointer; }
#nav a#nav_guestbook:hover { background-position: 0 -787px; cursor: pointer; }

#page_wk {  }
#page_travelToAlbuquerque {  }
#page_schedule {  }
#page_rsvp {  }
#page_rsvp .form-wrap { font-size: 20px; }
#page_rsvp .form-wrap label { display: block; font-weight: bold; font-size: 15px; color: #ffffff; padding: 0 0 5px 0; }
#page_rsvp .form-wrap input { font-size: 18px; padding: 6px; width: 245px; background: #000000; color: #f79ab2; border: 2px solid #343434; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#page_rsvp .rsvp-f-name { float: left; width: 280px; text-align: left; }
#page_rsvp .rsvp-l-name { float: left; width: 270px; text-align: left; }
#page_rsvp .button { clear: both; padding: 20px 0 20px 0; }
#page_rsvp .button button { display: block; width: 100%; background: #323232; font-size: 20px; font-weight: bold; color: #cacaca; padding: 10px; border: 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#page_rsvp .button button:hover { background: #f79ab2; color: #000000; cursor:pointer; }

.person-row { background: #010101; color: #ffffff; padding: 8px; text-align: left; font-size: 15px; font-weight: bold; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.person-row .switch { float: left; width: 60px; height: 30px; background: url(/gfx/rsvp-n.gif) no-repeat; }
.person-row .switch:hover { cursor: pointer; }
.person-row .switch.y { background: url(/gfx/rsvp-y.gif) no-repeat; }
.person-row .person-name { float: left; color: #787878; width: 400px; padding: 5px 0 0 0; margin-left: 30px; }
.person-row .person-name.y { color: #ffffff; }

.page { background: #121212; color: #ffffff; padding: 25px; display: block; width: 600px; margin: 20px auto 20px auto; font-size: 14px; line-height: 170%; text-align: left; font-family: helvetica;  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}

.page p { margin: 10px 0 15px 0; color: #cacaca; }

hr { margin: 20px auto 20px auto; border: 0; padding: 0; width: 479px; height: 15px; background: url(/gfx/hr.gif) no-repeat; }

.page h1, .page h2, .page h3, .page h4, .page h5 { margin: 10px 0 5px 0; color: #f79ab2; font-weight: normal; }

.page h1 { font-size: 20px; }
.page h2 { font-size: 18px; }
.page h3 { font-size: 16px; }
.page h4 { font-size: 14px; }
.page h5 { font-size: 12px; }

#rsvp_results_after { font-size: 11px; padding: 10px; }

.admin { width: 400px; margin: 0 auto 0 auto; padding: 20px; background: #121212; }

.admin .person-row { border-bottom: 2px solid #454545; padding: 5px 0 5px 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.admin .person-row .countbox { font-size: 13px; color: #676767; font-weight: bold; text-align: center; float: left; width: 50px;  }
.admin .person-row.updated .countbox { color: #ffffff; }
.admin .persons { }
.admin .persons span.person-name { width: auto; text-align: left; margin: 0 0 0 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 3px; background: #f79ab2; color: #000000; font-size: 10px; font-weight: normal; }

.admin-top { padding: 20px; }

.pics { height: 306px; }

.foot { padding: 50px 0 30px 0; font-size: 12px; font-weight: bold; }

p small { color: #cccccc; }

#dreaduno { width: 661px;height: 229px;z-index: 444;background: url(/gfx/dreadpirateuno.png) no-repeat; }