/* $Id: layout.css,v 1.5.2.1 2007/01/17 05:28:41 jjeff 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
 */

body {
min-width: 800px;
}

#page {
width: 800px;              /* page width - optional */
  margin: 10px auto;            /* center the page - optional */
}

#logo-title {
margin: 10px 0 0 0;
}

#container {
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: 955px;
}

.home #main {
width: 962px
}

/* So we move the #main container over the sidebars to compensate */
body.sidebar-left #main {
margin-left: -185px;
}
body.sidebar-right #main {
margin-right: -171px;
}
body.two-sidebars #main {
margin: 0 -171px;
}

#squeeze {
padding: 0 1em;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
margin-left: 181px;
}
body.sidebar-right #squeeze {
margin-right: 179px;
}
body.two-sidebars #squeeze {
margin: 0 165px 0 165px;
}

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


#container .sidebar .block {
margin: 6px;
}

#sidebar-left .block {
padding: 0 15px 0 0px;
}

#sidebar-right .block {
padding: 0 0px 0 5px;
}

.block .content {
margin: 0.5em 0;
}

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

#sidebar-right .block {
margin: 0px !important;
}