html, body {height: 100%}
body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p {margin: 0; padding: 0}
body, table, tr, td, input, p {font-family: Arial; font-size: 13px; color: #333}
p {line-height: 145%}
a {color: #439db4; text-decoration: none}
a:hover {color: #74cee5}
body {background: #030303 url(/wedding/images/layout/bg.jpg) no-repeat top left; height: 100%}
#pattern {width: 100%; height: 100%; background: url(/wedding/images/layout/pattern.png); padding-bottom: 30px}
#header {width: 820px; background: url(/wedding/images/layout/rings.png) no-repeat top right}
#header p {padding-top: 10px; padding-bottom: 10px}
#middle {width: 860px; background: url(/wedding/images/layout/middle-top.png) no-repeat top center; padding-top: 5px; min-height: 250px; position: relative; top: -5px}
#middle #menu {margin-right: 5px; float: right}
#middle #menu ul, #middle #menu li {list-style: none}
#middle #menu li {background: url(/wedding/images/layout/menu.png) no-repeat top left; width: 120px; height: 65px; float: left; display: inline}
#middle #menu li a {display: inline-block; width: 120px; height: 60px; text-align: center; text-indent: -9999px; overflow: hidden}

#middle #menu .n1 {width: 125px}
#middle #menu .n2 {background-position: -125px 0}
#middle #menu .n3 {background-position: -245px 0}
#middle #menu .n4 {background-position: -365px 0}
#middle #menu .n5 {background-position: -485px 0}

#middle #menu .n1:hover {background-position: 0 -65px}
#middle #menu .n2:hover {background-position: -125px -65px}
#middle #menu .n3:hover {background-position: -245px -65px}
#middle #menu .n4:hover {background-position: -365px -65px}
#middle #menu .n5:hover {background-position: -485px -65px}

#middle #menu .n1:active {background-position: 0 -130px}
#middle #menu .n2:active {background-position: -125px -130px}
#middle #menu .n3:active {background-position: -245px -130px}
#middle #menu .n4:active {background-position: -365px -130px}
#middle #menu .n5:active {background-position: -485px -130px}

#shadow {background: url(/wedding/images/layout/middle-bg-shadow.png) repeat-y; margin-top: 60px; padding-left: 5px; overflow: visible; width: 860px}
#content {background: #efefef url(/wedding/images/layout/middle-bg-tile.png) no-repeat; width: 800px; min-height: 250px; padding: 25px; padding-top: 20px; display: table}
  #content .left {width: 528px; float: left; margin-right: 19px}
  #content .right {width: 240px; float: left}
#content div[entry] {padding-bottom: 15px; border-bottom: 1px dashed #999; margin-bottom: 15px}
#content div[entry]:last-child {padding:0;border:0;margin:0}
#content div[entry] ul {margin-left: 135px}

#footer {background: url(/wedding/images/layout/footer.png) no-repeat; width: 860px; height: 65px; position: relative; top: -5px}
/*#video {display: none}*/

#content .left h1 {font-family: Helvetica, Arial; font-weight: bold; font-size: 25px; margin-bottom: 7px; color: #00a0ff; text-shadow:1px 1px 1px #555}
#content #tweets {}
#content #tweets .id {font-size: 24px; font-weight: bold; letter-spacing: -.3px}
#content #tweets .id em {margin-left: 15px; position: relative; top: -25px; font-style: normal}
#content #tweets ul, #content #tweets li {list-style: none}
#content #tweets h1 {font-size: 19px}
#content #tweets li {font-size: 10pt; margin-bottom: 5px; margin-top: 5px; padding-bottom: 5px; border-bottom: 1px dashed #bbb}
#content #tweets span {font-size: 8pt; color: #888; display: block}
#content #tweets #more {width: 238px; height: 40px; background: url(/wedding/images/layout/button-back-1.png) repeat-x; text-align: center; margin-top: 10px;
  border:1px solid #bbb; 
  -moz-border-radius:7px;
  border-radius:7px;
  -webkit-border-radius:7px;
	-khtml-border-radius:7px;}
#content #tweets #more a span {color: #555; font-size: 13px; font-weight: bold; line-height: 40px}
#content #tweets #more:hover {background: url(/wedding/images/layout/button-back-1-over.png) repeat-x; cursor: pointer}
#content #tweets #more:active {background: url(/wedding/images/layout/button-back-1-active.png) repeat-x; cursor: pointer}
#content #tweets #more a span:hover {color: #fff}

.info-wedding, .info-party, .contact, .info-directions {color: #222; margin-left: 20px; background: url(/wedding/images/layout/bg-grey-1.png); padding: 5px;
  border:1px;
  -moz-border-radius:7px;
  border-radius:7px;
  -webkit-border-radius:7px;
	-khtml-border-radius:7px;}
.info-directions {margin-left: 0}
  
body[thankyou] p {color: #fff}
body[thankyou] h1 {color: #ddd}
#formRSVP p {color: #cdcdcd; font-size: 8pt; text-align: center}
#formRSVP {color: #efefef; padding: 10px; padding-top: 20px; padding-bottom: 0}
#formRSVP label, #formContact label {display: block; margin-bottom: 10px; outline: none; border:0}
#formRSVP label span, #formContact label span {display: inline-block; width: 25%; text-align: right; padding-right: 10px}
#formRSVP p.reception {color: #fff; font-size: 10pt; font-weight: bold; text-align: center}
#formRSVP input, #formRSVP textarea, #formContact input, #formContact textarea {font-family: Arial; width: 50%; font-size: 13px; border: 1px solid #DFDFDF; padding: 8px; margin: 0; outline: none;
  border:1px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-border-radius:5px;
	-khtml-border-radius:5px;}
#formRSVP input[type="radio"] {outline:none;border:0}
#formRSVP label[type="radio"] {width: 90px; font-size: 10pt; text-align: left; display: inline-block; margin-top: 10px}
#formRSVP label[type="radio"] input {margin-bottom: 5px}
#formRSVP #Submit {background: #333; color: #ddd;outline:none;border:0}
#formRSVP #Submit:hover {background: #444}

#formContact input, #formContact textarea {width: 60%}

#get_directions {display: inline-block}
#get_directions #directions {float: left; width: 400px}
#get_directions #directions div table tbody {background: #d9d9d9}
#get_directions #directions div tr[ jstcache="8"] {border:1px solid #ccc} //address
#get_directions #directions div tr[ jstinstance ] {border-bottom: 1px solid blue}

#get_directions #map_canvas {float: left; height: 400px; width: 358px}

#registry {background: #eee; padding: 15px; margin:20px; display: inline-block; width: 430px;
  border:1px solid #ccc; 
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-border-radius:5px;
	-khtml-border-radius:5px;}
#registry ul, #registry li {margin:0; list-style: none}
#registry span {float: left; display: inline; width: 75px; margin-right: 10px; text-align: right}