/*
Theme Name: Grid Focus
Theme URI: http://5thirtyone.com/
Description: Grid aligned WordPress theme
Version: 1.1
Author: Derek Punsalan
Author URI: http://5thirtyone.com/
Tags: white, grid, whitespace, minimal, clean, widgets

Grid Focus was designed and coded by Derek Punsalan. Find
more info about the guy at http://5hthirtyone.com

Notes: Inspired and created for minimalist, content focused blogs
or websites. Customize, edit, poke, prod, and adapt to your own
style. Please leave credit where credit is due so that others may
find the source for your site and adapt a suitable version for their
own website.

See line 53 for a collection of the main font rules - size, line-height,
and color - combined for your convenience.

*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #333366;
	color: #333;
	overflow: -moz-scrollbars-vertical;
}

.clear {
	clear: both;
}

.fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fix {
	display: inline-block;
}

* html .fix{
	height: 1%;
}

.fix{
	display:
	block;
}

/* =----------------------------------- oh the convenience */

#gfwrapper {
    font-family: arial, verdana, sans-serif;
	border-top: 1px solid #4A4371;
	margin: 0px auto;
	text-align: left;
	padding: 0 20px;
    background: #fff;
	/*
		sets the minimum(s) for the entire site
		off of which everything else is based on
	*/
	min-width: 764px;
	max-width: 1236px;
}

.nav li {
	line-height: 1.2em;
	font-size: 1.05em;
}
.nav li a {
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-family: "Open Sans", arial, verdana, sans-serif;
    color: #000;
text-decoration: none;

}
.nav li a span {
	color: #888;
	font-size: 0.9em;
	font-weight: normal;
	text-transform: lowercase;
}
.nav li a.focus span {
	color: #ccc;
}
.nav li a:hover,
.nav li a.focus {
	color: #fff;
}
.nav .searchField input {
	color: #777;
}

/* =----------------------------------- header elements */
#masthead img {
	float: left;
}
#mastheadadmin {
	float: right;
	margin: 85px 0px 0px 0px;
	font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
}

/* =----------------------------------- top + bottom navigation */

.navStripWrapper {
	position: relative;
	clear: both;
	font-size: 0.75em;
	line-height: 1.4em;
}
.nav {
	background: #eee;
}
.nav li {
	border-right: 1px solid #ccc;
	display: block;
	float: left;
}
.nav li a {
	display: block;
	padding: 7px 4px 0 7px;
	width: 110px;
	height: 42px;
	font-size: 1.2em;
    letter-spacing: -0.3px;
}
.nav li a span {}
.nav li a:hover {
	background: #333;
}
.nav li a.focus {
	background: #4A4371;
}

/* Curve overrides. */

body {
	font: 100%/100% "Verdana", "Arial", "Helvetica", sans-serif;
	padding: 0px;
}

div#wrapper
{
	margin: 0 auto;
	min-width: 764px;
	max-width: 1236px;
	font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
	padding: 0 20px;
    background: #fff;
}

#content_section
{
	background: #FFFFFF url(../images/theme/frame_repeat.png) repeat-y top left;
	padding-left: 0px;
}

#content_section
{
	background: none;
	padding-left: 0px;
	padding-right: 0px;

}
#content_section div.frame
{
	background: none;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
}

.navigate_section ul
{
	border-top: 0px;
	border-bottom: 1px solid #ccc;
}

#footer_section
{
	background: none;
	padding-left: 0px;
}
#footer_section div.frame
{
	background: none;
	padding-top: 20px;
	padding-bottom: 20px;
}