@charset "UTF-8";
/* CSS Document */



/* WORDPRESS STUFF */
#header {
    border: 	0;
}

#content {
    width: 		600px;
    border: 	0;
	padding:	0 0 30px 0;
    float: 		left;
}

#sidebar {
    width: 		130px;
    border: 	0;
	padding:	40px 0 0 20px;
    float: 		left;
	list-style:	none;
}

#delimiter {
    clear: 		both;
}

.title {
    font-size: 	11pt;
    font-family: arial;
    font-weight: bold;
}

.clearboth { clear: both; }

.content_post {
    width: 		530px;
    border: 	0;
	padding:	50px 35px 50px 35px;
    float: 		left;
}



/* BASIC PAGE */

html, body {
	height:				100%;
	margin: 			0;
	padding: 			0;
	border:				0;
	}

body {
	font-family: 		Arial, sans-serif;
	font-size:	 		10pt;
	text-align:			center; /* Hack for IE5/Win */
	color: 				#231f20;
	background-color: 	#000000;
	background-image:	url(http://www.chrisharding.net/images/bg2.gif);
	background-repeat:	repeat;
	}
	
img {
	display: 			block;
	border:				0;
	}
	
p { 
	margin: 			0 0 10px 0;
	}

ul {
	margin:				0 0 10px 0;
	padding:			0;
	}


/* to clear floating objects */
div.clearer {
	clear: 				both; 
	line-height: 		0; 
	width:				100%;
	height: 			0;
	}
	
	
	
	
/* HEADINGS */

/* SUBTITLE & Other large stuff */
h1 {
	font-weight: 		bold;
	font-size: 			10pt;
	color: 				#000000;
	margin: 			0;
	}
	
h2 {
	clear:				both;
	font-weight: 		bold;
	font-size: 			11pt;
	color: 				#000000;
	margin:				0;
	}

h3 {
	font-weight: 		normal;
	font-size: 			8pt;
	color: 				#6A625D;
	margin: 			-2px 0 0 0;
	}

h4 {
	font-weight: 		normal;
	font-size: 			9pt;
	margin: 			0 0 6px 0;
	}
	
/* HEADINGS - WORDPRESS */

h5 {
	font-family: 		Arial, sans-serif;
	font-weight: 		bold;
	font-size: 			12pt;
	color: 				#000000;
	margin: 			0 0 -2px 0;
	}
	
h6 {
	font-family: 		Futura, Arial, sans-serif;
	font-size: 			8pt;
	font-weight: 		normal;
	color: 				#6A625D;
	margin: 			0 0 8px 0;
	}

h7 {
	font-weight: 		normal;
	font-size: 			9pt;
	color: 				#6A625D;
	margin-top: 		0;
	margin-left: 		0;
	margin-bottom: 		8px;
	}
	
	

/* LINKS */
a {
	color: 				#000000;
	text-decoration: 	none;
	font-weight:		bold;
	}

a:link {
	text-decoration: 	none;
	color: 				#000000;
	}

a:visited {
	text-decoration: 	none;
	color: 				58595b;
	}

a:hover {
	text-decoration: 	none;
	color: 				#FFFFFF;
	background-color:	#000;
	}

a:active {
	text-decoration: 	none;
	color: 				#FFFFFF;
	background-color:	#000;
	}


	

/* IMAGES IN BLOG */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}




	
/* PAGE LAYOUT */

#wrapper {
	width: 				980px;
	margin: 			0 auto 0 auto;
	padding:			0;
	border:				0;
	text-align:			left;
	}
	
#toppart		{
	width: 				980px;
	margin: 			0;
	padding:			0;
	border:				0;
	float:				left;
	text-align:			center;
	background-image:	url(http://www.chrisharding.net/images/bg_header.gif);
	}
	
#middlepart		{
	width: 				980px;
	margin: 			0;
	padding:			0;
	border:				0;
	float:				left;
	background: 		white url(http://www.chrisharding.net/images/bg_log.gif) top left repeat-y;
	}
	
#bottompart	{
	width:				980px;
	clear:				both;
	text-align:			center; 
	padding: 			0;
	border: 			0;
	margin:				0;
	}

#leftbar {
	float:				left;
	width: 				220px;
	margin:				0;
	padding:			0;
	border:				0;
	background-color:	transparent;
	}
	
#middlebar {
	float:				left;
	width:				370px;
	margin: 			0;
	padding: 			0;
	border: 			0;
	}

#rightbar {
	float: 				left;
	width: 				390px;
	margin:				0;
	padding:			0;
	border:				0;
	text-align:			left;
	}

#logo {
	width:				980px;
	text-align:			center; 
	margin: 			0;
	padding: 			0;
	border: 			0;
	background-color:	transparent;
	}
	
#subtitle {
	width:				980px;
	height: 			40;
	text-align:			center; 
	font-weight:		bold;
	margin: 			0;
	padding: 			0;
	border: 			0;
	}
	
#log_main {
	clear:				both;
	width: 				320px;
	margin:				0;
	padding:			10px 40px 20px 30px;
	border:				0;
	text-align:			left;
	}

#nav {
	width:				220px;
	padding:			0;
	margin:				0;
	border:				0;
}

#nav a {
	color: 				#8E8681;
	font-weight: 		normal;
	text-decoration: 	none;
	}
	
#nav a:link {
	text-decoration: 	none;
	color: 				#8E8681;
	}

#nav a:visited {
	text-decoration: 	none;
	color: 				#8E8681;
	}

