/**
 * Beztabulkový layout s fluidní šířkou - lehce se dá předělat na fixní.
 * Obsah je správně před postranními bloky
**/

/**
* Nastavení šířky celého webu
*/
#page {
  width: 980px;
  /* min-width: 980px; */
  /* zarovnání na střed */
  
  margin: 0 auto;
  /* margin: 0 10px; */
}

#page.fluid {
  width: auto;
  margin: 0 10px;
}

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

#main	{
  min-height: 500px;
}

/**
* Levý okraj středního textu, pokud mám zapnutý levý sidebar.
* Sem je třeba možné přidat nějaké ohraničení atd.
*/
.withleft #main {
  margin-left: 200px;
  border-left: 1px solid #d4d4d4;
  padding-left: 10px;
}

/**
* Pravý okraj středního textu, pokud mám zapnutý pravý sidebar.
* Sem je třeba možné přidat nějaké ohraničení atd.
*/
.withright #main {
  margin-right: 200px;
  border-right: 1px solid #d4d4d4;
  padding-right: 10px;
}

#sidebar-left	{
  float: left;
  margin-left: -100%;
  width: 190px;
  padding: 12px 10px 20px 0;
}
#sidebar-right	{
  float: right;
  margin-left: -100%;
  width: 190px;
  padding: 12px 0 20px 10px;
}

#sidebar-right {
  .margin-left: -200px; /* IE7 Fix */
}

* html #sidebar-right {
  margin-left: -200px; /* IE6 Fix*/
}

#footer	{
  clear: both;
}