/* General styles */
body
{
	margin: 0;
	padding: 0;
	border: 0;			/* This removes the border around the viewport in old versions of IE */
	width: 100%;
	min-width: 600px;    /* Minimum width of layout - remove line if not required */
}

h1, h2, h3
{
	margin: 0;
	padding: 0;
}

/********************************************************************/
/*	HEADER															*/
/********************************************************************/
#header
{
	display: block;
	clear: both;
}

/********************************************************************/
/*	COLUMN WRAPPERS													*/
/********************************************************************/
#page_wrapper
{
	position: relative;
	width: 95%;		/* width of whole page */
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}

#col_wrapper
{
	position: relative;
	float: left;
	width: 200%;
	left: 12em;
	
	/* footer "top margin" */
	margin-bottom: 1em;
}

#col1wrap
{
	position: relative;
	float: right;
	width: 50%;
	right: 12em;
}

/********************************************************************/
/*	CONTENT															*/
/********************************************************************/
/*	This column CAN have padding!									*/
/*																	*/
/*	If you change sidebar width, also change left-margin here		*/
/********************************************************************/
article
{
	margin-left: 15em;		/* width of sidebar + however much space you want between */
	position: relative;
	right: 101%;
	overflow: hidden;
	
	/* this column CAN have padding! */
	padding: 0 1em 0 1em;
}

/********************************************************************/
/*	SIDEBAR															*/
/********************************************************************/
/*	This column can NOT have padding!  To emulate padding, set		*/
/*	margins on the child elements instead.							*/
/*																	*/
/*	If you change the width of the sidebar, also change article's	*/
/*	left margin.													*/
/********************************************************************/
#sidebar
{
	position: relative;
	float: left;
	width: 14em;	/* if you change this, also change article left-margin */
	right: 12em;
}

	#sidebar nav,
	#sidebar aside
	{
		margin-right: 1.1em;
	}

/********************************************************************/
/*	FOOTER															*/
/********************************************************************/
/*	To change the top margin on the footer, change bottom-margin on	*/
/*	#col_wrapper instead											*/
/********************************************************************/
#footer
{
	display: block;
	clear: both;
	margin: 0 1% 1% 0;
}