body {
	margin: 0 auto;
	background: #200B01 url(../images/body-bg.png) repeat-x left top;
	font: 62.5%/1.5 "Myriad Pro", "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	color: #444;
}

img { border: none; }

#error, #errorExplanation {
	margin: 0 0 15px;
	padding: 10px 15px;
	color: #F00;
	font-size: 1.35em;
	background: #fde5e5;
	border: 3px solid #F00;
	-webkit-background-clip: border;
	-webkit-background-origin: padding;
	-webkit-border-radius: 7px;
	-moz-background-clip: border;
	-moz-background-origin: padding;
	-moz-border-radius: 7px;
}

#notification {
	margin: 0 0 15px;
	padding: 10px 15px;
	color: #444;
	font-size: 1.35em;
	background: #FFC;
	border: 3px solid #CCC;
	-webkit-background-clip: border;
	-webkit-background-origin: padding;
	-webkit-border-radius: 7px;
	-moz-background-clip: border;
	-moz-background-origin: padding;
	-moz-border-radius: 7px;
}

#error h2, #errorExplanation h2 {
	font-size: 1.35em;
	color: #F00;
}

#error p, #errorExplanation p { font-size: 1.0em; }

h1 {
	position: absolute;
	top: 20px;
	left: 0;
	width: 354px;
	height: 111px;
}

#verse {
	position: absolute;
	top: 150px;
	left: 0;
	width: 366px;
	height: 102px;
}

h1, #verse { text-indent: -9999em; }

h2 {
	color: #ef84b3;
	font-size: 2.7em;
	margin: 0;
	text-shadow: 1px 1px 1px #CCC;;
}

#header-wrapper {
	height: 317px;
	background: url(../images/header-bg.png) no-repeat center top;
}

#header {
	position: relative;
	width: 880px;
	margin: 0 auto;
}

#header img {
	position: absolute;	
	right: 0;
	top: 30px;
}

#navigation {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation li, #navigation a {
	display: block;
	float: left;
	height: 30px;
}

#navigation a {
	text-indent: -9999em;
	overflow: auto;
	background-position: left center;
}

#nav-home { 
	width: 81px;
	background: url(../images/nav-home.png) no-repeat;
}

#nav-rsvp {
	width: 76px;
	background: url(../images/nav-rsvp.png) no-repeat;
}

#nav-travel {
	width: 81px;
	background: url(../images/nav-travel.png) no-repeat;
}

#nav-directions {
	width: 109px;
	background: url(../images/nav-directions.png) no-repeat;
}

#nav-photos {
	width: 86px;
	background: url(../images/nav-photos.png) no-repeat;
}

#nav-guestbook {
	width: 115px;
	background: url(../images/nav-guestbook.png) no-repeat;
}

#nav-contact {
	width: 96px;
	background: url(../images/nav-contact.png) no-repeat;
}

#content-wrapper {
	padding: 10px 0;
	background: #F7F7F1;
}

#main {
	width: 880px;
	margin: 30px auto 0;
}

#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    overflow: hidden;
    clear: both; 
    visibility: hidden;
}

.content {
	float: left;
	width: 520px;
}

.content h3 {
	font-size: 1.7em;
	color: #2A150F;
}

.location h3, .location h4 { margin: 0; }

.content h4 { font-size: 1.4em; }

.content p { font-size: 1.35em; }

#guests .content ul {
	margin: 10px 0;
	padding: 0;
	font-size: 1.35em;
	list-style: none;
}

#directions { width: 490px; }

.location, .photo_set {
	padding: 0 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

.sidebar {
	float: right;
	width: 340px;
}

#registry { width: 310px; }

.block {
	padding: 15px;
	margin-bottom: 30px;
	background: #F5C5D7;
	-webkit-background-clip: border;
	-webkit-background-origin: padding;
	-webkit-border-radius: 7px;
	-moz-background-clip: border;
	-moz-background-origin: padding;
	-moz-border-radius: 7px;
}

.alt {
	background: #2A150F;
	color: #EEE;
}

.block h3, .block h4 {
	margin: 0;
	font-size: 1.5em;
	color: #2A150F;
	background: url(../images/block-border.png) repeat-x left bottom;
}

.alt h3, .alt h4 {
	color: #F5C5D7;
	background: url(../images/alt-border.png) repeat-x left bottom;
}

#footer a, .alt a { color: #F5C5D7; }

.block p { font-size: 1.2em; }

.block input[type=text] { width: 85%; }

#categories li { font-size: 1.2em }

#countdown p {
	padding-left: 45px;
	background: url(../images/countdown-bg.png) no-repeat left center;
}

#countdown p span {
	display: block;
	margin-bottom: -5px;
	font-size: 1.3em;
	font-weight: bold;
	color: #2A150F;
}

#message input { display: block; }

#message input[type=text] { width: 99%; }

#message textarea { width: 100%; }

.bar {
	clear: both;
	padding: 15px;
	margin: 15px 0 30px;
	background: #C6C6C6;
	-webkit-background-clip: border;
	-webkit-background-origin: padding;
	-webkit-border-radius: 7px;
	-moz-background-clip: border;
	-moz-background-origin: padding;
	-moz-border-radius: 7px;
}

.bar:after {
    content: "."; 
    display: block; 
    height: 0; 
    overflow: hidden;
    clear: both; 
    visibility: hidden;
}

ul.bar {
	list-style: none;
	padding: 20px 10px 15px;
}

ul.bar li {
	float: left;
	width: 100px;
	margin: 0 8px;
	text-align: center;
}


#photos ul.bar li {
	height: 110px;
	margin: 0 7px;
}

ul.bar li a img { border: 3px solid #FFF; }

#footer {
	padding: 82px 0 10px;
	background: #200B01 url(../images/footer-bg.png) repeat-x left top;
	font-size: 1.2em;
	color: #FFF;
	text-align: center;
}

#map-loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background: #000;
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	z-index: 1000;
	text-align: center;
	vertical-align: middle;
}

#map-loading p {
	width: 100px;
	margin: 15% auto 0;
	padding: 5px 15px;
	background: url(../images/maps/map-loading.gif) no-repeat left center;
	font-size: 1.2em;
	color: #CCC;
}

#map-wrapper {
	width: 90%;
	margin: 10px 0;
	position: relative;
	border: 5px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#home #map-wrapper { width: 98%; }

#map { width: 100%; }

#locations #map-wrapper {
	width: 99%;
	margin-bottom: 30px;
	border-color: #2A150F;
}

#locations #map, #locations #map-wrapper { height: 250px; }

#home #map, #home #map-wrapper { height: 175px; }

#map-wrapper a { color: blue;}

/* @group Info Windows */

#overlay {
	position: absolute;
	width: 220px;
	z-index: 900;
	padding: 0 0 32px 0;
	background: url(../images/maps/bubble_bottom.png) no-repeat 0 100%;
}

#overlay .inner {
	z-index: 900;
	padding: 1px 15px 1px 15px;
	background: url(../images/maps/bubble_top.png) no-repeat 0 0;
	font-size: 0.8em;
}

#overlay .inner h4 {
	margin-top: 5px;
	font-size: 1.35em;
	color:  #444;
	background: none;
}

#overlay .inner p { margin-bottom: 0; }

#overlay .inner a#close {
	position: absolute;
	top: -5px;
	right: -7px;
	display: block;
	width: 22px;
	height: 23px;
	text-indent: -2000px;
	background: url(../images/maps/close.png);
}

/* @end */

#mapcontrols fieldset {
	float: left;
	margin: 10px 9px;
	padding: 0;
	border: none;
	text-align: center;
}

#mapcontrols button {
	cursor: pointer;
}

.iconButton {
	width: 19px;
	height: 19px;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
	overflow: hidden;
	border: none;
}

.textButton {
	width: 88px;
	height: 24px;
	margin: 0 0 6px;
	padding: 0;
	background: #EEE;
	text-indent: -9999em;
	overflow: hidden;
	border: none;
}

/* @group Pan Controls */

#panControls {
	position: absolute;
	top: -5px;
	left: -5px;
	padding: 3px 0 !important;
}

#centerRow {
	margin: 0;
}

#upButton { background: url(../images/buttons/upButton.png) no-repeat; }
#rightButton { background: url(../images/buttons/rightButton.png) no-repeat; }
#downButton { background: url(../images/buttons/downButton.png) no-repeat; }
#leftButton { background: url(../images/buttons/leftButton.png) no-repeat; }

/* @end */

/* @group Zoom Controls */

#zoomControls {
	position: absolute;
	top: 5px;
	left: 45px;
}

#zoomControls #zoomInButton {
	display: block;
	margin: 0 0 5px;
	background: url(../images/buttons/zoomInButton.png) no-repeat;
}

#zoomControls #zoomOutButton {
	display: block;
	margin: 0;
	background: url(../images/buttons/zoomOutButton.png) no-repeat;
}

/* @end */

.comment-date, .comment-edit {
	font-size: 1.1em;
	font-style: italic;
}