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

/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article, main, canvas {
	display: block;
}
body {
	/*margin: 0 auto;
	padding: 22px 0;
	width: 940px;*/	
	width:100%;
	font: 13px/22px Helvetica, Arial, sans-serif;
	background: #F0F0F0;
}

.flexbox {
	display:-moz-box;
	display:-webkit-box;
	display: box;
	text-align: left;	
}


.bodyContainer {
	/*margin: 0 auto;
	padding: 22px 0;*/
	/*width: 940px;*/
	width:100%;
	line-height:0;
	
}

.bodyContainer *{
line-height: 150%;
}

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

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

.container
{
	line-height:0;
}

#headerContainer
{
	line-height:0;
}

#pageTitle {
/*	display:-moz-box;
	display:-webkit-box;
	display: box;
	
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	
	-moz-box-pack: center;
	-webkit-box-pack: center;
	box-pack: center;
*/
	background-color: #131313;
	width:100%;
	text-align:center;
	line-height:0;
	        
}

#pageTitle section{
    margin: auto;    
}

	#pageTitle div
	{
		margin:0;padding:0;
		position:relative;
		background-color: #131313;
		
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
		line-height:0;
		width:0;		
	
	}
	/*
    #pageTitle #logoImg
	{		
		margin:0;padding:0;
		
		-webkit-box-flex: 0;
		-moz-box-flex: 0;
		box-flex: 0;		
		width:946px;
		background-color:black;
	}
	
	#pageTitle #logoImg img 
	{
		border:0;	
		overflow:hidden;
		display: inline-block;
	}*/

nav {	
	display:-moz-box;
	display:-webkit-box;
	display: box;
	-moz-box-pack: center;	
	-webkit-box-pack: center;
	box-pack: center;
	text-align: left;	
	left: 0;
	width: 100%;
	height: 43px;
	background: #537153; /* Old browsers */
	background: -moz-linear-gradient(top, #537153 0%, #728f72 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#537153), color-stop(98%,#728f72)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #537153 0%,#728f72 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #537153 0%,#728f72 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #537153 0%,#728f72 98%); /* IE10+ */
	background: linear-gradient(top, #537153 0%,#728f72 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#537153', endColorstr='#728f72',GradientType=0 ); /* IE6-9 */
}

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

		nav ul li {
			float: left;
		}
		
			nav ul li a {
				display: block;
				
				height:100%;
				
				padding-top:8px;
				padding-bottom:8px;
				padding-left:6px;
				padding-right:6px;
				font-size: 17px;
				line-height: 44px;
				text-align: center;
				text-decoration: none;
				text-transform:uppercase;
				color: #e8ebf7;		

				position:relative;		/* for absolute child to know parents dimensions */		
				
			}
			
			nav ul li.border div{
				
				line-height:0;
				display: block;
				height: 43px;
				width:2px;
				background-color: #475c48;				
				border-right: 1px solid #7c947d;
			
			}
			
		
			
				nav ul li a:hover {
					color: #e2e3f3;
					
				}
			
			
				nav ul li a div.highlight {
					display:none;
					position:absolute;
					width:100%;
					height:100%;
					left: -20px;
					top: -20px;
					padding-left:20px;
					
					padding-bottom:20px;
				}
				
				nav ul li a:hover div.highlight {
					
					display: block;
					background-image: url('images/menu_selected.png');
				
				}
			
			
			nav ul li.selected a {
				color: #e2e3f3;
			}
			/*
			nav ul li.subscribe a {
				margin-left: 22px;
				padding-left: 33px;
				text-align: left;
				background: url("images/rss.png") left center no-repeat;
			}*/




/*------------------------------
=MAIN CONTENT
------------------------------*/
main, body>div {
    width:100%;
    display:-moz-box;
	display:-webkit-box;
	display: box;
	-moz-box-pack: center;	
	-webkit-box-pack: center;
	box-pack: center;
}

main > * {
    /*float:left;
    width: auto;
    height: 100%;
    */
    border: 1px solid black;
}

#mainContent {
    
	/*width: 620px;*/
	/*width:30%;	
	width: 920px;*/
	width:946px ;	
        margin:0;padding:0;
	/*padding-right: 22px;	*/
	
	
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	box-flex: 0;

	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	box-ordinal-group: 2;
}

/*------------------------------
=SIDEBAR
------------------------------*/

#leftSidebar > div li{


}

