/*
To get started customizing with CSS, we recommend you 
go to http://headwaythemes.com/documentation/developer-resources/css-map/
to get started.

When writing the selectors for the elements, put body.custom at the
beginning.

For an example on how to change the background with custom CSS
we can use the following code.

body.custom {
	background: red;
}
*/
body.custom {
	line-height:1.5;
	font-size:75%;
	color:#222;
	background: url(../../uploads/bkg.jpg) repeat-y center;
	font-family:"Trebuchet MS", Helvetica, sans-serif;/*"Helvetica Neue", Arial, Helvetica, sans-serif;*/
	}

body.custom .one_half, .one_third, .two_third, .one_fourth , .three_fourth { float:left; margin-right:4%; position:relative; }
body.custom .one_half { width: 48%; }
body.custom .one_third { width: 30.66%; }
body.custom .two_third { width:65.32%; }
body.custom .one_fourth { width:22%; }
body.custom .three_fourth { width:74%; }
body.custom .last { margin-right: 0px !important; clear:right; }

body.custom h2, body.custom h3 {
	text-transform: uppercase;
	font-family:"Trebuchet MS", Helvetica, sans-serif;/*"Helvetica Neue", Arial, Helvetica, sans-serif;*/
	}

body.custom .blue {
	color: #339DD4;
	}
body.custom .cyan {
	font-weight: bold;
	color: #ccffff;
	}
body.custom .purple {
	font-weight: bold;
	color: #993399;
	}
body.custom .white {
	font-weight: bold;
	color: #ffffff;
	}
body.custom .thumbnail { float: left; display: inline; margin: 0px 10px 10px 0px; width: 48px; }
body.custom .data {
	float: left;
	display: inline;
	/*text-align: justify;*/
	}
body.custom div.row {clear:both;}
body.custom div.two-column-1, div.two-column-2 {
	width:300px;
	padding:10px;
	display:block;
	float:left;
	}
body.custom .wide-two-column-1, .wide-two-column-2 {
	width:435px;
	padding:10px;
	display:block;
	float:left;
	}
body.custom .three-column-1, .three-column-2, .three-column-3 {
	width: 265px;
	padding: 19px;
	display: block;
	float: left;
	}

body.custom div#container {
	/*background: url(http://www.ericpollitt.com/wp-content/uploads/headway/container-background.png) bottom left repeat-y;*/
	}

/* LOGO & NAVIGATION -- SIDE BY SIDE */
body.custom div#header {
	width: 330px;
	height: 150px;
	float: left;
	display: inline;
	clear: none;
	border-bottom: 0;
	background: url(http://www.ericpollitt.com/wp-content/uploads/headway/header-background-left.png) repeat-x;
	}
body.custom div#navigation {
	width: 620px;
	height: 150px;
	float: right;
	display: inline;
	clear: none;
	border-bottom: 0;
	background: url(http://www.ericpollitt.com/wp-content/uploads/headway/header-background-right.png) repeat-x;
	}
body.custom ul#menu-main-navigation {margin-top: 100px; margin-right: 40px;}
/*body.custom div#container {border-top: 1px solid #ccc;}*/

/* NAVIGATION */
body.custom ul.navigation li.page_item a {background: none;}

body.custom ul.navigation li a, ul.navigation li ul {
	width: 125px;
	height: 50px;
	}

body.custom ul.navigation li a {background: url(http://www.ericpollitt.com/wp-content/uploads/headway/navigation-off.png) no-repeat;text-align: center;}
body.custom ul.navigation li a:hover {background: url(http://www.ericpollitt.com/wp-content/uploads/headway/navigation-on.png) no-repeat;text-align: center;}

body.custom ul.navigation > li.current-menu-item > a, ul.navigation > li.current_page_item > a, ul.navigation > li.current_page_parent > a, ul.navigation > li.current_page_ancestor > a, ul.navigation li.current_page_ancestor ul, ul.navigation li.current_page_parent ul, ul.navigation li.current_page_item ul, ul.navigation li.current_page_item a:hover, ul.navigation li.current-menu-item a:hover {
	background: url(http://www.ericpollitt.com/wp-content/uploads/headway/navigation-on.png) no-repeat;
	text-align: center;
	}

/* SIDEBAR */
body.custom #leaf-24.sidebar {}

/* FOOTER */
body.custom div#footer {
	height: 130px;
	background: url(http://www.ericpollitt.com/wp-content/uploads/headway/footer-background.png) no-repeat #0e161f;
	color:#4a5b6c;
	}

body.custom div#footer p {margin-top: 20px;}

body.custom div#footer a { color: #A636D1; outline: none; }
body.custom div#footer a:link { color: #A636D1; text-decoration: underline; }
body.custom div#footer a:hover { color: #A636D1; text-decoration: none; }