/**
 * Controls the main layout (width, height, margin, padding)
 *
 * #container
 *   #header
 *   #page
 *     #content
 *     #sidebar
 *   #footer
 */
body {
	text-align: center;
	margin: 0; padding: 1em; 
}

#container {
	width: 740px;
	text-align: left; 
	margin: 0 auto; padding: 0;
}

#header {
	height: 60px; 
	margin: 0 0 15px; padding: 0;
}

#page {}

#content {
	width: 500px;
}

#sidebar {
	width: 200px;
}

#footer {
	height: 40px; 
	margin: 10px 0 0; padding: 10px 0 0;
	clear:both; 
}

/*--------------------------------------------------------------
 Sidebar Alignment: you can have left or right
 --------------------------------------------------------------*/

/* BEGIN: Right Sidebar */
#sidebar {
	float: right; text-align: left;
	padding-left: 15px; 
	border-left: 1px dotted #ddd; 
}
#content {
	float: left;
	padding-left: 5px; 
}
/* END: Right Sidebar */


/* BEGIN: Left Sidebar
#sidebar {
	float: left; text-align: right;
	padding-right: 20px; 
	border-right: 1px dotted #ddd; 
}

#content {
	float: right; text-align: left;
}
/* END: Left Sidebar */