#leftSidebar {	
		
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;

	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	box-ordinal-group: 1;	
	
	background: url("images/gradient_left.png") top right;
	background-repeat:  repeat-y;

}


#rightSidebar *{
/*width:0;*/
}

#rightSidebar {	
	background: url("images/gradient_right.png") top left;
	background-repeat:  repeat-y;
	
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;

	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	box-ordinal-group: 3;
	


}

#leftSidebar div {
/*	margin: 22px 0 0 22px;
	padding: 11px 22px;*/
	background: url("images/sidebar_section_background.png") repeat-x;
	
	/* Border-radius not implemented yet */
	/*
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;*/
	
	
}

	#leftSidebar div ul, #rightSidebar div ul {
	/*	margin: 0 0 0 22px;*/
	margin:0;padding:0;
		list-style: none;
	}
	
	#leftSidebar div ul li{
	margin:0;padding:0;
	}
	
		#leftSidebar div ul li a {
			display: block;
			text-decoration: none;
			color: #000;
			margin:0;padding:0;
		}
		
			#leftSidebar div ul li a:hover {
				text-decoration: underline;
			}



	
/*------------------------------
=BLOG POST
------------------------------*/
.blogPost {
	
}


.blogPost header p, .blogPost header p a {
		font-size: 14px;
		line-height: 14px;
		font-style: italic;
		color: #777;
	}
	
		.blogPost header p a:hover {
			text-decoration: none;
			color: #000;
		}

.blogContent {

	/* Column-count not implemented yet */
	/*-moz-column-count: 2;
	-webkit-column-count: 2;
	*/
	/* Column-gap not implemented yet */
	/*-moz-column-gap: 22px;
	-webkit-column-gap: 22px;
		
	column-count: 2;
	column-gap: 22px;	*/


}
	
.blogPost img {
	margin: 22px 0;
	-webkit-box-shadow: 3px 3px 7px #777;
}


/*------------------------------
=COMMENTS
------------------------------*/

#comments {
	margin-top: 21px;
	padding-top: 22px;
	border-top: 1px solid #d7d7d7;
}

	#comments article {
		display: table;
		padding: 22px;
	}
	
	#comments article:nth-child(odd) {
		padding: 21px;
		background: #E3E3E3;
		border: 1px solid #d7d7d7;
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
	}
	
		#comments article header {
			display: table-cell;
			width: 220px;
			padding-right: 22px;
		}
		
			#comments article header a {
				display: block;
				font-weight: bold;
				color: #000;
			}
			
				#comments article header a:hover {
					text-decoration: none;
				}
		
		#comments article p {
			padding: 0;
		}



/*------------------------------
=FOOTER
------------------------------*/
footer {
    overflow:hidden;
    border: 1px black solid;
	/*position: absolute;*/
	left: 0;
	width: 100%;	
	margin: 0 auto;	
	/*background: #222;*/
	background: #fefcea; /* Old browsers */
	background: -moz-linear-gradient(left, #fefcea 0%, #f1da36 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #fefcea 0%,#f1da36 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #fefcea 0%,#f1da36 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(left, #fefcea 0%,#f1da36 100%); /* W3C */
}

footer section {
    
    float: left;
    height : 1%;
}

footer .flexbox {
	padding-bottom:44px;
}

footer #about{
	width:350px;
}

footer div #about, footer div #blogroll {
			padding-right: 20px;
		}
		
	footer h3 {
		color: #FFF;
	}
	
	footer a {
		color: #999;
	}
	
		footer a:hover {
			color: #FFF;
			text-decoration: none;
		}
	
	footer ul {
		margin: 0 0 0 40px;
		list-style: square;
		color: #565656;
	}
	
		footer ul li a {
			display: block;
		}
		
#blogroll {
	
}

#popular {
	
}