/*	Layout by Chris Constandinou, constantology@gmail.com, please give me credit if you use this, good karma to you regardless...

	PLEASE NOTE...
	Where ever you see the following...
				parametre : expression(SOME_JSCRIPT_HERE) ; 
	eg.		 width:expression(document.getElementsByTagName("body")[0].clientWidth > 800? "1024px": "768px" ) ;
	This is to target specifically IE 5, 5.5, 6
	OK LATE DEVELOPMENTS....
		The reason I'm not doing it this way anymore is because for some reason it's not working in IE6 and 5.5 it was working in 5 but that's no good to me.
		So I decided to resize the page using DOM scripting because it works in all IE browsers.
	
	Wherever you see the following...
				html>body parametre { STYLE_SHEET_STUFF_HERE }
	eg.		 html>body.liquid #right { width : 20% ; }
	This is to hide style type stuffs from IE and hopefully target all compliant browsers. It works for Mozilla and Opera which is all I can test on seeing work won't buy a Mac to let me test on!
	
	Wherever you see the following...
				@media all and (min-width: 0px) { parametre { STYLE_SHEET_STUFF_HERE }	}
	eg.		 @media all and (min-width: 0px) { body.fixed #container { width : 77em ; }	}
	This is to displays tyle rules to Opera only.
*/
	@import "structure.css";
	@import "design.css";