/* header */

#header {
	position:fixed;
	display:inline-block;
	background:black;
	top:0;
	height:50px;
	width:100%;
	min-width:800px;
	z-index:10;
	border-bottom:4px solid #FFD800;
	background-clip:padding-box;
}

#header #website_logo {
	height:50px;
	float:left;
	margin-left:10px;
	transition:background-color 0.1s;
}

#header #website_logo:hover {
	background-color:#333333;
}

#header #navigation {
	float:left;
	height:50px;
}

#header #navigation .navlink {
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	font-size:18px;
	padding:14px;
	margin-left:3px;
	transition:background-color 0.1s;
}

#header #navigation .navlink:hover {
	background-color:#555555;
}

#content {
	background:#ffffff;
	padding:5px;
	margin-top:70px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #ffffff;
	box-shadow:0px 0px 10px #ffffff;
	margin-bottom:100px;
}

/* footer */

#footer {
	position:fixed;
	display:inline-block;
	background:black;
	bottom:0;
	height:50px;
	width:100%;
	min-width:800px;
	z-index:10;
	border-top:4px solid #0094FF;
	background-clip:padding-box;
}

#footer #footer_logo {
	height:50px;
	float:left;
	margin-left:10px;
	transition:background-color 0.1s;
}

#footer #footer_logo:hover {
	background-color:#333333;
}

#footer #navigation {
	float:left;
	height:50px;
}

#footer #navigation .navlink {
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	font-size:18px;
	padding:14px;
	margin-left:3px;
	transition:background-color 0.1s;
}

#footer #navigation .navlink:hover {
	background-color:#555555;
}

#content {
	background:#ffffff;
	padding:5px;
	margin-top:70px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #ffffff;
	box-shadow:0px 0px 10px #ffffff;
	margin-bottom:100px;
}


/* Main Site */
.joinbutton {
	text-decoration:none;
	background:#FFD800;
	padding:5px 10px;
	color:#0094FF;
	font-size:18px;
	border:2px solid #cccccc;
	transition:border 0.2s;
}

.joinbutton:hover {
	border:2px solid transparent;
}