/* 
 * CSS Framework/Baseline - brendancorcoran.com & nomorehacks.com
*/

/* 
 =RESET
 Description: this is to set a baseline for fonts and elements in all browsers
*/
html,body,
div,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,span,
em,strong,b,i,img,q,samp,small,sub,sup,dl,dt,dd,ol,ul,li,
fieldset,legend,form,label,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0; padding:0;
	border:0; outline:0;
	font-weight:normal;
	font-style:inherit;
	font-family:inherit;
	font-size:100%;
}
div,h1,h2,h3,h4,h5,h6,p {
	display:block;
}
dl,ol,ul {
	list-style:none;
}
table,caption,thead,tbody,tfoot,th,tr,td {
	border-collapse:collapse;
	border:none;
}
pre {
	font-family:monospace;
}

/*
 =HELPERS
 Description: set the class of an element to one of the following
*/
.clear {
	clear:both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.inlineLeft {
	float:left;
	display:inline;
	padding:0 10px 10px 0;
	margin:0;
	border:none;
}
.inlineRight {
	float:right;
	display:inline;
	padding:0 0 10px 10px;
	margin:0;
	border:none;
}
.warning {
	margin:10px; padding:5px;
	border:1px solid #f33;
	background:#fcc;
	color:#000;
	font-size:10px;
}
	.warning a {
		color:#300;
		text-decoration:underline;
	}

/*
 =BASELAYOUT
 Description: this is the default overall template
 Defaults:
 	container will be 940px by default. this is #container. it is the first div under document.body.
 	non-main columns will be 150px by default. this includes #left and #right
 	main column will be 640px by default. this includes #main only
*/
body {
	text-align:center;
}
#container {
	/* override me in site stylesheet */
	width:940px;
	margin:0 auto;
	text-align:left;
}
#header {
	width:auto;
}
#content {

}
	#left {
		/* default width */
		width:150px;
	}
	#main {
		/* width set to 640px for max compatibility -- this is for 3 column */
		width:640px;
	}
	#right {
		/* default width */
		width:150px;
	}
#footer {
	width:auto;
	clear:both;
}

/*
 =TEMPLATES
 Description: each configuration default will be placed under here.
*/
/* 1 column: main */
.m #main {
	width:auto;
}

/* 2 column: left, main */
.lm #left {
	float:left;
}
.lm #main {
	width:790px; /* 2 column width */
	float:right;
}
.lm #right {
	display:none;
}

/* 2 column: main, right */
.mr #left {
	display:none;
}
.mr #main {
	width:790px; /* 2 column width */
	float:left;
}
.mr #right {
	float:right;
}

/* 3 column: left, main, right */
.lmr #left {
	float:left;
}
.lmr #main {
	float:left;
}
.lmr #right {
	float:right;
}

/* 3 column: left, right, main */
.lrm #left {
	float:left;
}
.lrm #right {
	float:left;
}
.lrm #main {
	float:right;
}

/* 3 column: main, left, right */
.mlr #main {
	float:left;
}
.mlr #left {
	float:right;
}
.mlr #right {
	float:right;
}