/*	----------------------------------------------------------------------------
	
	CSS Code is Poetry? Maybe... - J5
	
	----------------------------------------------------------------------------
	
	1.	Globals
	2.	Links
	3.	Layout
		A.	Foundation
		B.	Header
		C.	Content
		D.	Footer
	4.	Styling
		A. Forms
		B. Any Extras

	----------------------------------------------------------------------------
	(1) GLOBALS
	--------------------------------------------------------------------------*/
	
	* 									{ margin: 0px; padding: 0px;  border:0px; border:none; } 
	html, body 							{ height: 100%; } 
	body 								{ background: #FFF; font: small/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color: #000000; font-family:"Trebuchet MS",Tahoma,Verdana,sans-serif; font-size:90.5%;}	
	h1, h2, h3, h4, h5, h6 				{ font-weight: normal; line-height: 1em; color:#201815;  } 
	h1 									{ font-size:900%; line-height:110px; font-weight:bold; } 
	h2 									{ font-size:210%; font-weight:bold; } 
	h3 									{ font-size: 135%; color: #201815; padding-top: 9px; } 
	h3 em 								{ font-style: normal; color: #ccc3ba; } 
	h4 									{ padding-bottom: 7px; font-size: 70%; line-height: 1.3em; color: #66615d;  }
	h5 									{ padding: 20px 0 5px 0; font-size: 130%; color: #000; }
	blockquote 							{ display: block; margin-top: 5px; padding: 15px 20px 0 20px; border-top: 1px dotted #232221; color: #ccc6c2; }
	cite 								{ display: block; text-align: right; padding: 0 20px 5px 20px; font-size: 85%; color: #66615d; border-bottom: 1px dotted #232221; margin-bottom: 10px; }
	p 									{ line-height: 1.5em; padding-bottom: .5em; font-size:11px; }
	ol 									{ padding: 0 0 .8em 20px; font-size: 85%; }	
	table 								{ padding:0px; border:0px; border-collapse: collapse; }
	td, th 								{ text-align:left; }
	em 									{ font-style: normal; color: #000; }
	sup 								{ font-size: 50%; }
	input								{ height:26px; font-size:20px; color:#666; padding-left:4px; border:0px;}
	
	textarea							{font-size:20px; color:#666; margin-left:4px; font-family:Verdana, Geneva, sans-serif; border:0px;}
	.hidden								{ width:0px; height:0px; position:absolute; left:-2000px; overflow:hidden;}

/*	----------------------------------------------------------------------------
	(2) LINKS
	--------------------------------------------------------------------------*/

	a, a:link, a:visited, a:active		{ color:#333; text-decoration: none; } 
	a:hover								{ text-decoration:underline; color:#666; }
	a img 								{ border: none; }
			 
	
/*	----------------------------------------------------------------------------
	(3) LAYOUT
	----------------------------------------------------------------------------	
	(3A) Foundation
	--------------------------------------------------------------------------*/
	#body_wrapper						{ width:980px; margin:10px;}
	#lcol_wrapper						{ float:left; width:175px;}
	#rcol_wrapper						{ float:left; width:770px;}
	
 
/*	----------------------------------------------------------------------------
	(3B) Header
	--------------------------------------------------------------------------*/	
	#title_wrapper						{text-align:center; margin:0px auto; width:140px;}
	#nav_wrapper						{ font-size:11px; text-align:center; margin:0px auto; width:155px;}
	

/*	----------------------------------------------------------------------------
	(3C) Content
	--------------------------------------------------------------------------*/
	.mini_col							{ float:left; width:240px; margin-right:15px;}
	#rcol_wrapper	.hr_div				{ height:2px; clear:both; width:100%; border-bottom:1px dashed #6B6B6B;}
	
	.sub_title							{ font-size:17px; font-weight:bold; color:#4F4F4F; width:100%;}
	.sub_content						{ font-size:12px; font-weight:normal; width:100%; color:#4F4F4F; }
	
	.sub_content .icon					{ float:left; width:100px;}
	.sub_content .description			{ float:left; width:500px;}
	
	.fav_title a 						{ text-decoration:none; font-weight:bold; }
	.fav_tags  							{ padding-top:4px;}
	.fav_title a:hover 					{ text-decoration:none; font-weight:bold; color:#333;  }	
	.fav_tags a:hover					{ color:#333;  }
	.description .item_yang 			{ padding:10px; margin-top:5px; margin-bottom:5px; padding-left:5px; font-size:11px; line-height:11px;	}	 
	.description .item_yin 				{ padding:10px; margin-top:5px; margin-bottom:5px; padding-left:5px; background-color:#E6E6E6;  font-size:11px; line-height:11px;	}
 	
	.sub_rcol_wrapper					{ float:left; width:400px; width:295px;}
 	.sub_lcol_wrapper					{ float:left; width:400px; width:275px;}
 
 	.sub_rcol_wrapper	ul				{ margin-left:20px;font-size:10px; line-height:15px; margin-top:0px; border-top:0px; padding-top:0px;}
	.sub_rcol_wrapper	ul li			{ list-style:none; }
	.sub_lcol_wrapper	ul				{ margin-left:20px;font-size:10px; line-height:15px;margin-top:0px; border-top:0px; padding-top:0px;}
	.sub_lcol_wrapper	ul li			{ list-style:none; }
	
	.sub_rcol_wrapper	ul ul			{ margin-left:10px;margin-top:0px; border-top:0px; padding-top:0px;}
	
	#confirmation_message				{ width:100%; background-color:#093; color:#FFF; font-size:19px; font-weight:bold; text-align:center; height:50px; border:2px solid #063;}
	#confirmation_message .copy  		{ padding-top:15px;}
	
	.note								{ font-size:10px; text-align:left; color:#777; margin-right:15px;}	
 
 
/*	----------------------------------------------------------------------------
	(3D) Footer
	--------------------------------------------------------------------------*/
 	#legal								{ font-size:10px; color:#666; text-align:center; margin:0px auto;}
	
	 
/*	----------------------------------------------------------------------------
	(4) Styling
	--------------------------------------------------------------------------*/		
  	
   		
		
		
/*	----------------------------------------------------------------------------
	(4)A Styling - Forms
	--------------------------------------------------------------------------*/	
	.inputbx							{ background-color:#FFF; height:30px; border:2px solid #CCC; padding-top:5px;}
	.err_msg							{ display:none; color:#e10000;}
		
	.btn_wrapper						{ height:25px; background-color:#03F; border:2px solid #009; cursor:pointer;}
	.btn_text							{ padding:2px; color:#FFF; padding-left:15px; padding-right:15px;}
	 
		
/*	----------------------------------------------------------------------------
	(4) Extras
	--------------------------------------------------------------------------*/		
	.cb 								{ display:block; clear:both; line-height:1px; height:0px; overflow:hidden; border:0px; padding:0px; margin:0px; }
	.cb_mini							{ display:block; clear:both; height:5px;  padding-bottom:4px; line-height:0px;}
	.cb_small 							{ display:block; clear:both; height:10px;  line-height:0px; overflow:hidden;}
	.cb_small_15 						{ display:block; clear:both;  display:block; clear:both; padding-bottom:15px; line-height:0px}
	.cb_medium 							{ display:block; clear:both; height:55px;  line-height:0px}
	.cb_large 							{ display:block; clear:both; height:100px; line-height:0px}
	.cb_xlarge 							{ display:block; clear:both; height:200px; line-height:0px}
	
