/* Site Layout Styles
 * Updated:  10 Nov 2008 @ 4.30pm
 * Author: Joshua Deidun <ivt.com.au>
 * ---------------------------------------------*/
 
 	@import "thickbox.css";
 
 /* 
	-- TOC
	------------------------------------------
	1. Colors
	2. Reset
	3. Fix Floats
	4. Links
	5. Typography
	6. Structure
	*/
	
	/* -- COLORS
	-------------------------------------------
	/*	orange = #f26633 
		green = #7bc143 
		grey = #676767 
		darkgrey = #666666 */

	/* -- RESET
 	---------------------------------------*/
 	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; font-family: inherit; list-style: none; }
 	
 	table { border-collapse: collapse; border-spacing: 0; }
 	
 	
 	/* -- FIX FLOATS
 	---------------------------------------*/
 	.clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; }
 	* html .clearfix { height: 1%; }
 	*+ html .clearfix { height: 1%; }
	
	/* -- LINKS
	---------------------------------------*/
	a { color: #fff; text-decoration: underline; outline: none; }
	a:hover { text-decoration: none; color: #000; } 	
 	
 	/* -- TYPOGRAPHY
 	---------------------------------------*/
 	h1, h2, h3, h4, h5, h6 { color: #666666; font: normal 3em/1.5 Arial, Helvetica, "Trebuchet MS", sans-serif; }
 	h2 { font-size: 1.7em; margin: 0 0 .5em; color: #f26633; }
	h3 { font-size: 1.2em; margin: 0 0 .5em; color: #000; font-weight: bold; }
 	h4 { font-size: 1.3em; margin: 0 0 .5em; }
 	h5 { font-size: 1.1em; margin: 0 0 .5em; }
	h6 { font-size: 1.5em; margin: 0 0 .5em; }
	
	p { margin: 0 0 1em; }

 	
 	/* -- LISTS
 	---------------------------------------*/
 	ul { margin: 0 0 0 2em; }
 	li { list-style: disc; font-size: 1.1em; line-height: 1.5; }

	/* -- STRUCTURE
 	---------------------------------------*/
	
	body {font: 62.5%/1.6 Arial, Helvetica, "Trebuchet MS", sans-serif; }
	
	/* container */
	#container { width: 980px; margin: 0 auto; }
	
	/* header */
	#header { position: relative; height: 138px; }
	#header h1 { padding: 35px 0 0 10px; }
	#header form { position: absolute; top: 65px; right: 20px; width: 150px; }
	#header form input { font-style: italic; }
	#header .login { position: absolute; top: 70px; right: 200px; }
	#header .login a { color: #000; font-weight: bold; }
	#header #join { position: absolute; top: 35px; right: 415px; width: 205px; height: 23px; padding: 30px 0 0 0; text-align: center; margin: 0px; }
	
	/* nav */
	#menu {	position: absolute;	bottom: 5px; right: 10px; }
 	ul#nav { list-style: none; margin: 0; padding: 0; }
	#nav li { float: left; display: block; margin: 0 5px 0 0; }
	#nav li a {	display: block;	margin: 0; padding: 2px 15px 2px; background: #f26633; font-size: 1.5em; text-decoration: none; }
	#nav li a.home { background: #f26633 url(../images/bg-nav-left-corner.gif) top left no-repeat; color:#000; }
	#nav li a:hover { color:#000; }
	#nav li a.contactus { background: #f26633 url(../images/bg-nav-right-corner.gif) top right no-repeat; }
	
	/* banner */
	#banner { height: 180px; }
	
	/* content */
	#content { background: url(../images/bg-content.gif) 0 0 repeat-y; font-size: 1.1em; margin: 5px 0; }
	#content a { color: #000; }
	#content ul { margin: 0px; }
	#content li { list-style: none; padding: 10px 0; }
	#welcome { width: 205px; padding: 5px 20px; float: left; }
	#projects { width: 450px; padding: 5px 20px; float: left; }
	#projects_container { border-bottom: 1px solid #7bc143; margin-bottom: 20px; }
	#thumb { float: left; padding-right: 20px; }
	#more { float: right; }
	#news { position: relative; width: 205px; padding: 5px 20px; float: right; }
	#rss { position: absolute; top: 5px; left: 75px; margin: 0; padding: 0px; }
	.news_title { color: #000; }
	.date { font-size: .9em; color: #666; }
	.news { float: right; }
	#news li.news_title a { display: block; padding: 2px 0 2px 20px; background: url(../images/bg-li.gif) 0 7px no-repeat; }
	#news li.news_title div.news_description { padding-left: 20px; }
	#news li.news_title div.date { padding-left: 20px; }
	
	
	/* footer */
	#footer { color: #fff; font-size: 1.1em; background: #f26633 url(../images/bg-footer-right-corner.gif) bottom right no-repeat; }
	#developed { float: right; padding: 5px 20px; margin: 0px; }
	#copyright { float: left; padding: 5px 20px; background: #f26633 url(../images/bg-footer-left-corner.gif) bottom left no-repeat; margin: 0px; }
	
	/* thickbox for members login */
	#TB_window div div { position: relative; width: 430px; height: 288px; background: #fff url(../images/bg-login.jpg) no-repeat; }
	#TB_window div div form { position: absolute; top: 120px; left: 20px; }
	#TB_window div div form ol li { list-style: none; margin: 0 0 .75em; padding: 0; }
	#TB_window div div form ol li label { float: left; display: block; width: 70px; margin: 0 10px 0 0; font-size: 1.1em; text-align: right; }
	#TB_window div div form input { width: 180px; border: 1px solid #ddd; padding: 1px 0; }
	#TB_window div div form button { width: 140px; margin: 10px 0 0 80px; border: 0; background: none; cursor: pointer; }
	#TB_window div div a { position: absolute; top: 256px; left: 0; width: 146px; height: 32px; margin: 0; padding: 0; display: block; text-indent: -999em; }