@charset "UTF-8";
/* CSS Document */
body,td,th {
	font-family: 'Arimo', sans-serif;
	font-size: 14px;
	color: #333;
	line-height:1.5em
}
body {
	background-image: url(images/rsvp_background.jpg);
	background-attachment:fixed;
	margin:0;
	padding:0;
}
a:link {
	color: #37522d;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #384633;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #384633;
}
img.date{
	background:#BBB;
	padding: 1px;
}
#container{
	background:url(images/olive_branch.png) no-repeat top right;
	text-align:center;
	margin:0px auto;
	padding:0;
	display:flex;
	justify-content: center;
}
#nav{
	margin-top:13em;
	border-radius: 0.6em;
	padding:10px 20px 10px 0;
}
#content{
	width:500px;
	background: rgba(255, 255, 255, 0.6);
	margin-top:13em;
	margin-bottom:2em;
	border:none;
	border-radius: 0.6em;
	padding:10px 20px 10px 20px;
	text-align:justify;
	
}
#content h1{
	font-family: 'Great Vibes', cursive;
	font-size: 4em;	
	color: #352e34;
	line-height:0em;
	padding-top:0.4em;
	padding-bottom:0.6em;
}
.centre{
	text-align:center;	
}
.big{
	font-size:1.5em;
	display:inline-block;
}
.block{
	font-weight: bold;
	width: 70px;	
	display:inline-block;
}
#content h2, #content h3{
	font-family: 'Work Sans', sans-serif;
	color: #333;
	font-size:2em;	
	font-weight:200;
	text-transform:uppercase;
}
#content h3{
	color: #352e34;
	font-size:1.2em;
	font-weight:600;
}
#form_el{
  display: flex;
  flex-direction: row-end;
  align-items: baseline;
}

.form{
  display: flex;
  flex-direction: column;
  align-items: flex-end;	
}
.input{
	width:220px;
	border:solid 1px #666666;
	color:#333333;
	padding:0.6em;
	border-radius: 0.6em;
	margin-bottom:5px;
}
.select{
	padding: 4px 8px 4px 8px;	
	border-radius: 0.6em;
	margin-bottom:5px;
}
.submit{
	width:140px;	
	background:#666;
	border:solid 1px #666666;
	color:#FFF;
	padding:4px;
	margin:0 auto;
}
a.button, .button {
  background-color: #352e34;
  border: none;
  color: #fff;
  padding: 0.6em 2em 0.6em 2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  border-radius: 0.6em;
}
a.button:hover, .button:hover{
	color:#efefef;
	background-color:#384633;
	cursor:pointer;
}
#nav ul{
	list-style: none;
	text-align: left;
	margin: 0;
}
#nav a.button{
	 width:8em;
	 background-color:#ecebe6;
	 color:#352e34;
}
#nav a.button:hover{
	color:#efefef;
	background-color:#384633;
	cursor:pointer;
}
#nav a.here{
	color:#efefef;
	background-color:#384633;
}
#fail{
	width:350px;	
	background:#993333;
	color:#FFF;
	padding:4px;
	margin:0 auto;	
	text-align:center;
	border-radius: 0.6em;
}
#success{
	width:350px;	
	background:#339933;
	color:#FFF;
	padding:4px;
	margin:0 auto;	
	margin-bottom:2em;
	text-align:center;
	border-radius: 0.6em;
}
td{
	 vertical-align: top;
}
#spacer{
	margin-left:auto;
	padding:0;
	padding-left:5px;
	display:inline-block;
	color:#cc302c;
}
.sp{
	padding-top: 0.3em;	
}
#content p.p{
	padding-bottom:2em;	
}