/* 2 Column LAYOUT - EM Archive */

/* Mary Hutchison, mary@tangerineblue.com */

/* Adapted from source at http://matthewjamestaylor.com */
	
/* COLUMN WRAPPER */

	.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			
	overflow:hidden;	/* This chops off any overhanging divs */
	/*background-color: #FFFFFF;*/
	}
	
/* common column settings */

	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0.5em 0 0.5em 0;
		/*overflow:hidden;*/
	}
	
	
/* COLUMN COLOURS */
	

	.page {
		 background: #FFFFFF;	
			/* right column background colour */
	}
	.page .colleft {
		right:80%;				/* right column width */
		 background: #FFFFFF;
			/*left column background colour  - in this case the same as right */
	}
	.page .col1 {
		width:80%;				/* right column content width */
		left:100%;				/* 100% plus left column left padding */
	}
	.page .col2 {
		width:20%;				/* left column content width (column width minus left and right padding) */
		left:1%;				/* (right column left and right padding) plus (left column left padding) */
	}
	

/* END 2 COLUMN LAYOUT */
