/*   
Theme Name: Chris Yerkes 3.0
Theme URI: http://www.chrisyerkes.com/
Description: Chris Yerkes's official Wordpress theme for his portfolio website.
Author: Chris Yerkes
Author URI: http://www.chrisyerkes.com/
Version: 1.0
.
This theme may only be used by Chris Yerkes.
.
*/

@import url("slidebox.css");
@import url("screen.css");
@import url("content.css");

body {
	margin: 0;
	padding: 0;
	background: url(images/mainbg.jpg) no-repeat fixed top center #1E1E1E;
	font-size: 13px;
	line-height: 16px;
	color: #2B2B2B;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	outline: 0;
}

#navigationwrap {
	width: 100%;
	height: 40px;
	background: url(images/navbg.png) repeat-x #424242;
	position: relative;
	float: left;
	text-align: center;
	z-index: 500;
}

#navigation {
	width: 884px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#contactinfo {
	width: 636px;
	height: 210px;
	margin: 0 auto;
	text-align: left;
	margin-top: 67px;
}

#contactleft {
	width: 49%;
	float: left;
}

#contactright {
	width: 49%;
	float: right;
}

#outerwrapper {
	width: 100%;
	text-align: center;
}

#wrapper {
	width: 968px;
	margin: 0 auto;
}

#container {
	width: 968px;
	float: left;
	position: relative;
}

#topcontentshadow {
	width: 892px;
	float: left;
	position: relative;
	background: url(images/top-shadow.png) repeat-y transparent;
	text-align: left;
	left: 38px;
}

#topcontent {
	width: 884px;
	float: left;
	position: relative;
	background: url(images/bluebg-top.jpg) repeat-y #BAC3CE;
	left: 4px;
}

#banner {
	height: 214px;
	width: 429px;
	position: absolute;
	left: -14px;
	top: 13px;
	z-index: 300;
}

#hireme {
	height: 369px;
	width: 390px;
	position: absolute;
	right: 0 !important;
	right: 84px;
	top: 50px;
	z-index: 300;
	background: url(images/hire-me.png) no-repeat;
}

#top-bottomgradient {
	height: 333px;
	width: 884px;
	background: url(images/bluebg-mid-top.jpg) repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 200;
}

#middleshelf {
	width: 968px;
	height: 78px;
	line-height: 1px;
	font-size: 1px;
	background: url(images/content-middle.png) no-repeat;
	position: absolute !important;
	position: relative;
	bottom: -78px;
	left: -42px;
	z-index: 300;
}

#content-top {
	height: 10px;
	width: 925px;
	line-height: 1px;
	font-size: 1px;
	background: url(images/maincontentbg-top.png) no-repeat;
	position: absolute;
	top: -10px;
	left: 0;
}

#content-bottom {
	height: 11px;
	width: 925px;
	line-height: 1px;
	font-size: 1px;
	background: url(images/maincontentbg-bottom.png) no-repeat;
	position: absolute;
	bottom: -11px;
	left: 0;
}

#content {
	width: 925px;
	float: left;
	position: relative;
	background: url(images/maincontentbg-mid.png) repeat-y;
	margin-top: 251px;
	margin-bottom: -32px;
	left: -22px;
	z-index: 300;
	color: #D3D3D3;
}

#contentcontainer {
	width: 854px;
	min-height: 300px;
	position: relative;
	float: left;
	left: 35px;
	top: 15px;
	padding-bottom: 30px;
}

#blogleft {
	width: 585px;
	float: left;
	position: relative;
}

#blogright {
	width: 238px;
	float: left;
	position: relative;
	left: 48px;
	margin-top: 11px;
	margin-bottom: 6px;
	background: url(images/blog-side-middle.png) repeat-y;
}

#blogrighttop {
	width: 238px;
	height: 11px;
	top: -11px;
	left: 0;
	background: url(images/blog-side-top.png) no-repeat;
	position: absolute;
	line-height: 1px;
	font-size: 1px;
}

#blogrightbottom {
	width: 238px;
	height: 6px;
	bottom: -6px;
	left: 0;
	background: url(images/blog-side-bottom.png) no-repeat;
	position: absolute;
	line-height: 1px;
	font-size: 1px;
}

#contentslidecontainer {
	width: 788px;
	position: relative;
	float: left;
	left: 66px;
	top: 15px;
	padding-bottom: 30px;
}

#bottomcontentshadow {
	width: 968px;
	float: left;
	position: relative;
	background: url(images/bottom-shadow.png) repeat-y;
	text-align: left;
	margin-top: 78px;
}

#bottomgradienttop {
	width: 960px;
	height: 103px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/bottom-gradient-top.jpg) no-repeat 0 -10px;
	z-index: 200;
}

#bottomcontentbg {
	width: 960px;
	float: left;
	position: relative;
	background: url(images/bluebg-bottom.jpg) repeat-y #7E8D9E;
	left: 4px;
	z-index: 100;
}

#bottomcontent {
	width: 897px;
	float: left;
	position: relative;
	left: 31px;
	top: -62px;
	padding-bottom: 65px;
	z-index: 300;
}

#bottomcontentport {
	width: 920px;
	float: left;
	position: relative;
	left: 20px;
	margin-top: 20px;
	margin-bottom: 50px;
	z-index: 300;
}

#footercontentbg {
	width: 960px;
	min-height: 213px;
	float: left;
	position: relative;
	background: url(images/footerbg.jpg) repeat-x #DB5F23;
	left: 0;
	margin-top: -38px;
	z-index: 250;
	padding-top: 22px;
}

#footercontent {
	width: 900px;
	float: left;
	position: relative;
	left: 30px;
}

#footerbox1 {
	float: left;
	position: relative;
	width: 254px;
	height: 200px;
	overflow: hidden;
	padding-right: 27px;
	border-right: 1px solid #A6612A;
}

#footerbox2 {
	float: left;
	width: 274px;
	height: 200px;
	padding-left: 27px;
	padding-right: 27px;
	position: relative;
	overflow: hidden;
	border-left: 1px solid #F29D60;
	border-right: 1px solid #A6612A;
}

#twitterbird {
	width: 43px;
	height: 30px;
	position: absolute;
	right: 19px;
	top: 4px;
}

#footerbox3 {
	float: left;
	width: 253px;
	height: 200px;
	padding-left: 27px;
	position: relative;
	overflow: hidden;
	border-left: 1px solid #F29D60;
}

#copyrightinfo {
	width: 100%;
	float: left;
	margin-top: 10px;
	color: #D3D3D3;
	font-size: 11px;
}

#copyrightinfo a,
#copyrightinfo a:visited {
	color: #D3D3D3;
	text-decoration: underline;
}

#copyrightinfo a:hover {
	color: #fff;
}