/*
To get started customizing with CSS, we recommend you 
go to http://headwaythemes.com/documentation/customizing-your-headway-site/custom-css/ 
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;
}
*/
*/

/*
This this chunk is Justin's code that styles the header - the actual header link items are over in Easy Hooks just after tagline
*/
body.custom.header-fluid div#header-container {
float:left;
}

.custom #header_area {background-color: #1C2023;}
.custom #header_area .page {width: 1920px;background-color:#1C2023;}
.custom #header_area .menu {display:none;}
.custom #header {background-color:#1C2023;height:100px;margin:0;padding:0;font-family: 'Trebuchet MS','Lucida Grande',Arial,sans-serif}
.custom #header ul {height:30px;font-size:16px;padding:16px 0px 0 12px;position:absolute;right:130px;top:5px;}
.custom #header ul li {line-height:29px;list-style:none;float:left;margin:0;text-align:center;}
.custom #header ul li a:link,.custom #header ul li a:visited {height:29px;color:#FFFFFF;text-decoration:none;margin-left:15px;margin-right:2px;}
.custom #header ul li a:link,.custom #header ul li a:link span,.custom #header ul li a:visited,.custom #header ul li a:visited span {cursor:pointer;display:block;float:left;}
.custom #header ul li a:hover {height:29px;text-decoration:none;border-bottom: 3px solid #FFFFFF;}

/* This sizes header and imposes a gradient file  */
body.custom div#header-container {height:75px;}
body.custom div#header {height:75px;}
body.custom div#header-container {background: url("http://williambritten.com/wp_images/background/headerbackground4.png")}
body.custom div#header {background: url("http://williambritten.com/wp_images/background/headerbackground4.png")}
/*
This removes the breadcrumbs from page 94, Latest News, the blog index
*/
body.pageid-94  div#breadcrumbs, div#breadcrumbs-container {display: none;}

/*
This is to style the comment area at bottom of post
*/
body.custom p.nocomments { color:#eeeeee; }
body.custom #show-tags { color:#aaccee; }
body.custom #tags.comment-info-box {background-color:#aaaaaa; color:#000000; }