/* * * @file * Positioning for a fixed-width, desktop-centric layout. * * 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 uses the Zen Grids plugin for Compass: http://zengrids.com */  

/* * Center the page. */  

#page,
.region-bottom {  margin-left: auto; margin-right: auto; width: 100%; }

/* * Apply the shared properties of grid items in a single, efficient ruleset. */  

#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer { padding: 0; border: 0 !important; word-wrap: break-word; _display: inline; _overflow: hidden; _overflow-y: visible; }

/* * Containers for grid items and flow items. */  

#header,
#main,
#footer { *position: relative; *zoom: 1; }
#header:before, #header:after,
#main:before, #main:after,
#footer:before, #footer:after { content: ""; display: table; }
#header:after,
#main:after,
#footer:after { clear: both; }


#header {height: 130px; overflow: hidden; margin: 0; padding: 0;}

#footer {padding: 0;}

#content {padding-top: 45px;}

/* * Navigation bar */  

#main { padding-top: 0; /* Move all the children of #main down to make room. */  position: relative; }

#navigation { position: absolute; top: -57px; height: 57px; width: 100%; }

/* * The layout when there is only one sidebar, the left one. */  

.sidebar-first #content { float: left; width: 725px; margin: 0 -1020px 0 274px; }

.sidebar-first .region-sidebar-first { float: left; width: 194px; padding: 45px 20px; margin-left: 0px; margin-right: -214px; }

/* * The layout when there is only one sidebar, the right one. */  

.sidebar-second #content { /* Span 4 columns, starting in 1st column from left. */  float: left; width: 764px; margin-left: 0px; margin-right: -784px; }

.sidebar-second .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */  float: left; width: 176px; margin-left: 784px; margin-right: -980px; }

/* * The layout when there are two sidebars. */  

.two-sidebars #content { /* Span 3 columns, starting in 2nd column from left. */  float: left; width: 568px; margin-left: 196px; margin-right: -784px; }

.two-sidebars .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */  float: left; width: 176px; margin-left: 0px; margin-right: -196px; }

.two-sidebars .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */  float: left; width: 176px; margin-left: 784px; margin-right: -980px; }