/*****************************************************
*  Layout STYLES 
*
*  Define CSS classes to implement the Holy Grail Layout
*  to create a table-free, 3-column, 2-column, or single column 
*  layout depending on whether blocks are enabled in the left 
*  or right columns
*  more info: 
*  http://www.alistapart.com/articles/holygrail/
*
******************************************************/

#main {
  padding: 10px 10px;    /* main padding */  /* horizontal padding considers border width */
}

#container.withleft #main {
  margin-left: 189px;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 190px;
}

#container.withright #main {
  margin-right: 189px;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-right: 190px;
}

html>body #container.withleft #main {
  margin-left: 190px;
}

html>body #container.withright #main {
  margin-right: 190px;
}

#sidebar-left {
  float:left;
  width: 174px;
  padding: 5px 8px 20px 8px;
}
#sidebar-right {
  float: right;
  width: 174px;
  padding: 5px 8px 20px 8px;
}

#footer {
  clear: both;
}


/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*.clear-block {
  display: inline-block;
}*/

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */