/* $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
 */

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


/* 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 {
  margin-left: -232px;
}
body.sidebar-right #main {
  margin-right: -232px;
}
body.both-sidebars #main {
  margin: 0 -232px;
}

#squeeze {
  position: relative;
  padding: 0;
}

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

/* We ensure the sidebars are still clickable using z-index */
#container .sidebar {
	padding-top: 15px;
	padding-left: 5px;
	width: 200px;
	float: left;
	z-index: 2;
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5em;
	margin-left: 0;
}

#container .sidebar .block {
  margin: 0 0 1.5em 0;
}

#sidebar-left {
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#sidebar-right {
  margin: 0 -25px 0 25px;
}

#footer {
  float: none;
  clear: both;
  margin: 4em 0 -3em;
}


/*
body.sidebar-left  #footer {
  margin-left: -210px;
}

body.sidebar-right #footer {
  margin-right: -210px;
}

body.both-sidebars #footer {
  margin: 0 -210px;
}

/*  Panels Overrides */
.panel-3col-33-stacked .panel-col-first div {
margin:0 0 15px 0;
}