/* $Id: layout.css,v 1.14 2009/05/07 17:00:40 jmburnz 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.
 *
 * The Pixture Reloaded layout is based on the Holy Grail layout used in the 
 * Zen Theme. http://drupal.org/project/zen
 *
 */
/*-------------------------------------------------------------------*/
/*                              Reset                                */
/*-------------------------------------------------------------------*/
body,
.comment,
#logo,
#branding,
#site-slogan,
#content-inner,
#sidebar-left .block,
#sidebar-right .block,
#header-blocks .block,
#content-top .block,
#content-bottom .block,
#footer .block .content,
#forum td.forum,
#forum .name a,
#forum .description,
div.admin-panel,
li,
.item-list ul,
ul.images li h3,
div.item-list ul.pager li,
ul.pager li,
.tabs ul,
div.page-links a.page-previous,
div.page-links a.page-up,
div.page-links a.page-next,
ul.images li h3 {
  padding: 0; 
  margin: 0;
}
/*-------------------------------------------------------------------*/
/*                              Page                                 */
/*-------------------------------------------------------------------*/
#page {
  margin: 0 auto;
  padding: 0px;
  max-width: 1200px;
  min-width: 1200px;
}
/*-------------------------------------------------------------------*/
/*                             Skip to                               */
/*-------------------------------------------------------------------*/
#skip-to-content {
  height: 0; 
		overflow: hidden;
  font-size: 0.8em;
}
/*-------------------------------------------------------------------*/
/*                               Header                              */
/*-------------------------------------------------------------------*/
#header {
  margin: 0 0 15px 0;
  padding: 0;
  height: 105px;
}
#logo {
  margin: 0 10px 0 0;
  padding: 0;
  height: 120px;
  float: left;
  overflow: hidden;
}
#head-elements {
  height: 88px;
  margin: 0 0 0 15px;
  padding: 0;
}
h1#site-name, 
div#site-name {
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 2.6em;
  line-height: 1.3em;
}
#site-slogan em {
  font-style: normal;
  margin: 0;
}
#search-box {
  float: right;
  position: relative;
  margin: 35px 20px 0pt 0pt; /* pull the search box into position */
  padding: 0;
}
/*-------------------------------------------------------------------*/
/*                   Additional Regions & blocks                     */
/*-------------------------------------------------------------------*/
#header-blocks, 
#content-top, 
#content-bottom {
  clear: both; /* Clear the header */
  text-align: center;
}
#header-blocks .block-inner, 
#content-top .block-inner, 
#content-bottom .block-inner { margin: 0 auto; }
/*-------------------------------------------------------------------*/
/*                              Main                                 */
/*-------------------------------------------------------------------*/
#main {
  position: relative;
  padding: 0 15px 10px 15px;
}
#main-inner {}
/*-------------------------------------------------------------------*/
/*                            Content                                */
/*-------------------------------------------------------------------*/
#content {
  float: left;
  width: 100%;
  margin-left: 0;
  margin-right: -100%; /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}
.two-sidebars #content-inner {
  padding-left: 210px; /* The width + left margin of #sidebar-left. */
  padding-right: 210px; /* The width + right margin of #sidebar-right. */
}
.sidebar-left #content-inner {
  padding-left: 210px; /* The width + left margin of #sidebar-left. */
  padding-right: 0;
}
.sidebar-right #content-inner {
  padding-left: 0;
  padding-right: 210px; /* The width + right margin of #sidebar-right. */
}
/* Set wider margins in full node view for readability 
   This uses the extra body class ".node-full-view", set in pixture_reloaded_preprocess_page  */
