/* 
  ------------------------------------------------
  Mastertemplate Main Stylesheet
  Copyright (c) 2009 artKenya.net
  www.artkenya.net
  layout.css
  ------------------------------------------------
*/

/*************************************************** column container **********************************************/
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width: 100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	border-top: 0px solid #ff0000;
	background-color: #e4e4f1;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding: 0em 0 0em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}


/* Full page settings  = div class="colmask fullpage"*/
	.fullpage {
		background:#fff;		/* page background colour */
	}
	.fullpage .col1 {
		width: 96%;			/* page width minus left and right padding */
		left: 2%;			/* page left padding */
	}

/* 2 Column (left menu) settings */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:79%;			/* right column width */
		background:#e4e4f1;	/* left column background colour */
	}
	.leftmenu .col1 {
		width:75%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:21%;			/* left column content width (column width minus left and right padding) */
		left:4%;			/* (right column left and right padding) plus (left column left padding) */
	}

/* 2 Column (right menu) settings */
	.rightmenu {
		background:#e4e4f1;		/* right column background colour */
	}
	.rightmenu .colleft {
		right:25%;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.rightmenu .col1 {
		width:71%;			/* left column content width (left column width minus left and right padding) */
		left:27%;			/* (right column width) plus (left column left padding) */
	}
	.rightmenu .col2 {
		width:21%;			/* right column content width (right column width minus left and right padding) */
		left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}

/* 3 Column settings */
.threecol {
	background:#fff;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background:#e4e4f1;	/* left column background colour */
}
.threecol .col1 {
	width:48%;			/* width of center column content (column width minus padding on either side) */
	left:101%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:25%;			/* Width of left column content (column width minus padding on either side) */
	left:27%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:25%;			/* Width of right column content (column width minus padding on either side) */
	left:77%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */

}

/* 3 Column blog style settings */
	.blogstyle {
		background:#fff;			/* right column background colour */
	}
	.blogstyle .colmid {
		right:26%;				/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.blogstyle .colleft {
		right:26%;				/* width of the middle column */
		background:#fff;			/* left column background colour */
	}
	.blogstyle .col1 {
		width:48%;				/* width of left column content (column width minus padding on either side) */
		left:52%;				/* 100% plus left padding of center column */
	}
	.blogstyle .col2 {
		width:24%;				/* Width of left column content (column width minus padding on either side) */
		left:53%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.blogstyle .col3 {
		width:26%;				/* Width of right column content (column width minus padding on either side) */
		left:54%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

/* 2 Column (double page) settings */
	.doublepage {
		background:#eee;		/* right column background colour */
	}
	.doublepage .colleft {
		right:50%;			/* right column width */
		background:#ddd;		/* left column background colour */
	}
	.doublepage .col1 {
		width:46%;			/* left column content width (column width minus left and right padding) */
		left:52%;			/* right column width plus left column left padding */
	}
	.doublepage .col2 {
		width:46%;			/* right column content width (column width minus left and right padding) */
		left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}