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, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
:focus {outline: 0}
table {border-collapse: collapse; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
strong {font-weight: bold}
em {font-style: italic}
 body {line-height: 1; font: normal 12px Arial, Helvetica, sans-serif; vertical-align: top; color: #000}
.right {float: right}
.left {float: left}
.align-left {text-align: left}
.align-right {text-align: right}
.align-center {text-align:center}
.justify {text-align:justify}
.hide {display: none}
.clear {clear: both}
.bold {font-weight:bold}
.italic {font-style:italic}
.underline {border-bottom:1px solid}
.highlight {background:#ffc}
img.centered {display: block; margin-left: auto; margin-right: auto}
img.alignleft {float:left; margin:4px 10px 4px 0}
img.alignright {float:right; margin:4px 0 4px 10px}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.clearfix {display: block}
html[xmlns] .clearfix {display: block}
* html .clearfix {height: 1%}
.rounded {-moz-border-radius: 14px; -webkit-border-radius: 14px}
 a:link, a:visited {color: #cc3333}
a:hover {color: #111}
a:active {color: #111}
 p, ul, ol {margin-bottom: 18px}
h1 {color: black; font-size: 24px; line-height: 36px; margin-bottom: 18px}
h1.extra-nudge {margin-left: 60px}
h2 {color: black; font-size: 18px; line-height: 18px; margin-bottom: 12px}
h3 {font-size: 12px; line-height: 18px}
li {list-style-type: none}
 #wrapper {padding-bottom: 1px}
#content {min-height: 300px}
 .family-blurb {margin-bottom: 30px; margin-right: 60px}
.family-blurb-text h3{ margin-bottom: 7px}
.family-blurb img.left {margin-right: 30px}
 p.our-story-header-text {margin-left: 50px; margin-bottom: 35px; color: #696969; font-size: 15px; width: 450px}
.our-story-blurb {padding-left:0 !important; padding-right: 160px; border-top-style: solid; margin-bottom: 20px}
.our-story-blurb .yellow-circle {background:none repeat scroll 0 0 transparent; height:auto; margin-right:0; padding-right:0; padding-top:0; vertical-align:middle; width:auto;  }
.our-story-blurb h3 {margin-top: 40px; font-size: 15px; text-transform: uppercase}
.our-story-blurb p {padding: 10px; margin-left: 130px; width: 540px; border-bottom: 1px solid #d7d7d7; padding-bottom: 10px; margin-top: 10px}
.our-story-blurb p img {display: block; border: 3px solid #bdbdbd; margin: 10px auto}
 p.events-sub-header {margin-left: 35px; margin-bottom: 35px; color: #696969; font-size: 15px; width: 450px}
ul.event li {float: left; margin-right: 20px; text-align: left; padding-bottom: 3px}
ul.event {margin-left: 0; margin-bottom: 7px; border-bottom: 1px solid #d1d1d1}
ul.event.last {border-bottom-style: none}
ul.event li.when {width: 170px; margin-top: 13px; color: #5d5d5d}
ul.event li.where {width: 330px; margin-top: 13px; color: #5d5d5d}
ul.event li.what {font-size: 16px; margin-top: 10px}
ul.event li.what p {font-size: 10px}
ul.event li.last {margin-right: 0}
ul.event li img {margin-top: 7px}
ul.event li.number {font-size: 30px; color: #9e9e9e}
 table.data {width: 790px}
.data tbody tr {border-bottom: 1px solid #aaa}
.data tbody tr.last, #rsvp table tbody tr.last {border-bottom: none}
.data tbody tr td {vertical-align: middle; padding-bottom: 5px; padding-top: 5px}
.data tbody tr td.store-image {padding-right: 17px; width: 1px}
.data tbody tr td.store-image img {border: 4px solid #aaa}
.data tbody tr td.number {padding-right: 20px; font-weight: bold; font-size: 32px; color: #aaa; width: 1px}
.data tbody tr td.what a {text-decoration: none}
.data tbody tr td.what a span {font-weight: bold}
.data tbody tr td.what {font-weight: bold; font-size: 15px; text-transform: uppercase}
.data tbody tr td.what p {font-weight: normal; font-size: 12px; text-transform: none}
.data tbody tr td.when, td.where {color: #555}
.data tbody tr td.what a {font-size: 12px; text-transform: capitalize; font-weight: normal; font-style: normal; text-decoration: underline; margin-left: 10px}
 .blog-blurb {padding-right: 40px; border-top: 1px solid #c8c8c8; padding-top: 20px; margin-left: 40px; margin-right: 40px}
.blog-blurb.top {border-top:none; margin-top:0; padding-top:0}
.blog-blurb span.blog-blurb-title {font-weight: bold; font-size: 15px; color: #1d85ff}
.blog-blurb div {width: 600px}
.blog-blurb span {color: #686868}
 .guestbook-sub-header {margin-left: 35px; margin-bottom: 35px; color: #696969; font-size: 15px; width: 450px}
#num-comments {font-size: 12px; font-weight: normal}
.guestbook-blurb {border-top: 1px solid #b6b6b6; margin-right: 30px; margin-left: 30px; margin-top: 10px; padding-right: 30px; padding-top: 15px; padding-left: 30px; font-size: 12px; font-weight: normal}
.guestbook-blurb.top {border-top:none; margin-top:0; padding-top:0}
.guestbook-blurb-text h3{ margin-bottom: 7px; color: #426888}
.guestbook-blurb-text p {padding-left: 106px; margin-bottom: 10px; line-height: 18px}
.guestbook-blurb img.left {margin-right: 30px}
#num-comments, #add-your-note {font-weight: normal; font-style: normal; margin-left: 167px}
#add-your-note {}
#inner-content form ul li.submit input {margin-left: 142px; margin-top: 10px}
#guestbook_comment_submit {margin-left: 105px;}
form#add-new-comment li label.upper {font-size: 14px; line-height: 18px; padding-left: 35px; margin-top: 5px; float: left; margin-right: 25px; display: inline; *overflow-x: hidden; width: 50px}
#recaptcha_widget_div {padding-left: 105px}
form#add-new-comment {padding-top: 20px; margin-right: 30px; margin-left: 30px; padding-right: 30px; border-top: 1px solid #aeaeae; margin-top: 10px}
#add-new-comment ul li {margin-bottom: 10px}
#comment-wrapper {margin-top: 60px}
#account #content form input, #account #content form textarea, #account #content form select {display: inline; width: 270px; margin: 0}
textarea#comment {font-size: 13px; padding-left: 01px}
input#user_name {width: 298px; border: 1px solid #787878; margin-left: 2px}
form#add-new-comment li input, form#add-new-comment li textarea {padding: 3px 4px}
form li input {font-size: 16px; vertical-align: middle; padding-left: 0}
 ul#thumbnails {margin-left: 0}
li.individual-thumb {position:relative; float:left; list-style-type:none; width:auto; margin: 0 18px 10px 0}
li.individual-thumb.last {margin-right: 0}
li.individual-thumb a img, li.individual-thumb a:visited img {padding:4px; background-color: #fff}
li.individual-thumb a:hover img, li.individual-thumb a:active img {padding:4px; background-color: #f4f4f4}
li.individual-thumb div.taco {position:absolute; top:22px; left:20px}
li.individual-thumb h2 {margin-bottom:8px}
li.individual-thumb h2 span {padding:3px; color:#FFF; background-color:#000; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
li.individual-thumb div.photo-text h2 span {font-size:80%}
 p.our-story-header-text {margin-left: 50px; margin-bottom: 35px; color: #696969; font-size: 15px; width: 450px}
.yellow-circle h3 {text-align: center; margin-top: 40px; font-size: 15px; text-transform: uppercase}
.our-story-blurb {padding-left: 40px; padding-right: 40px; border-top-style: solid; margin-bottom: 20px}
.our-story-blurb p {padding-right: 20px; width: 540px; border-bottom: 1px solid #d7d7d7; padding-bottom: 10px; margin-top: 10px}
 #rsvp-wrapper {min-height: 320px; font-family: Arial, Helvetica, Geneva, sans-serif; width: 785px; margin-right: auto; margin-left: auto}
#rsvp-form {float: left; width: 400px; text-align: center; margin-left: 25px; margin-top: 25px}
#rsvp-form p {font-size: 13px; line-height: 15px;}
#rsvp-form textarea {margin-bottom: 20px; padding: 5px; height: 80px; width: 385px; border: 2px solid #ff987e}
#rsvp-form h2 {margin-bottom: 20px; font-size: 22px}
#event-details {text-align: center; right: 28px; top: -31px; padding: 10px 20px 20px; margin-right: 20px; margin-top: 20px; margin-left: 42px; background-color: #feb497; max-width:218px}
#event-details ul {margin-top: 30px; font-size: 14px; margin-left: 0px}
#event-details ul li a {color: #FFF; background: #2f2f2f; padding: 0.3em 0.6em; margin-top: 5px; font-size: 13px; max-width: 350px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 0px 1px 1px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 1px 0px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 0px rgba(0,0,0,.1); box-shadow: inset 0 1px 0px rgba(0,0,0,.1); line-height: 24px}
#event-details h3 {margin-bottom: 10px; font-size: 14px}
#rsvp_select {clear:both; position:relative; width:100%}
#rsvp_select p a {display: block; clear: both; margin: 0; padding: 7px 0 6px 10px; font-size: 16px; background-color: #fdfffb; color: #ff744c; text-align: left; cursor: pointer; border: 2px solid #ff987e}
#rsvp_select ul {position: absolute; background: #fff; border: 2px solid #ff987e; border-top: 1px dotted #ff987e; top: 30px; width: 396px; z-index: 2}
#rsvp_select ul li a {display: block; padding: 7px 0 6px 10px; font-size: 16px; width: 382px; text-align: left; color: #ff744c; text-decoration: none}
#num_guests {clear:both; position:relative; width:100%}
#rsvp_select ul li:hover, #num_guests ul li a:hover {background-color: rgba(247,254,160,0.88)}
#num_guests span.right {margin-right: 15px; font-size: 16px}
#num_guests a#quant_guests{ clear: both;border: 2px solid #ff987e; font-size: 16px; background-color: #fdfffb; color: #ff744c; width: 30px; float: right; padding: 7px; cursor: pointer; margin: -8px 0 10px; text-decoration: none}
#num_guests ul {position: absolute; left: 352px; width: 44px; background: #fff; border: 2px solid #ff987e; top: -8px; z-index: 1}
#num_guests ul li a {display: block; font-size: 16px; text-align: center; color: #ff744c; padding-top: 7px; padding-right: 0; padding-bottom: 6px; text-decoration: none}
 #guest_name_all {margin-bottom: 10px}
#guest_name_not_coming {margin-bottom: 6px}
#guest_name_all dd {float: left; margin-top: -2px}
#guest_name_all dt {float: left; margin-bottom:3px}
input.guest_num {border: 2px solid #ff987e; padding: 4px; width: 194px}
div.selector select {font-size:12px !important}
div.selector {font-size:12px !important}
div.selector span {overflow:hidden !important}
.no_meal {width: 388px !important}
  table#registry {width: 790px}
#registry tbody tr {border-bottom: 1px solid #aaa}
#registry tbody tr.last, #rsvp table tbody tr.last {border-bottom: none}
#registry tbody tr td {vertical-align: middle; padding-bottom: 5px; padding-top: 5px}
#registry tbody tr td.store-image {padding-right: 17px; width: 1px}
#registry tbody tr td.store-image img {border: 4px solid #aaa}
#registry tbody tr td.number {padding-right: 20px; font-weight: bold; font-size: 32px; color: #aaa; width: 1px}
#registry tbody tr td.what a {text-decoration: none}
#registry tbody tr td.what a span {font-weight: bold}
#registry tbody tr td.what {font-weight: bold; font-size: 15px; text-transform: uppercase}
#registry tbody tr td.when, td.where {color: #555}
#registry tbody tr td.what a {font-size: 12px; text-transform: lowercase; font-weight: normal; font-style: normal; text-decoration: underline}
 #powered-by-wj {text-align: center;display: block;}
#event-wrapper { width: 98%; margin-top: 8px; margin-bottom: 8px; padding-bottom: 20px; border-bottom: 1px solid #ddd;  padding-top: 20px}
#event-wrapper p {margin-bottom: 8px; font-size: 13px; border-top-style: solid}
#event-wrapper img {z-index: 10; position: relative}
#events-left {width: 44%}
#events-left.no-address {width: 98%}
#events-left h4.cufon {font-size: 22px; margin-bottom: 0px; margin-top: 0px}
#event-right ul.left li a {font-size: 12px; text-decoration: none}
.divider {width: 24px; margin-right: 3%; margin-left: 3%; background-image: url('http://weddingjojo.s3.amazonaws.com/assets/various/divider.gif'); height: 155px}
#event-right {width: 45%; float: left}
#event-right ul.left li.website {text-decoration: underline}
#event-right ul.left li.stong {font-weight: bold}
#event-right ul.left {margin-top: 10px}
#map-frame {background: url('http://weddingjojo.s3.amazonaws.com/assets/various/fame.gif') no-repeat; width: 178px; height: 152px}
.map_canvas {height:130px; margin-left:8px; margin-top:8px; width:156px}
#map_canvas div span, #map_canvas div a.gmnoprint.terms-of-use-link, #menumtctl_main, div.gmnoprint {display:none}
#events-left a {font-weight: bold; font-variant: small-caps; font-size: 18px}
#event-right ul.left li.buttons {margin-bottom: 10px}
#events-left p.time, #event-right a {color: #FFF; background: #7f7679; padding: 0.3em 0.6em; margin-top: 5px; font-size: 15px; max-width: 350px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 0px 1px 1px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 1px 0px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 0px rgba(0,0,0,.1); box-shadow: inset 0 1px 0px rgba(0,0,0,.1)}
.guest_input {clear:both}
#content #photos {text-align: center}
#photos div.ind-photo img{ padding: 8px; border: 1px solid #d4d4d4; background-color: #f2f2f2}
div.ind-photo {padding-bottom: 15px; border-bottom: 1px solid #d8d8d8; margin-bottom: 25px}
div.ind-album a.album-link {width: 135px; height: 135px; display: inline-block; position: relative; z-index: 1}
div.ind-album .image-wrap {background-color:#F2F2F2; border:1px solid #D4D4D4; display:inline-block; padding-bottom:8px; padding-top:8px; width:152px; z-index:5}
img.image-center {position: relative; z-index: 0}
#photos div.ind-photo p {font: normal 15px 'PTSansRegular', helvetica; width: 700px; margin: 10px auto auto}
#photo-albums div.ind-album {display: inline-block; float: left; margin-bottom: 45px; margin-right:35px; text-align:center; width:155px; height:145px}
#photo-albums div.ind-album.last {margin-right: 0}
#photo-albums div.ind-album p {margin-bottom: 0; font: normal 14px/17px 'PTSansRegular', helvetica; text-align: center; margin-top: 4px; max-width:196px; margin-right: auto; margin-left: auto}
#photo-albums div.ind-album a {text-decoration: none}
#photo-albums div.ind-album img:hover {background-color: #ddd}
#pagination {margin-bottom: 20px}
#pagination a {overflow: hidden; height: 37px}
#pagination a img:hover {margin-top: -37px}
h2.travel-header {border-bottom: 1px solid #ddd; margin-bottom: 2px; padding-bottom: 6px}
#events-left h5.cufon {font-size: 18px; margin-bottom: 0px; margin-top: 0px}
#event-wrapper.last {border-bottom: none}
.galleria{list-style:none;width: 13px 0px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px}
 .caption{color:#888;position:absolute;top:250px;left:3px;width:150px;}
#photopage{position:relative;margin-top:2em;}
.gallery{width:130px;float:left;}
.gallery li{width:55px;height:70px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
.gallery li.hover{border-color:#bbb;}
.gallery li.active{border-style:solid;border-color:#222;}
.gallery li div{left:240px}
.gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}
.galleria_container{margin:0 auto 60px auto;width:650px;float:right;}
.nav{padding-top:15px;clear:both;}
.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
.info p{margin-top:1.6em;}
.nav{position:absolute;top:410px;left:0;}
  div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action {background-image: url(http://weddingjojo.s3.amazonaws.com/assets/crop/sprite-aristo.png); background-repeat: no-repeat}
.selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader *{ margin: 0; padding: 0}
  div.selector {background-position: -483px -160px; line-height: 32px; height: 32px}
div.selector span {background-position: right 0px; height: 32px; line-height: 32px}
div.selector select { top: 0px; left: 0px}
div.selector:active, div.selector.active {background-position: -483px -192px}
div.selector:active span, div.selector.active span {background-position: right -32px}
div.selector.focus, div.selector.hover, div.selector:hover {background-position: -483px -224px}
div.selector.focus span, div.selector.hover span, div.selector:hover span {background-position: right -64px}
div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover {background-position: -483px -256px}
div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span {background-position: right -96px}
div.selector.disabled, div.selector.disabled:active, div.selector.disabled.active {background-position: -483px -288px}
div.selector.disabled span, div.selector.disabled:active span, div.selector.disabled.active span {background-position: right -128px}
 div.checker {width: 23px; height: 23px}
div.checker input {width: 23px; height: 23px}
div.checker span {background-position: 0px -320px; height: 23px; width: 23px}
div.checker:active span, div.checker.active span {background-position: -23px -320px}
div.checker.focus span, div.checker:hover span {background-position: -46px -320px}
div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span {background-position: -69px -320px}
div.checker span.checked {background-position: -92px -320px}
div.checker:active span.checked, div.checker.active span.checked {background-position: -115px -320px}
div.checker.focus span.checked, div.checker:hover span.checked {background-position: -138px -320px}
div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked {background-position: -161px -320px}
div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span {background-position: -184px -320px}
div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked {background-position: -207px -320px}
 div.radio {width: 23px; height: 23px}
div.radio input {width: 23px; height: 23px}
div.radio span {height: 23px; width: 23px; background-position: 0px -343px}
div.radio:active span, div.radio.active span {background-position: -23px -343px}
div.radio.focus span, div.radio:hover span {background-position: -46px -343px}
div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span {background-position: -69px -343px}
div.radio span.checked {background-position: -92px -343px}
div.radio:active span.checked, div.radio.active span.checked {background-position: -115px -343px}
div.radio.focus span.checked, div.radio:hover span.checked {background-position: -138px -343px}
div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked {background-position: -161px -343px}
div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span {background-position: -184px -343px}
div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked {background-position: -207px -343px}
 div.uploader {background-position: 0px -366px; height: 32px; font-size: 11px}
div.uploader span.action {background-position: right -494px; height: 24px; line-height: 24px}
div.uploader span.filename {height: 24px;  margin: 4px 0px 4px 4px; line-height: 24px}
div.uploader.focus, div.uploader.hover, div.uploader:hover {background-position: 0px -430px}
div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action {background-position: right -526px}
div.uploader.active span.action, div.uploader:active span.action {background-position: right -558px}
div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action {background-position: right -590px}
div.uploader.disabled {background-position: 0px -398px}
div.uploader.disabled span.action {background-position: right -462px}
  div.selector {font-weight: bold; color: #464545; font-size: 14px; width: 60px}
div.selector select {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; border: solid 1px #fff; width: 190px; height:100%}
div.selector span {padding: 0px 25px 0px 2px; cursor: pointer}
div.selector span {color: #666; width: 158px; text-shadow: 0 1px 0 #fff}
div.selector.disabled span {color: #bbb}
 div.checker {margin-right: 10px}
 div.radio {margin-right: 10px}
 div.uploader {width: 356px; margin-bottom: 20px; cursor: pointer}
div.uploader span.action {text-align: center; text-shadow: rgba(255,255,255,0.5) 0px 1px 0px; background-color: #fff; font-weight: bold; color: #1c4257; width: 83px}
div.uploader span.filename {color: #777; width: 248px; border-right: solid 1px #567c91; font-size: 90%; font-size: 11px}
div.uploader input {width: 190px}
div.uploader.disabled span.action {color: #aaa}
div.uploader.disabled span.filename {border-color: #ddd; color: #aaa}
 .selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus {outline: 0}
 div.selector {position: relative; padding-left: 10px}
div.selector span {display: block; float: left}
div.selector select {position: absolute; opacity: 0}
 div.checker {position: relative; float: left}
div.checker span {display: block; float: left; text-align: center}
div.checker input {opacity: 0; display: inline-block}
 div.radio {position: relative; float: left}
div.radio span {display: block; float: left; text-align: center}
div.radio input {opacity: 0; text-align: center; display: inline-block}
 div.uploader {position: relative; float: left; overflow: hidden}
div.uploader span.action {float: left; display: inline; padding: 4px 0px; overflow: hidden; cursor: pointer}
div.uploader span.filename {padding: 0px 10px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
div.uploader input {opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; float: right}