/*type:postcard */
#invitation { background: url(backgroundImage.jpg) top center; position: relative; color: #4a5616; font-family: Arial, sans-serif; font-size: 14px; }
#invitation .dateAndTime { display: inline-block; }
#invitation .address span, #invitation.address span { float: left; clear: both; width: 100%; }
#invitation a { color: #b9691e; }
#invitation #event_message, #invitation #event_image, #invitation .countdown, #invitation a.toggle { display: none; }
#invitation .bg_top { left: 0px; top: 0px; position: absolute; height: 480px; width: 980px; }
#invitation .bg_mid { background: url(mainImage.jpg) top center no-repeat; box-shadow: 0px 3px 5px #3c4015; -webkit-box-shadow: 0px 3px 5px #3c4015; -moz-box-shadow: 0px 3px 5px #3c4015; filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=3px, Color='#3c4015')"; -ms-filter: "\"progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=3px, Color='#3c4015')\""; }
#invitation #event_details { width: 100%; left: 0px; top: 16px; position: absolute; }
#invitation #event_details h1 { width: 500px; left: 233px; top: 183px; position: absolute; line-height: 1.2em; text-align: center; color: white; font-size: 18px; font-weight: normal; }
#invitation #event_details .event_info { color: #b9691e; width: 980px; left: 0px; top: 228px; position: absolute; }
#invitation #event_details .event_info li { float: left; clear: both; width: 100%; line-height: 1.3em; padding-bottom: 10px; text-align: left; }
#invitation #event_details .event_info li:after { visibility: hidden; display: block; clear: both; height: 0; font-size: 0; content: " "; }
#invitation #event_details .event_info li strong { float: left; clear: both; width: 100%; color: white; font-weight: normal; }
#invitation #event_details .event_info li div { float: left; clear: both; width: 100%; }
#invitation #event_details .event_info .host_phone { width: 185px; left: 262px; top: 18px; position: absolute; }
#invitation #event_details .event_info .host_phone li { padding-bottom: 3px; }
#invitation #event_details .event_info .host_phone .phone strong { display: none; }
#invitation #event_details .event_info .when_where { left: 480px; top: 18px; position: absolute; width: 276px; }
#invitation #event_details .event_info .when_where li.address { text-align: left; }