/*------------------------------
=BASIC SETUP
------------------------------*/

/* Makeshift CSS Reset */
* {
	margin: 0;
	padding: 0;
}

/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article {
	display: block;
}

html, body {
	height: 100%;
}

body {
	line-height: 1;	
	background: #F0F0F0;
	background: #343434 url(header_bg.png) repeat-x center 0;
	font: 62.5% Arial, Helvetica, sans-serif;
	font: 13px/22px Helvetica, Arial, sans-serif;
	height: 100%;
	color: #3f3f3f;
	
	margin: 0 auto;
	padding:0;
	width: 940px;
}

img
{
	border:0px;
}


h1, h2 {
	font-size: 28px;
	line-height: 44px;
	padding: 22px 0;
}

h3 {
	font-size: 18px;
	line-height: 22px;
	padding: 11px 0;
}

p {
	padding-bottom: 22px;
}

/*------------------------------
=HEADER
------------------------------*/
header
{
	margin:0px;
	padding:0px;
}

/*------------------------------
=NAVIGATION
------------------------------*/

nav {
	position: absolute;
	 
	width: 940px;
	background: url("nav_background.png");
}

	nav ul {
		margin: 0 auto;
		
		list-style: none;
	}

		nav ul li {
			float: left;
		}
		
			nav ul li a {
				display: block;
				margin-right: 20px;
				width: 140px;
				font-size: 14px;
				line-height: 44px;
				text-align: center;
				text-decoration: none;
				color: #777;
			}
			
				nav ul li a:hover {
					color: #fff;
				}
			
			nav ul li.selected a {
				color: #fff;
			}
			
			nav ul li.subscribe a {
				margin-left: 22px;
				padding-left: 33px;
				text-align: left;
				background: url("rss.png") left center no-repeat;
			}



 

/*------------------------------
=CONTENT AREA AND SIDEBAR LAYOUT
------------------------------*/

#content {
	display: table;
	position: relative;
	margin-top: 66px;
}

	#mainContent {
		display: table-cell;
		width: 640px;
		padding-left: 22px;
	}
	
	aside {
		display: table-cell;
		width: 280px;
		background: url("sidebar_background.png") top left;
	}


 

 
 
/*------------------------------
=SIDEBAR
------------------------------*/
aside section {
	margin: 22px 0 0 22px;
	padding: 11px 22px;
	background: url("sidebar_section_background.png") repeat-x;
	
	/* Border-radius not implemented yet */
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}

	aside section ul {
		margin: 0 0 0 22px;
		list-style: none;
	}
	
		aside section ul li a {
			display: block;
			text-decoration: none;
			color: #000;
		}
		
			aside section ul li a:hover {
				text-decoration: underline;
			}



/*------------------------------
=FOOTER
------------------------------*/
 
footer {
	background: #000000;
	padding: 0;
	margin-bottom:0px;
	width: 940px;
}

/*=== subFooter ===*/
#subFooter1 
{
	background: #101010;	 
	color: #606060;
	font-size: 13px;
	padding:20px;
	 
}

#subFooter2 
{
	background: #000000;
	 
	color: #4a4a4a;
	font-size: 13px;
	 
}
 
 
	footer div {
		display: table;
		margin: 0 auto;
		padding: 24px 0;
		 
		 
	}
	
		footer div section {
			display: table-cell;
			width: 300px;
		}
		
		footer div #about, footer div #blogroll {
			padding-right: 20px;
		}
		
	footer h3 {
		color: #f0f0f0;
	}
	
	footer a {
		color: #2884b5;
		text-decoration:none;
	}
	
		footer a:hover {
			color: #2884b5;
			text-decoration:underline;
		}
	
	footer ul {
		margin: 0 0 0 40px;
		list-style: square;
		color: #565656;
	}
	
		footer ul li a {
			display: block;
		}