/*This is where the basic structure goes*/

/*Defaults*/
header, footer, nav, article, section, aside, time {display: block; margin: 0px;}

/*Body*/
html {min-width: 1070px;}
body {background: #F7F7F7 url('images/bg_stripe.gif') repeat-y 50% 0;  margin: 0px}
#container {background: transparent url('images/top_bg.gif') repeat-x 50% 0px; margin: 0px; width: 100%}
footer {min-width: 1070px;}

/*Columns*/
#wrapper {margin: 0 auto; position: relative; width: 1070px;}
#mainCol {background: #fff; float: left; left: 70px; margin: 84px 0 0 0; padding: 40px 0px; position: relative; width: 490px; z-index: 2;} 
#navCol {background: #F7F7F7 url('images/light_grey_panel.gif') no-repeat 2px 2px; float: left; left: 70px; margin: 84px 0 0 0; padding: 40px 30px; min-height: 500px;  position: relative; width: 160px; z-index: 2;}
#tagCol {background: #EDEDED; width: 220px; min-height: 500px; position: absolute; right: 70px; top: 0px;}

/*Header*/
#pageHeader {display: block; left: -363px; height: 575px; position: absolute; z-index: 1; top: 0px; width: 1143px;}
#pageHeader h1 {color: #fff; display: block; height: 50px; margin: 10px; position: absolute; right: 0px; width: 300px; text-indent: -9999px;}
#pageHeader h1 a {display: block; height: 50px; width: 300px;}

/*IE6 Layout very nasty but thats because IE6 suffers from outdated software syndrom */
* html #mainCol time {left: -100px;}