/*** CSS Reset : Author:Eric Meyer : http://meyerweb.com/eric/thoughts/2007/04/14/reworked-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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-size: 100%; line-height: 1.2; text-align: left; vertical-align: baseline; }
	a 		{ text-decoration: none; }
	a:hover { text-decoration: underline; }
	a img, :link img, :visited img 	{ border: 0; }
	table { border-collapse: collapse; border-spacing: 0; }
	/*ol, ul { list-style: none; }*/
	q:before, q:after, blockquote:before, blockquote:after { content: ""; }
	/*** End CSS Reset ***/

	body { background-color:#000; color:#FFF }
	h1 { font-family:georgia; font-weight:normal; font-size:150%}
	h1 a{ font-family:georgia; }
	a { color:#fff }
	
	em {font-style:italic}


	.wrapper {margin:20px auto;  width:900px; background:#333;border:1px solid #555}
	.header { position:relative; padding:20px; border-bottom: 1px solid #555; }
	.body { padding:20px;position:relative}

	.nav	{float:left; width:280;padding-bottom:20px; overflow:auto;}
	.nav em {font-size:70%}
	.content{margin-left:300px; width:560px; color:#ddd }

	.content ul {padding-left:20px}

	.footer { position:relative; padding:20px; border-top: 1px solid #555; }
	.footer .attribution {position:absolute; top:20px; right:20px; }
	.footer P {font-size:80%; font-weight:bold; color: #777;text-align:right}
	.footer a {color: #777}