/* $Id: layout-fixed.css,v 1.9 2009/02/13 19:21:45 johnalbin Exp $ */

/**
 * @file
 * Layout Styling (DIV Positioning)
 *
 * 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
 */
body
{
  color: #444;
}

#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 ie6.css file
   * for the necessary IE5/IE6quirks hack to center a div.
   */
}

#page {
}

#page-inner
{
}

/*
 * Header
 */
#header
{
}

.shop #header-inner {
  padding: 0;
  height: 175px;
}

#header-inner
{
  width: 980px;
  margin: auto;
  padding: 0;
  height: 175px;
  font-size: 11px;
  line-height: 14px;
}

#header a {
  color: #fff;
}

.shop #logo {
  height: 171px;
  padding: 0;
  width: auto;
}

#logo
{
  float: left;
  padding: 25px 0 0 0;
  overflow: hidden;
  height: 135px;
  width: 201px;
}

#header-center {
  width: 400px;
  float: right;
  height: 175px;
  overflow: hidden;
  padding: 0;
}

#header-center .media {
  float: left;
  width: 240px;
}

#header-center .media a {
  float: right;
}

#header-center .txt {
  float: left;
  width: 215px;
  height: 135px;
  overflow: hidden;
  padding: 0 10px;
  color: #d1d1d1;
  position: relative;
}

#header-center .txt .title {
  font-weight: bold;
  font-size: 12px;
}

#header-center .txt .content {
  /* padding-top: 10px; */
}

#header-center .txt .more {
  position: absolute;
  top: 121px;
  right: 10px;
  height: 12px;
}

#header-center .txt .edit {
  position: absolute;
  top: 121px;
  left: 10px;
}

#header-center .txt .submitted {
  font-size: 10px;
}

#header-right {
  float: right;
  width: 248px;
  padding-top: 0px;
  padding-right: 0px;
}

#header-right .block {
    margin: 0;
}

#header-right img {
  float: right;
}

/** Primary Links **/

#primary-links {
  height: 41px;
}

#primary-links-inner {
  padding-top: 12px;
  width: 980px;
  margin: auto;
}


/** Secondary Links **/

#secondary-links {
  height: 29px;
}

#secondary-links-inner {
  padding-top: 10px;
  width: 980px;
  margin: auto;
}

#secondary-links ul.menu {
  margin: 0;
  padding: 0;
}

#secondary-links ul.menu li {
  float: left;
  list-style-type: none;
  list-style: none;
  padding: 0 50px 0 0;
}
/*
#secondary-links ul.menu li.first {
  padding-left: 0;
}

#secondary-links ul.menu li a {
  font-weight: normal;
  font-size: 11px;
  text-decoration: none;
}

#secondary-links ul.menu li a:hover { 
  border-top: 1px #feffcd solid;
}
*/

/*
 * Main (container for everything else)
 */
#main
{
}

#main-inner
{
  padding: 7px 0;
  width: 980px;
  margin: auto;
}

/*
 * Content
 */
#content-area,
.no-sidebars #content-area
{
  width: 980px;
}

.sidebar-left #content-area
{
  width: 738px;
}

.sidebar-right #content-area
{
  width: 738px;
}

.two-sidebars #content-area
{
  width: 560px;
}

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

#content-area {
  float: left;
}

/*
 * Sidebar-left
 */
#sidebar-left
{
  float: left;
  width: 168px;
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
}

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

/*
 * Sidebar-right
 */
#sidebar-right
{
  float: left;
  width: 241px;
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
  margin: 0 0 0 11px;
}

#sidebar-right-inner
{

  padding: 0;
}

/*
 * Footer
 */
#footer
{
  clear: both;
  color: #696969;
  padding-top: 10px;
}

body.section-rabbit-gang-european-tour #footer,
body.section-rabbit-gang-european-tour #footer ul.links li a {
  color: #000;
}

body.section-rabbit-gang-european-tour #footer ul.links li {
  border-left: 1px #000 solid;
}

#footer-inner
{
  width: 980px;
  margin: auto;
}

#footer p {
  margin: 0;
  padding: 10px 0 15px;
}

#footer ul.links {
  padding: 10px 0 15px 0;
}

#footer ul.links li {
  border-left: 1px #696969 solid;
  padding: 0 4px 0 7px;
}

#footer ul.links li a {
  color: #696969;
  font-weight: normal;
}

#footer .block img {
  padding: 0 5px 0 0;
}

#footer .block {
  float: left;
  padding-right: 5px;
}

.shop #footer {
  padding-top: 40px;
}

/*
 * Closure
 */
#closure-blocks /* See also the #page declaration above that this div shares. */
{
}

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

#navbar
{
  overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
}

/*
 * If a div.clear-block doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page div.
 */
/*
#page
{
  overflow-y: hidden;
}
*/