body {
	background-image    : url("../img/page-background.png");
	background-position : top center;
	background-repeat   : repeat-y;
	background-color    : #eeeeee;
}

.container {
	background-color : white;
	width : 745px;
	
	padding-left  : 20px;
	padding-right : 20px;
}

.logo {
	top : 0;
	position : absolute;
}

.header {
	height : 111px;
	
	width : 100%;
}

.header span {
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

.header .bars{
	display : inline-block;
	vertical-align : middle;
	
	width : 100%;
	
	border-width : 1px;
	border-color : #b1c0d5;
	
	border-top-style    : solid;
	border-bottom-style : solid;
	border-left-style   : none;
	border-right-style  : none;
}

.header .bars .header-content ,
.header .bars .header-logo {
	display : inline-block;
	padding : 0;
	margin : 0;
}

.header .bars .header-content {
	width : 317px;
}
.header .bars .header-logo {
	width : 111px;
}

.menu-area {
	text-align : right;
}

.site-name {
	vertical-align : baseline;
	
	padding-left   : 20px;
	padding-top    : 5px;
	padding-bottom : 5px;
	
	font-size : 12pt;
	
}

.site-name a:hover {
	text-decoration : none;
}

.site-name span {
	vertical-align : baseline;
	font-size : 16pt;
}

.site-name span.domain {
	color : #729fcf;
	font-size : 10pt;
}

.site-name a:hover span.domain {
	color : #3465a4;
}


.menu {
	margin-top : 0;
	margin-bottom : 0;
	
	padding-right   : 20px;
}

.menu li {
	display : inline-block;
	margin-left : 10px;
}

li, li a {
	margin : 0;
	padding : 0;
}

h1,h2,h3,h4,h5,h6 {
	color: #3465a4;
}

h1 {
  font-size: 23.1px;
}
h2 {
  font-size: 18.9px;
}
h3 {
  font-size: 14.7px;
}

.content {
	margin-left : 20px;
	margin-right : 20px;
}

label {
	font-weight : bold;
}

input,
textarea {
  width: 691px;
}

ul.rsvpresponse {
	list-style-type : none;
}

.rsvpresponse input,
.rsvpresponse textarea {
  width: 50px;
  margin-right : 15px;
}

ul.code_slideshow {
	list-style-type : none;
	padding : 0;
	margin : 0;
}

ul.code_slideshow li {
	padding : 0;
	margin : 0;
}

.my-carousel-button {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 30px;
  height: 50px;
  margin-top: -25px;
  font-size: 30px;
  font-weight: 100;
  color: #204a87;
  line-height : 50px;
  text-align: center;
  background: #DDDDDD;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.my-carousel-button:hover,
.my-carousel-button:focus {
  color: #204a87;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.my-carousel-button.right {
  left: auto;
  right: 15px;
}

.oneliner {
	font-family : Monaco, monospace;
	font-size : 8pt;
	font-weight : bold;
}

.for-nerds {
	margin-top : 3em;
}