.node-full-view.two-sidebars #content-inner {
  padding-left: 210px; /* The width + left margin of #sidebar-left. */
  padding-right: 210px; /* The width + right margin of #sidebar-right. */
}
.node-full-view.sidebar-left #content-inner {
  padding-left: 210px; /* The width + left margin of #sidebar-left. */
  padding-right: 0;
}
.node-full-view.sidebar-right #content-inner {
  padding-left: 0;
  padding-right: 210px; /* The width + right margin of #sidebar-right. */
}
/*-------------------------------------------------------------------*/
/*                        Primary, Superfish                         */
/*-------------------------------------------------------------------*/
#primary,
#superfish       { padding: 0; }
#primary-inner   { margin: 6px 0 0 15px;}
#superfish-inner { margin: 0 0 0 15px;}
/* Zero left margin for centered menus (optional)
#primary-inner   { margin: 6px 0 0 0;}
#superfish-inner { margin: 0 0 0 0;}
*/
#primary ul          { margin: 0;}
#primary ul li.first { padding-left: 0; }

/*-------------------------------------------------------------------*/
/*                             Sidebars                              */
/*-------------------------------------------------------------------*/
/** sidebar-left **/
#sidebar-left {
  float: left;
  width: 200px;
  margin-left: 0;
  margin-right: -210px; /* Negative value of #sidebar-left's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
}
/** sidebar-right **/
#sidebar-right {
  float: right;
  width: 200px;
  margin-left: -210px; /* Negative value of #sidebar-right's width + right margin. */
  margin-right: 0;
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
}
#block-menu-primary-links .block-content-inner > ul.menu > li > a {
    font-weight: bold;
}
/*-------------------------------------------------------------------*/
/*                          Footer & Closure                         */
/*-------------------------------------------------------------------*/
#footer { min-height: 70px; }
#footer-message { padding: 0 0 3px 0; }
#closure-blocks {}
/*-------------------------------------------------------------------*/
/*                                Views                              */
/*-------------------------------------------------------------------*/
#content-area .node .content p {
  font-size: 16px;
  line-height: 20px;
}
.product-views {
  background-color: #FF6347 !important;
}
.product-views td {
  background-color: #FFFFFF !important;
  border: #FF6347 1px solid !important;
}

.frontList-views {
  background-color: #FFFFFF !important;
}
.frontList-views .views-row {
  background-color: #FFFFFF !important;
  text-align: left !important;
  border: none !important;
  font-size: 16px !important;
  line-height: 18px !important;
}

h1.title{
  font-size: 22px;
  line-height: 24px;
  color: #FFFFFF;
}

h2.title a{
  font-size: 22px;
  line-height: 24px;
  color: #FF0000;
}

/* fix slide pics */
div#content-top div#block-block-2{
  width: 750px;
  height: 262px;
}

#photos li,
#photos.gallery div.panel{
  position: absolute;
  top: 5px;
  left: 5px;
}

#photos li img,
#photos.gallery div.panel img{
  width: 640px;
  height: 240px;
}

#photos.gallery div.strip_wrapper li{
  position: relative;
  top: 0px;
  left: 0px;
}

/*-------------------------------------------------------------------*/
/*                       Remove Block Background                     */
/*-------------------------------------------------------------------*/
#block-block-4,
#block-block-4 .block-inner,
#block-block-4 .block-content,
#block-block-4 .block-content-inner,
#block-block-5,
#block-block-5 .block-inner,
#block-block-5 .block-content,
#block-block-5 .block-content-inner,
#block-views-circle_ad_display-block_1,
#block-views-circle_ad_display-block_1 .block-inner,
#block-views-circle_ad_display-block_1 .block-content,
#block-views-circle_ad_display-block_1 .block-content-inner{
  background-image: none !important;
}

/*-------------------------------------------------------------------*/
/*                   Prevent overflowing content                     */
/*-------------------------------------------------------------------*/
#header,
#content,
#navbar,
#sidebar-left,
#sidebar-right,
#footer,
#closure-blocks {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}
/*-------------------------------------------------------------------*/
/*                             Clearing                              */
/*-------------------------------------------------------------------*/
/* Clearing floats without extra markup
   http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display:inline-block; }
* html .clearfix { height: 1%; }
.clearfix        { display: block; }
/* Regular clearing */
.clear { clear:both; }