/*
 * STYLESHEET:	Basic Styles flyingpixelstudios.com
 *    VERSION:	10.24.2009
 *    UPDATED:	-
 * 
 * ====================================
 *  T A B L E   O F   C O N T E N T S
 * ==================================== 
 
 	1) GENERAL STYLES
 	
	 	1.1) TYPOGRAPHY
	 
	 	1.2) HEADINGS
	 
		1.3) LINKS
	 
	 	1.4) PARRAGRAPH
	 
	 	1.5) DEFINITIONS
	 
	 	1.6) LISTS
	 
		1.7) TABLES
	 
		1.8) FORMS
	
	2) CLEARFIX


	==================================================
 	1)		G E N E R A L     S T Y L E S
	==================================================
	
	 1.1)		T Y P O G R A P H Y.
	 * 
	 * Note: Make sure to modify the styles on the
	 * 		 textarea & input elements, on the 
	 * 		 forms section.
	 * -----------------------------------------------*/
	body { font-family:  Trebuchet MS, Arial, sans-serif; font-size: 13px; color: #323232; }

	/* 1.2)		H E A D I N G S
	 * -----------------------------------------------*/
	h1, h2, h3, h4, h5, h6,h7 { margin: 0 0 0 0; padding: 0 0 0 0; font-family: "Lucida Sans Unicode", Lucida Grande, Garuda, Arial, sans-serif; font-weight: normal; letter-spacing: -0.1px; }
	h1,h2 { padding:  0 0 0.5em 0; }
	h3,h4,h5,h6 { padding: 0.5em 0 0.3em 0; }
	h1 { font-size: 25px; }
	h2 { font-size: 22px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }
	h7 { font-size: 20px;  color:#0072e8;  padding:  0 0 0 0; }
	.headings-generic * { padding: 0.5em 0 0.3em 0; }

	/* 1.3)		L I N K S
	 * -----------------------------------------------*/
	a { text-decoration: none; font-weight: bold; color: #0077ce; }
	a:link { }
	a:visited { }
	a:hover { text-decoration: underline; }
	a:active { }

	/* 1.4)		P A R R A G R A P H
	 * -----------------------------------------------*/
	p { line-height: 1.5em; padding: 0 0 1em 0; }
	br { line-height: 1.7em; }
	img { }
	acronym, abbr { cursor: help; border-bottom: 1px dotted black; }
	cite { }
	strong, big { font-weight: bold; }
	small { font-size: 11px; }
	em { }
	del, strike { }
	ins { }
	blockquote { width: 85%; font-style: italic; margin: 0 auto 0 auto; }
	blockquote p:before, blockquote p:after { content: "\""; }
	blockquote:before { }
	blockquote:after { }
	q:before, q:after { content: "\""; }
	code, kbd, samp { }
	address { margin: 0 0 0 0; padding: 0 0 1.5em 0; }

	/* 1.5)		D E F I N I T I O N S
	 * -----------------------------------------------*/
	dl { padding: 0 0 0 0; line-height: 1.5em; }
	dt { padding: 0 0 5px 0; font-weight: bold; }
	dd { padding: 0 0 1em 15px; font-style: italic; }
	
	/* 1.6)		L I S T S
	 * -----------------------------------------------*/
	ul { }
	ol { }
	ul, ol { padding: 0 0 1.5em 0; }
	ul li, ol li { padding: 0 0 0.7em 15px; line-height: 1.5em; }
	ul li { list-style-type: none; list-style-position: inside; }
	ol li { list-style-type: decimal; list-style-position: inside; }
	
	
	
	/* 1.8)		F O R M S 
	 * -----------------------------------------------*/
	form {  }
	form p { padding: 0; }
	label { font-weight: bold; display: block; padding: 0 0 4px 0;}
	input {
	width: 265px;
	height: auto;
	padding: 2px;
	margin-bottom: 12px;
	background: url(../images/common/input-bg.png) repeat-x top #faf9f8;
	border: solid 1px #8d8484;
	font-size: 13px;
	font-family: Lucida Sans Unicode;
	letter-spacing: 0.01em;
}

input_radio {
	width:5px;
	padding: 2px;
	margin-bottom: 12px;
	border: solid 1px #8d8484;
	font-size: 13px;
	font-family: Lucida Sans Unicode;
	letter-spacing: 0.01em;
}

	input:hover { border-color: #68b3ea; }
	input:focus { border-color: #0077ce; }
	input.submit-button { width: 150px; height: 35px; text-align: center; background: url(../images/common/button.png); border: none; font-family: Trebuchet MS; font-weight: bold; font-size: 17px; color: #fff; margin: -12px 0 0 0; }
	input.submit-button:hover { cursor: pointer; }
	textarea { width: 400px; height: 150px; background: url(../images/common/input-bg.png) repeat-x top #faf9f8; margin-bottom: 23px; border: solid 1px #8d8484; padding: 10px; font-size: 13px; line-height: 1.6em; font-family: Lucida Sans Unicode; letter-spacing: 0.01em;  }
	textarea:hover { border-color: #68b3ea; }
	textarea:focus { border-color: #0077ce; }
	option { }
	button { }
	fieldset { }
	legend { }

/*============================================
 *  2)		C L E A R F I X
 *============================================ */

	/* http://sonspring.com/journal/clearing-floats */
	html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear
	{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}
	
	/* http://www.positioniseverything.net/easyclearing.html */
	.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
	.clearfix { display: inline-block; }
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }

/* EOF */