/* (CC) 2008 Han Lin Yap. Some Rights Reserved.             	  */
/*   http://creativecommons.org/licenses/by/3.0                   */
/* This style sheet is licensed under a Creative Commons License. */
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	* Filename: layout.css
	* Version: 1.0 (2008-08-05)
	* Website: http://www.zencodez.net/
	* Author: Han Lin Yap
	* Description: Handles the site layout.
	* Last Modified: 2008-08-06
	
	== INDEX: ==================================
	Debug : Use for debug mode
	Layout : Css for layout
	============================================
	
	== VERSION HISTORY: ========================
	* Version: 0.1 (2008-08-05)
	* Notes: Created

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
/* yui reset version: 2.5.2 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

/* === Debug === */
/*div { border:#FF0000 solid 1px; }*/
/*#container { background:#CCCCCC;} #header { background:#999999;} 
#mainContent { background:#666666;} #footer { background:#333333;} 
#content { background:#000000; } #contentBottom { background:#00CC00; }
.sidebar { background:#FF0000; }*/

/* === Layout === */
body, html { height:100%; } /* 100% height */
#container, #header, #mainContent, #footer, #navigation {
	width: 909px; /* Define Full page width - current: 909px */
}

#container {
	position:relative; /* [if] footer place to bottom */
	margin: 0 auto; /* Define align - current: center*/
	min-height: 100%; /* Define Full page height [if] 100% height */
}

	#header {
		/*position: fixed;*/ /* [if] "always-on-top" */
		/*z-index: 10;*/ /* [if] "always-on-top" */
		height: 168px; /* Define header height */
	}
	
	#mainContent {
		/*padding-top: 168px;*/ /* [if] "always-on-top" */
		height: 2000px; /* Define mainContent height */
		padding-bottom: 100px; /* Define footer height [if] footer place to bottom */
	}
	
		#content {
			float: left;
			width: 50%;
			height: 100%;
			position: relative; /* [if] contentBottom place to bottom */
		}
			#contentBottom {
				position: absolute; /* [if] place to bottom */
				width: 100%;
				height: 30px;
				bottom: 0px; /* [if] place to bottom */
				/* right:0px; */ /* [if] place to right */
				left:0px;
			}
				.sidebarBottomCorn {
					float: right;
					width: 30px;
					height: 30px;
				}
		.sidebar {
			float: left;
			width: 21%;
			min-height: 150px;
			position: relative; /* [if] sidebarBottom place to bottom */
		}
			.sidebarTopCorn {
				float: right;
				width: 40px;
				height: 40px;
			}
			.sidebarBottom {
				position: absolute; /* [if] place to bottom */
				width: 100%;
				height: 30px;
				bottom: 0px; /* [if] place to bottom */
				/* right:0px; */ /* [if] place to right */
				left:0px;
			}
	
	#footer {
		position:absolute; /* [if] place to bottom */
		/*position: fixed;*/ /* [if] "always-on-top" */
		bottom: 0px;  /* [if] place to bottom */
		height: 100px; /* Define footer height */
	}