/*
Theme Name: W5YD
Theme URI: http://www.systemanomaly.com
Author: John Bradley
Author URI: http://www.systemanomaly.com
Description: Theme for W5YD Amateur Radio Club
Version: 1.0
License: Creative Commons Noncommercial ShareAlike
Tags: 
*/

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	}
body {
	font-family: "Open Sans", serif;
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
	color: #000;
	background-color: #706c6c;
	}

#body {
	width: 1024px;
	margin: 0 auto;
	}
h1 {
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 48px;
	}
h2 {
	font-family: "Open Sans", sans-serif;
	font-size: 30px;
	font-weight: 300;
	}
.sub {
	font-size: 20px;
	font-weight: 300;
	}
p {
	font-size: 15px;
	margin-bottom: 15px;
	}
img {
	border: 0;
	}
a:link {
	text-decoration: none;
	color: #640d0d;
	}
a:visited {
	text-decoration: none;
	color: #640d0d;
	}
a:active {
	text-decoration: none;
	color: #b4b4b4;
	}
a:hover {
	text-decoration: none;
	color: #b4b4b4;
	}
a.nav:link {
	text-decoration: none;
	color: #fff;
	}
a.nav:visited {
	text-decoration: none;
	color: #fff;
	}
a.nav:active {
	text-decoration: none;
	color: #fff;
	}
a.nav:hover {
	text-decoration: none;
	color: #fff;
	}
a.navs:link {
	text-decoration: none;
	color: #fff;
	}
a.navs:visited {
	text-decoration: none;
	color: #fff;
	}
a.navs:active {
	text-decoration: underline;
	color: #fff;
	}
a.navs:hover {
	text-decoration: underline;
	color: #fff;
	}
a.foot:link {
	text-decoration: none;
	color: #b4b4b4;
	}
a.foot:visited {
	text-decoration: none;
	color: #b4b4b4;
	}
a.foot:active {
	text-decoration: underline;
	color: #fff;
	}
a.foot:hover {
	text-decoration: underline;
	color: #fff;
	}
ul {
	list-style-type: none;
	}
#header {
	width: 100%;
	height: 74px;
	padding: 4px;
	display: inline-block;
	}
#header > div {
	background-color: #640d0d;
	height: 72px;
	}
#smallnav {
	display: none;
	}
#smallnav > div {
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 30px;
	float: left;
	width: 25%;
	padding: 13px;
	}
.header-nav {
	width: 25%;
	height: 75px;
	padding-top: 10px;
	float: left;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 32px;
	color: #fff;
	text-align: center;
	-moz-transition: background-color 0.3s, padding-top 0.3s;
	-webkit-transition: background-color 0.3s, padding-top 0.3s;
	-o-transition: background-color 0.3s, padding-top 0.3s;
	}
.header-nav:hover {
	background-color: #6b1c1c;
	padding-top: 16px;
	-moz-transition: background-color 0.15s, padding-top 0.15s;
	-webkit-transition: background-color 0.15s, padding-top 0.15s;
	-o-transition: background-color 0.15s, padding-top 0.15s;
	}
.box {
	display: inline-block;
	width: 100%;
	padding: 4px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	}
.box > div {
	background-color: #fff;
	height: 100%;
	}
#grid {
	-webkit-column-count: 2;
	-webkit-column-gap: 0px;
	-moz-column-count: 2;
	-moz-column-gap: 0px;
	column-count: 2;
	column-gap: 0px;
	}
#footer {
	width: 100%;
	padding: 3px;
	display: inline-block;
	}
#footer > div {
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background-color: #640d0d;
	height: 100%;
	padding: 10px;
	}
.small {
	font-size: 12px;
	}
.center {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
.full {
	display: block;
	margin-left: -10px;
	margin-right: -10px;
	}
.align-right { 
	float:right;
	margin: 20px 0 20px 20px;
}
.align-left { 
	float:left;
	margin: 20px 20px 20px 0;