#nav a:hover {
	text-decoration: 	none;
	color: 				#FF3333;
	}

#nav a:active {
	text-decoration: 	none;
	color: 				#FF3333;
	}
	


#footer	{
	width:				880px;
	clear:				both;
	text-align:			center; 
	padding: 			20px 50px 0 50px;;
	border: 			0;
	margin:				0;
	color:				#999;
	font-weight: 		normal;
	font-size: 			8pt;
	background:			transparent;
	}


/* ROLLOVER IMAGES */
	
div#nav1	{
	margin: 0; 
	padding: 0; 
	text-indent: -9999px; 
	background: transparent url(http://www.chrisharding.net/images/nav_home.gif) top left no-repeat;
	width: 220px; 
	height: 40px;
	overflow: hidden;
	clear:left;
	}
div#nav1 h5	{
	margin: 0; 
	padding: 0;
	}
div#nav1 h5#nav1ro	{
	margin: 0; 
	padding: 0; 
	width: 220; 
	height: 40px;
	overflow: hidden;
	}
div#nav1 h5#nav1ro a	{
	display: block; 
	margin: 0; 
	padding: 0; 
	width: 100%; 
	height: 100%; 
	text-decoration: none;
	background: transparent url(http://www.chrisharding.net/images/nav_home.gif) top left no-repeat;
	}
div#nav1 h5#nav1ro a:hover	{
	background: transparent url(http://www.chrisharding.net/images/nav_home.gif) 0 -40px no-repeat;
	}

	
div#nav2	{
	margin: 0; 
	padding: 0; 
	text-indent: -9999px; 
	background: transparent url(http://www.chrisharding.net/images/nav_log.gif) top left no-repeat;
	width: 220px; 
	height: 40px;
	overflow: hidden;
	clear:left;
	}
	
div#nav2 h5	{
	margin: 0; 
	padding: 0;
	}
	
div#nav2 h5#nav2ro	{
	margin: 0; 
	padding: 0; 
	width: 220; 
	height: 40px;
	overflow: hidden;
	}
	
div#nav2 h5#nav2ro a	{
	display: block; 
	margin: 0; 
	padding: 0; 
	width: 100%; 
	height: 100%; 
	text-decoration: none;
	background: transparent url(http://www.chrisharding.net/images/nav_log.gif) top left no-repeat;
	}
	
div#nav2 h5#nav2ro a:hover	{
	background: transparent url(http://www.chrisharding.net/images/nav_log.gif) 0 -40px no-repeat;
	}
	

div#nav3	{
	margin: 0; 
	padding: 0; 
	text-indent: -9999px; 
	background: transparent url(http://www.chrisharding.net/images/nav_work.gif) top left no-repeat;
	width: 220px; 
	height: 40px;
	overflow: hidden;
	clear:left;
	}
	
div#nav3 h5	{
	margin: 0; 
	padding: 0;
	}
	
div#nav3 h5#nav3ro	{
	margin: 0; 
	padding: 0; 
	width: 220; 
	height: 40px;
	overflow: hidden;
	}
	
div#nav3 h5#nav3ro a	{
	display: block; 
	margin: 0; 
	padding: 0; 
	width: 100%; 
	height: 100%; 
	text-decoration: none;
	background: transparent url(http://www.chrisharding.net/images/nav_work.gif) top left no-repeat;
	}
	
div#nav3 h5#nav3ro a:hover	{
	background: transparent url(http://www.chrisharding.net/images/nav_work.gif) 0 -40px no-repeat;
	}
	


div#nav4	{
	margin: 0; 
	padding: 0; 
	text-indent: -9999px; 
	background: transparent url(http://www.chrisharding.net/images/nav_who.gif) top left no-repeat;
	width: 220px; 
	height: 40px;
	overflow: hidden;
	clear:left;
	}
	
div#nav4 h5	{
	margin: 0; 
	padding: 0;
	}
	
div#nav4 h5#nav4ro	{
	margin: 0; 
	padding: 0; 
	width: 220; 
	height: 40px;
	overflow: hidden;
	}
	
div#nav4 h5#nav4ro a	{
	display: block; 
	margin: 0; 
	padding: 0; 
	width: 100%; 
	height: 100%; 
	text-decoration: none;
	background: transparent url(http://www.chrisharding.net/images/nav_who.gif) top left no-repeat;
	}
	
div#nav4 h5#nav4ro a:hover	{
	background: transparent url(http://www.chrisharding.net/images/nav_who.gif) 0 -40px no-repeat;
	}
	
	

div#nav5	{
	margin: 0; 
	padding: 0; 
	text-indent: -9999px; 
	background: transparent url(http://www.chrisharding.net/images/nav_contact.gif) top left no-repeat;
	width: 220px; 
	height: 40px;
	overflow: hidden;
	clear:left;
	}
	
div#nav5 h5	{
	margin: 0; 
	padding: 0;
	}
	
div#nav5 h5#nav5ro	{
	margin: 0; 
	padding: 0; 
	width: 220; 
	height: 40px;
	overflow: hidden;
	}
	
div#nav5 h5#nav5ro a	{
	display: block; 
	margin: 0; 
	padding: 0; 
	width: 100%; 
	height: 100%; 
	text-decoration: none;
	background: transparent url(http://www.chrisharding.net/images/nav_contact.gif) top left no-repeat;
	}
	
div#nav5 h5#nav5ro a:hover	{
	background: transparent url(http://www.chrisharding.net/images/nav_contact.gif) 0 -40px no-repeat;
	}