/* =Typography
-----------------------------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p {
	color: #777;
}



/* =Links
-----------------------------------------------------------------------------*/
.btn {
	background-image: none;
	border: none;
	text-shadow: none;
}

.btn-blue { background-color: #6a96b0; }
.btn-blue:hover { background-color: #8cb8d1; }

/* =Layout
-----------------------------------------------------------------------------*/
.units-container {
	max-width: 960px;
	margin: 0 auto;
}

/* =Header
-----------------------------------------------------------------------------*/
header {
	background: url('../img/stars.jpg') top center repeat-x;
	padding: 20px 0;
}

header h1 { color: #8cb8d1; }
header h1.subheader { color: #eee; }

.author-name { float: left; }

.btn-group input { border: none; }
.group-search { margin-top: 20px; }

/* =Nav
-----------------------------------------------------------------------------*/
.main-nav {
	background-color: #333;
	border-top: 1px solid #555;
	padding: 10px 0;
}

.main-nav a { color: #8cb8d1; }

.main-nav a:hover {
	color: #fff !important;
	text-decoration: none !important;
}

.main-nav span {
	color: #ccc !important;
}

.main-nav li {
	margin-right: 40px !important;
}

/* =Misc
-----------------------------------------------------------------------------*/
blockquote { overflow: auto; }

.graybg {
	background-color: #eee;
	margin-top: 20px;
	padding-top: 20px;
}

/* =Forms
-----------------------------------------------------------------------------*/
form.subscribe input, form.subscribe button {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
	border: none;
}


/* =Footer
-----------------------------------------------------------------------------*/
footer {
	background-color: #333;
	padding-top: 20px;
}

footer p { color: #eee; }

footer h3 { color: #8cb8d1; }


/* =Media Queries
-----------------------------------------------------------------------------*/
.main-nav li { float: left !important; }

@media only screen and (max-width: 960px) {
	.units-container { padding: 0 10px; }
}

@media only screen and (max-width: 767px) {
	.author-name, .group-search {
		float: none;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 499px) {
	.main-nav li {
		float: none !important;
	}
}