@font-face { font-family: Foglihten; src: url('fonts/FoglihtenFr02.otf'); } @font-face { font-family: SoftOrnaments; src: url('fonts/Soft Ornaments.ttf'); } body { background-color: #c0c0ce; background: url(images/paper_bg.png) top center fixed; font-family: "Helvetica"; text-align: center; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5); color: #ffffff; font-family: 'Playfair Display', serif; font-size: 24px; } h3 { font-family: "aw-conqueror-carved-one"; font-size: 30px; font-weight: normal; margin: 80px 0px 0px 0px; } h4 { font-family: "aw-conqueror-carved-one"; font-size: 24px; font-weight: normal; margin: 50px 0px 0px 0px; } a { color: #CDEFFF; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5); /* color: #ffee77; color: #F35844; */ text-decoration: none; } a:hover { text-decoration: underline; } div.header { margin: 50px auto 40px auto; top: 0px; bottom: 0px; left: 0px; right: 0px; padding: 0px; width: 1024px; h1 { font-family: "aw-conqueror-carved"; font-size: 60px; margin-top: -60px; font-weight: normal; span.flourish { font-family: SoftOrnaments; color: #9a9aa6; text-shadow: none; position: relative; top: 31px; font-size: 200px; } } p { margin: 0px; } p.super { font-family: 'Playfair Display', serif; font-style: italic; font-size: 24px; } p.date { font-family: "aw-conqueror-carved-one"; font-size: 20px; margin-top: -50px; } } p.hrFlourish { font-family: SoftOrnaments; color: #9a9aa6; text-shadow: none; font-size: 200px; margin: -30px 0px; } hr { border: 0px; border-bottom: 2px solid rgba(255, 255, 255, 0.75); margin-top: 5px; margin-bottom: 5px; } hr.line_1 { border-bottom-width: 1px; width: 600px; } hr.line_2 { border-bottom-width: 2px; width: 300px; } hr.line_3 { border-bottom-width: 4px; width: 200px; } div.subheader { h2 { font-family: "aw-conqueror-carved-one"; font-size: 40px; font-weight: normal; margin: 100px 0px 0px 0px; } p.fs1 { color: rgba(255, 255, 255, 0.25); text-shadow: none; margin: 0px; font-size: 72px; margin-top: -20px; } } div.rsvp_form { font-family: 'Playfair Display', serif; font-size: 20px; width: 700px; margin: 50px auto 40px auto; text-align: left; background: white; padding: 30px 50px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); border: 20px solid #f7f7f7; text-shadow: none; color: #666677; hr { border-bottom: 1px solid #ccccdd; margin: 50px 0px; } p { hr { border: none; margin: 10px 0px; } } a { color: #6666ff; text-shadow: none !important; } ul { list-style-type: none; margin-bottom: 30px; margin-top: -10px; } input { font-family: 'Playfair Display', serif; font-size: 20px; } input[type="checkbox"] { position: relative; top: -3px; } input[type="radio"] { position: relative; top: -3px; } input[type="submit"] { font-family: "aw-conqueror-carved-one"; font-size: 36px; background: #fefefe; border: 5px solid #eeeeff; border-radius: 8px; padding: 8px 32px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); color: #9999ee; } select { font-family: 'Playfair Display', serif; font-size: 20px; overflow: hidden; background-color: #ffffff; border: 1px solid #ccccdd; color: #666677; } p.star { color: #ccccdd; font-size: 48px; text-align: center; } #acceptDiv { } #declineDiv { display: none; } #rsvpButton { color: #ff7766; } } div.content { margin-bottom: 100px; width: 1000px; margin-left: auto; margin-right: auto; div.locationInfo { width: 800px; height: 180px; margin: 45px auto; background: rgba(0, 0, 0, 0.25); border-radius: 12px; p { margin-top: 20px; font-size: 22px; span.time { font-size: 18px; } span.attire { text-transform: uppercase; font-size: 14px; position: relative; top: -4px; } a { } } div.left { width: 375px; float: left; text-align: right; } div.right { width: 375px; float: right; text-align: left; } p.googleMap { height: 200px; width: 350px; margin: 0px auto; overflow: hidden; border-radius: 12px; border: 8px solid white; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); position: relative; top: -18px; } } div.satOptions { width: 800px; margin: 45px auto; h4 { font-size: 30px; font-style: italic; font-weight: normal; margin: 0px; font-family: 'Playfair Display', serif; } p { font-size: 22px; span.time { font-size: 18px; } } div.left { width: 375px; float: left; text-align: right; background: rgba(0, 0, 0, 0.20); padding: 10px; border-radius: 20px; } div.right { width: 375px; float: right; text-align: left; background: rgba(0, 0, 0, 0.20); padding: 10px; border-radius: 20px; } p.googleMap { height: 200px; width: 350px; margin: 0px auto; overflow: hidden; border-radius: 12px; border: 8px solid white; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); } } p.rsvpButton { margin-top: 50px; span.flourish { font-family: SoftOrnaments; color: #9a9aa6; text-shadow: none; position: relative; top: 13px; font-size: 100px; } a { font-family: "aw-conqueror-carved-one"; font-size: 32px; background: #fefefe; border: 5px solid #eeeeff; border-radius: 8px; padding: 8px 32px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20); text-shadow: none; color: #ff7766; } } } div.longText { font-size: 18px; text-align: left; width: 600px; background: rgba(0, 0, 0, 0.20); padding: 1px 40px 40px 40px; border-radius: 20px; li { margin: 15px 0px; } a { font-weight: bold; } } div.clear { clear: both; } div.gifts { }