/* Copyright 2004 - 2006 - All Rights Reserved - Thierry Koblentz - www.TJKDesign.com */

/* LAYOUT STUFF */
/* The 100% width in #outer_wrapper is used to prevent an IE bug regarding backgound painting, 
but this also creates a gap between #footer and #outer_wrapper. 
To remove that gap, the same declaration is added to #footer */
#outer_wrapper {min-width:770px;width:100%;
background:#fff url(../img/background_left.gif) repeat-y left}

/* to avoid a background-painting bug in IE Win, we need to give layout to this element. 
"zoom" takes care of IE 6, but fails in IE 5. To fix both versions at once it is better to use 
"height:0" inside a Conditional Comment */
#wrapper {background:url(../img/background_right.gif) repeat-y right;zoom:1}
#header {border:1px solid #b0b0b0; background:#3399ff}
/* we use the 2 rules below to make sure there is no gap between #wrapper and #header in IE5 Win */
#header {padding:10px 0}
#header p {margin-top:0}

/* display:inline is in there to prevent an IE Bug (IE doubles margins on floats). */
#container {
width:100%;float:left;display:inline;margin-left:-200px}

#left {float: left;
width:180px;
display:inline;
margin-left:200px
}

/* margin-left is width of #left + margin of left + a bit extra (180+200+20) */
#main {margin-left: 400px;width:auto}
/* to kill a 3px jog in IE/Win, we need to give layout to elements inside this element */
/* (Aviv) I disabled this, it messed up the numbering of <ol> 
#main * {zoom:1}
*/

/* the trick is in the padding/margin values. Note that this element is *not* a float.
 If the sidebar is shorter than #main, then there is no need for this rule. */
#sidebar {padding-left:100%;margin-left:-200px}
/* this is to make sure IE6 (v6.0.29?) *shows* everything inside this element */
#sidebar * {position:relative}

/* Because of the 100% width declaration (needed for IE), the lateral margins need 
to go (or the box would be 2px too wide) */
#footer {width:100%;clear:both;
/* (Aviv) keep it invisible now
border-top:1px solid #b0b0b0;
border-bottom:1px solid #b0b0b0;background:#b0b0b0;
*/
}

.clearing {height:0;clear:both}