/* 
Theme Name: Codeworks
Theme URI: 
Description: Matt Brett's Bare Bones Stylesheet.
Version: 2.0
Author: Gavin Elliott
Author URL: http://gavinelliott.co.uk
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

body {
	font: 62.5% "Helvetica", "Arial", Verdana, sans-serif;
	color: #908e20;
	text-align: center;
	background: url(http://www.codeworks.net/images/main_bg.png) repeat;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/* @group header */

/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header {
	float: left;
	width: 100%;
	margin-bottom: px;
}

#header-inner {
	width: px;
	margin: 0 auto;
	text-align: left;
}

/* @group logo - image replacement */

/* LOGO - IMAGE REPLACEMENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#logo {
	position: relative;
	float: left;
	display: inline;
	width: 189px;
	height: 53px;
	font-size: 1.5em;
	overflow: hidden;
	margin: auto;
	left: 380px;
	margin-top: 50px;
	margin-bottom: 30px;
}

#logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("http://www.codeworks.net/images/logo.png") no-repeat 0 0;
}

#logo a {
	text-decoration: none;
}

#jobs {
	position: relative;
	float: left;
	display: inline;
	width: 143px;
	height: 45px;
	font-size: 1.5em;
	overflow: hidden;
	margin: auto;
	left: 580px;
	margin-top: 60px;
	margin-bottom: 30px;
}


/* @end */

/* @group logo - plain text */

/* LOGO - PLAIN TEXT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */



/* @end */

/* @group nav - image replacement */

/* NAV - IMAGE REPLACEMENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/*#nav {
	width: px;
	height: px;
}

#nav li {
	display: inline;
}

#nav a {
	float: left;
	height: 0;
	padding-top: px;
	overflow: hidden;
	text-decoration: none;
}

#nav-home a {
	width: px;
	background: url("../images/nav.gif") no-repeat 0 0;
}

#nav-home a:hover {
	background: url("../images/nav.gif") no-repeat 0 -px;
}*/

/* @end */

/* @group nav - plain text */

/* NAV - PLAIN TEXT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

ul#nav {
	float: left;
	width: 100%;
	margin-bottom: 0px;
}

ul#nav ul {
	width: 960px;
}

ul#nav li {
	width: 300px;
	height: auto;
	display: inline-block;
	float: left;
	margin-left: 15px;
	color: #7c7452;
	margin-bottom: 20px;
}

ul#nav li p {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: Georgia;	
	padding: 5px;
}

ul#nav li p a:link, #nav li p a:visited, #nav li p a:active {
	display: inline-block;
	padding: 0px;
	color: #908e20;
	text-decoration: none;
}

ul#nav li p a:hover {
	color: #908e20;
	text-decoration: underline;
}

/* @end */

/* @end */

/* @group mid */

/* MID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#mid {	
	float: left;
	width: 100%;
}

#mid-inner {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	text-align: left;
	background: url("http://www.codeworks.net/images/strap.png") no-repeat;
}

/* @end */

/* @group content */

/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#footer {
	clear: both;
	color: #383735;
	font-family: Georgia;
	border-top: 1px solid #e5dbc1;
	margin-top: 30px;
}

#footer-inner {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

#footer-credits {
	float: right;
	text-align: right;
}

#footer-credits, #footer-meta {
	width: 49%;
	margin-top: 10px;
}

#footer-meta {
	text-align: right;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #383735;
	text-decoration: none;
	border-bottom: 1px solid #383735;
}

#footer a:hover {
	color: #383735;
	border-bottom: 1px solid #383735;
}

#footer p {
	font-size: 1.1em;
	line-height: 1.4em;
}

#footer ul {
	margin-bottom: 10px;
}

#footer ul li {
	display: inline;
	margin-left: 5px;
	padding-left: 10px;
	font-size: 1.1em;
	border-left: 1px solid #999;
}

#footer ul li.first {
	border-left: none;
}

/* @end */

/* @group miscellaneous */

/* MISCELLANEOUS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.clear {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
}

.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

.feed {
	padding: 1px 0 1px 15px;
	background: url("../images/icon-feed.png") no-repeat 0 50%;
}

/* @end */