/**
 * @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: 1060px;
}

/******************************** Apply the shared properties of grid items in a single, efficient ruleset. ********************************/
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
    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;
}

/******************************** The layout when there are no sidebars. ********************************/
#content {
    width: 963px;
    margin:0 auto;
}

/******************************** The layout when there is only one sidebar, the right one. ********************************/
.sidebar-second #content {
    float: left;
    width: 693px;
    margin-right: 20px;
}
.sidebar-second .region-sidebar-second {
    float: left;
    width: 250px;
}