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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit }

/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
strong { font-weight: bold }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { background: #FFF; font-family: Geneva, Arial, Helvetic, sans-serif }

#wrapper { width: 760px; border: 1px solid #DDD; background: #FFF; margin: 10px auto }
	#header { position: relative; height: 20px; padding: 20px; background: #EEE }
		#logout { position: absolute; right: 20px; top: 20px;}
		#logout a { font-size: 11px; padding: 10px; background: #EFEFEF; border: 1px solid #DDD; text-decoration: none; color: #666 }
	#mainbody { background: #FFF; padding: 20px 0 }
		#leftnav { width: 140px; float: left; padding: 0 20px }
			#leftnav ul { border-top: 1px solid #DDD }
			#leftnav li { border-bottom: 1px solid #DDD }
			#leftnav li a { text-decoration: none; font-size: 12px; color: #666; display: block; padding: 10px;  }
		#maincontent { width: 519px; min-height: 500px; padding: 0 20px; border-left: 1px solid #DDD;  float: left; background: #FFF; font-size: 12px; color: #999 }
			#maincontent h2 { background: #EEE; padding: 10px; font-size: 14px; color: #666 ; margin-bottom: 20px; border-bottom: 1px solid #CCC }
			.projects li { margin-bottom: 10px; }
				.projects li h3 { background: #E9F7DF; font-size: 12px; font-weight: bold; border-bottom: 1px solid #BDD1AE; padding: 10px; margin-bottom: 10px }
			div.tasks { padding: 0 10px }
				div.tasks ol { list-style: decimal; padding-left: 20px }
	#footer { background: #EEE; padding: 20px; font-size: 11px; color: #999 }

.clear { clear: both; height: 0; line-height: 0}

#loginbox { width: 300px; padding: 20px; margin: 0 auto ; background: #EFEFEF; border: 1px solid #DDD}
	#loginbox h2 { font-size: 14px; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #999; padding-bottom: 10px  }
		
		#loginbox div { margin-bottom: 10px }
			#loginbox div input, #loginbox div label { display: block; }
			#loginbox label { font-size: 11px; color: #666; padding-bottom: 5px }