/**
* Implentation of the "One True Layout" by positioneverything.net
* see http://www.positioniseverything.net/articles/onetruelayout/
* and http://www.positioniseverything.net/articles/onetruelayout/appendix/holygrail
* for details
*/

#main-wrapper {
  float: left;
  width: 100%;
}

#main	{
  margin: 0;
}

.withleft #main {
  margin-left: 190px;
}

.withright #main {
  margin-right: 190px;
}

#sidebar-left	{
  float: left;
  margin-left: -100%;
  width: 174px;
  padding: 5px 8px 20px 8px;
}
#sidebar-right	{
  float: right;
  margin-left: -100%;
  width: 174px;
  padding: 5px 8px 20px 8px;
}
* html #sidebar-right	{
  margin-left: -190px;
}

/* clearing the container */

#container:after {
  content: '[DO NOT LEAVE IT IS NOT REAL]'; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#container {
  display: inline-block;
}
/*\*/
* html #container	{
  height: 1%;
}
#container {
  display: block;
}
/* */

#footer	{
  clear: both;
}

/* let's have equal-height columns... */

/* Start Mac IE5 filter \*/
#main, #sidebar-left, #sidebar-right {
  padding-bottom: 32767px !important;
  margin-bottom: -32767px !important; 
}
/* End Mac IE5 filter */
#container {
  overflow: hidden; /* This hides the excess padding in non-IE browsers */
}
#container {
  float: left;
  float/**/: none;
}

* > #footer, * > form, * > #notes, * > .output {
  position: relative;
  z-index: 1000;
}