/* $Id$ */

/*
 * 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.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */

/** body **/

#page,
#closure-blocks {
	/** If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
    margin-left: auto;
	margin-right: auto;
	width: 988px;
	overflow: hidden;
}

#logo {
}

#header-blocks {
	clear: both;
/* Clear the logo */
}

/** main (container for everything else) **/

#main {
	position: relative;
}

#main-inner {
	padding: 4px;
}

/** content **/

#content,
.no-sidebars #content {
	float: left;
	width: 980px;
	margin-left: 0;
	margin-right: -980px;
	/* Negative value of #content's width + left margin. */
    padding: 0;
	/* DO NOT CHANGE. Add padding or margin to #content-inner. */
}

.sidebar-left #content {
	width: 810px;
	margin-left: 160px;
	/* The width of #sidebar-left. */
    margin-right: -970px;
	/* Negative value of #content's width + left margin. */
}

.sidebar-right #content {
	width: 660px;
	margin-left: 0;
	margin-right: -660px;
/* Negative value of #content's width + left margin. */
}

.two-sidebars #content {
	width: 500px;
	margin-left: 160px;
	/* The width of #sidebar-left */
    margin-right: -660px;
	/* Negative value of #content's width + left margin. */
}

#content-inner {
	margin: 0;
	padding: 0 0 0 10px;
}

#content-top .block {
	float: right;
}

#content-subtitle {
	padding-left: 10px;
}

#content-area {
	padding-left: 10px;
}

#primary {
	margin-left: 200px;
	/* Width of search-box */
}

#secondary {
	margin-left: 200px;
	/* Width of search-box */
}

#navbar ul 
	/* Primary and secondary links */ {
	margin: 0;
	padding: 0;
	text-align: left;
}

#navbar li 
	/* A simple method to get navbar links to appear in one line. */ {
	float: left;
	padding: 0 10px 0 0;
}

/** sidebar-left **/

#sidebar-left {
	float: left;
	width: 160px;
	margin-left: 0;
	margin-right: -160px;
	/* Negative value of #sidebar-left's width + left margin. */
    padding: 0;
	/* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
}

#sidebar-left-inner {
	margin: 0 0 0 0;
	padding: 0;
}

/** sidebar-right **/

#sidebar-right {
	float: left;
	width: 300px;
	margin-left: 680px;
	/* Width of content + sidebar-left. */
    margin-right: 980px;
	/* Negative value of #sidebar-right's width + left margin. */
    padding: 0;
	/* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
}

#sidebar-right-inner {
	margin: 0 0 0 0;
	padding: 0;
}

/* Front Panel CSS */

.front #content {
	width: 676px;
	margin-left: 0;
	margin-right: -676px;
}

.front #content-area {
	padding-left: 0;
}

.front .panels-flexible-row,
.front .panels-flexible-column-inside {
	padding: 0;
}

.front .panels-flexible-region {
	width: auto;
}

.front .panels-flexible-column-1-2 {
	width: 676px;
	margin-right: 4px;
}

.front .panels-flexible-column-1-3 {
	width: 300px;
}

.front .panels-flexible-column-1-7 {
	width: 250px;
	margin-right: 4px;
}

.front .panels-flexible-column-1-9 {
	width: 422px;
}

/** Prevent overflowing content **/

#header,
#content,
#navbar,
#sidebar-left,
#sidebar-right,
#footer,
#closure-blocks {
	overflow: visible;
	word-wrap: break-word;
	/* A very nice CSS3 property */
}

.panel-2col .panel-separator {
	margin: 0;
}

.front .panel-2col .panel-col-first {
	width: 600px;
	margin: 0 0 0 0;
}

.front .panel-2col .panel-col-last {
	width: 330px;
	margin: 0 0 0 0;
	float: right;
}

.front .panel-2col .panel-col-last .panel-pane {
	margin: 0 0 10px 0;
	padding: 0 10px 10px 10px;
}