/* $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: 1600px;
  min-width: 800px;
}
#page1 {
  margin: 0 auto;
  padding: 0px;
  max-width: 1600px;
  min-width: 800px;
}
/*-------------------------------------------------------------------*/
/*                             Skip to                               */
/*-------------------------------------------------------------------*/
#skip-to-content {
  height: 0; 
		overflow: hidden;
  font-size: 0.8em;
}
/*-------------------------------------------------------------------*/
/*                               Header                              */
/*-------------------------------------------------------------------*/
#header {
  margin: 0 0 15px 0;
  padding: 0;
  height: 120px;
}
#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;
}
#main1 {
  position: relative;
  padding: 0 15px 10px 0px;
}
#main-inner {}
#main-inner1 {}

/*-------------------------------------------------------------------*/
/*                            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. */
}
#content1 {
  float:right;
margin-left:0;
padding:0;
width:650px;
}
.two-sidebars #content-inner {
 /*  padding-left: 235px; */ /* The width + left margin of #sidebar-left. */
 /*  padding-right: 235px; */ /* The width + right margin of #sidebar-right. */
  padding-left:150px;
padding-right:440px;
}
.sidebar-left #content-inner {
  padding-left: 150px; /* The width + left margin of #sidebar-left. */
  padding-right: 0;
}
.sidebar-right #content-inner {
  padding-left: 0;
  padding-right: 440px; /* 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: 150px; /* The width + left margin of #sidebar-left. */
  padding-right: 440px; /* The width + right margin of #sidebar-right. */
}
.node-full-view.sidebar-left #content-inner {
  padding-left: 150px; /* The width + left margin of #sidebar-left. */
  padding-right: 0;
}
.node-full-view.sidebar-right #content-inner {
  padding-left: 0;
  padding-right: 440px; /* 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: 140px;
  margin-left: 0;
  margin-right: -170px; /* 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: 420px;
  margin-left: -150px; /* 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. */
}
/*-------------------------------------------------------------------*/
/*                          Footer & Closure                         */
/*-------------------------------------------------------------------*/
/* #footer { min-height: 70px; }
 */#footer-message { padding: 0 0 3px 0; }
#closure-blocks {}
/*-------------------------------------------------------------------*/
/*                   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; }


/*
#sidebar-left1 {
  float: left;
  width: 170px;
  margin-left: 0;
  margin-right: -170px; /* 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-right1 {
  float: right;
  width: 250px;
  margin-left: -250px; /* 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. */
/* } */
/* .two-sidebars #content-inner1 {
  padding-left: 235px; 
  padding-right: 235px;
} */
.sidebar-left #content-inner1 {
  padding-left: 0px; /* The width + left margin of #sidebar-left. */
  padding-right: 0;
}
.sidebar-right #content-inner1 {
  padding-left: 0;
  padding-right: 235px; /* The width + right margin of #sidebar-right. */
}
.node-full-view.two-sidebars #content-inner1 {
  padding-left: 245px; /* The width + left margin of #sidebar-left1. */
  padding-right: 245px; /* The width + right margin of #sidebar-right1. */
}
.node-full-view.sidebar-left1 #content-inner1 {
  padding-left: 245px; /* The width + left margin of #sidebar-left1. */
  padding-right: 0;
}
.node-full-view.sidebar-right1 #content-inner1 {
  padding-left: 0;
  padding-right: 245px; /* The width + right margin of #sidebar-right1. */
}
/*-------------------------------------------------------------------*/
#sidebar-left1 {
float:left;
margin-left:0;
padding:0;
width:275px;
}
/** sidebar-right1 **/
#sidebar-right1 {
  float: right;
  width: 165px;
  margin-left: -165px; /* Negative value of #sidebar-right1's width + right margin. */
  margin-right: 0;
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right1-inner. */
}

#sidebar-left1,
#sidebar-right1,
#footer,
#closure-blocks {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}