/* $Id: layout.css,v 1.5.2.9 2007/10/14 22:10:39 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes 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.
 */

/*
 * Layout
 */

#container {
  clear: both;
  margin: 0 auto;
  /*padding: 0 20px;*/
  max-width: 1270px;
}

/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.both-sidebars {
  /*min-width: 980px;*/
}
/* With 2 columsn, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right {
  /*min-width: 780px;*/
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#main {
  float: left;
  width: 100%;
}

/* So we move the #main container over the sidebars to compensate */
body.sidebar-left #main,
body.both-sidebars #main {
  margin-left: -200px;
}
body.sidebar-right #main,
body.both-sidebars #main {
  margin-right: -200px;
}

#squeeze {
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze,
body.both-sidebars #squeeze {
  margin-left: 200px;
}
body.sidebar-right #squeeze,
body.both-sidebars #squeeze {
  margin-right: 200px;
}

/* We ensure the sidebars are still clickable using z-index */
#container #sidebar-left {
  width: 195px;
}
#container #sidebar-right {
  width: 195px;
}
#container .sidebar {
  margin: 0;
  float: left;
  z-index: 2;
  position: relative;
}

/* Ensure long text or wide images don't break IE6 layout. */
#page, #header, #footer, #squeeze, #container .sidebar {
  _overflow: hidden;
  _overflow-y: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}

#sidebar-left {
  padding-right: 5px;
}

#sidebar-right {
  padding-left: 5px;
}

#sidebar-left .block, #sidebar-right .block {
  padding: 0;
  margin-top: 10px;
}

#sidebar-left #block-menu-92 {
  margin-top: 10;
  padding: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
}

#sidebar-left #block-blockcache-7 {
  margin-top: 10;
  padding: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.block .content {
  margin: 0;
  padding: 5px;
  border: 1px #003253 solid;
}

.block h2.title {
  margin: 0;
  padding: 5px;
  background-color: #CFCFCF;
  background-position: left;
  background-repeat: no-repeat;
  color: #FFFFFF;
}

#sidebar-left .block h2.title {
  background-image: url(images/block-title-background.jpg);
}

#sidebar-right .block h2.title {
  background-color: #003253;
  text-align: right;
  background-image: url(images/block-title-background-right.jpg);
}

#sidebar-left #block-menu-92 .content {
  padding: 0;
  border: none;
}

#sidebar-left #block-blockcache-7 .content {
  padding: 0;
  border: none;
}

#internalheader .block .content {
  padding: 0;
  margin: 0;
  border: none;
}

#content-bottom {
  margin-top: 1em;
}

#content-bottom .blockinner h2.title {
  background-image: url(images/node-type-background.jpg);
  background-position: left;
  background-repeat: no-repeat;
}

#footer {
  float: none;
  clear: both;
  margin: 0;
}