/* --- BASE --- */

html, body {
	font-family: sans-serif;
	margin: 0;
	padding: 10px;
	background: #fff;
	color: #5b5b5b;
	line-height: 130%;
}

body {
	font-size: 1.15em;
}

a {
	color: #aebc64;
}



/* --- COMMON --- */

hr {
	margin: 40px 0;
	border: none;
	border-top: 2px dashed #c9c9c9;
}

h1, h2, h3, h4 {
	font-family: 'HelveticaNeueLT55Roman', sans-serif;
	padding: 0;
	font-weight: normal;
	margin: 20px 0;
	letter-spacing: -0.05em;
	line-height: 100%;
	color: #bcc492;
}

p {
	font-family: 'HelveticaNeueLT55Roman', sans-serif;
	margin: 20px 0 20px 0;
	line-height: 140%;
}
p.strongPara {
	font-family: 'HelveticaNeueLT55Roman', sans-serif;
}

.wrap {
	width: 924px;
	margin: 0 auto;
	padding: 0;
}

.clear {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.textReplace {
	width: 100px;
	height: 100px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

h1 a#title {
	background-image: url(benandsuzi_type.gif);
	width: 565px;
	height: 165px;
	margin: 0 auto;
}

#torso {
	padding-top: 20px;
	margin-bottom: 60px;
}

#torso_col1 {
	width: 462px;
	float: left;
}

#torso_col2 {
	width: 462px;
	float: left;
	text-align: center;
}

#chars_normal, #chars_wedding {
	background-image: url(sb_chars.gif);
	background-position: 0px 0px;
	width: 351px;
	height: 390px;
	margin: 0 auto;
}

#chars_normal:hover, #chars_wedding {
	background-position: -351px 0px;
}

#chars_wedding:hover {
	background-position: 0px 0px;
}



/* --- NAV --- */

#nav {
	position: absolute;
	right: 0px;
	width: 39px;
	margin-top: 30px;
	background-color: #bcc492;
}

#nav a {
	width: 39px;
	background-position: -39px 0px;
}

#nav a:hover {
	width: 39px;
	background-position: 0px 0px;
}

#nav a#nav_rsvp {
	background-image: url('button_nav_rsvp.gif');
	height: 87px;
}

#nav a#nav_giftlist {
	background-image: url('button_nav_giftlist.gif');
	height: 111px;
}

#nav a#nav_location {
	background-image: url('button_nav_location.gif');
	height: 119px;
}

#nav a#nav_help {
	background-image: url('button_nav_help.gif');
	height: 80px;
}


/* --- FORM START --- */

#form_start {
	margin-top: 100px;
	text-align: left;
}

label {
	font-family: 'HelveticaNeueLT55Roman', sans-serif;
	color: #bcc492;
	font-size: 1.2em;
	display: block;
	margin: 0 0 10px 0;
	line-height: 130%;
}

input {
	font-size: .85em;
	color: #636363;
	font-family: sans-serif;
}

input.text {
	border: 2px solid #999999;
	padding: 4px;
	margin: 0 10px 0 0;
	display: block;
	float: left;
	width: 90%;
}

#form_start input.text {
	width: 200px;
}

input.submit {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}

.form_row {
	margin: 0 0 20px 0;
}

.form_row_error {
	line-height: 130%;
	color: #c05151;
}

form {
	padding: 0;
	margin: 0;
}

/* --- TABLE --- */

.table {
	margin: 20px 0;
	border-top: 3px solid #656565;
	border-bottom: 3px solid #656565;
}

.table_row {
	font-size: .8em;
	padding: 20px 0;
	text-align: left;
	line-height: 150%;
}

.table_row.row_odd {
	background-color: #f6f6f6;
	color: #656565;
}

.table_row.row_even {
	background-color: #e3e3e3;
	color: #656565;
}

a.row_button {
	text-decoration: none;
	color: #656565;
}

.cell {
	float: left;
	margin: 0 0 0 15px;
}

.cell1 {
	text-align: center;
	width: 45px;
}
.cell2 {
	width: 220px;
}
.cell3 {
	width: 210px;
	margin: 0;
}

.yes {
	font-weight: bold;
	color: #7eb53d;
}
.no {
	font-weight: bold;
	color: #c05151;
}

.name, .dietary_title, .attending_title {
	font-weight: bold;
	color: #333333;
}

.dietary_title,  .attending_title {
	margin-top: 20px;
	margin-bottom: 5px;
}

.attending, .dietary_response {
	font-size: .9em;
}

.dietary_textinput {
	margin-top: 5px;
}

.submit_row {
	padding: 10px 15px 0 0;
	text-align: right;
}

.mini_row {
	line-height: 150%;
	margin-bottom: 5px;
}

.ok_button {
	cursor: pointer;
}