/* $Id: layout.css,v 1.8 2011/01/04 05:24:13 webchick Exp $ */

/* ---------- Basic Layout Styles ----------- */

html,
body,
#page  {
  height: 100%;
}
#page-wrapper {
  min-height: 100%;
  min-width: 100%; /*era 960*/
}
/*
#header div.section,
#featured div.section,
#messages div.section,
#main,
#triptych,
#footer-columns,
#footer {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}*/

#header div.section /*,
#triptych,
#footer-columns,
#footer */ {
/*  width: 95%; *//*era 960*/
  margin-left: 3%;
  margin-right: auto;
  z-index: 150;
}

#featured div.section,
#messages div.section,
#main,
#triptych,
#footer-columns,
#footer {
  width: 100%;/*era 960*/
  margin-left: auto;
/*  padding: 0 50px;*/
  margin-right: auto;
}
#header div.section {
  position: relative;
}
.region-header {
  float: right; /* LTR */
  margin: 0 5px 10px;
}
.with-secondary-menu .region-header {
  margin-top: 3em;
}
.without-secondary-menu .region-header {
  margin-top: 1em;
}
#secondary-menu {
  position: absolute;
  right: 0; /* LTR */
  top: 0;
  width: 480px;/*era 480*/
}
#content,
#sidebar-first,
#sidebar-second,
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last,
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  display: inline;
  float: left;
  position: relative; 
}
.one-sidebar #content {
  width: 69.4%;/*era 720*/
  margin: 0 1.3% 0 1.3%;
}
.two-sidebars #content {
 width: 61.0%; /*era 480*/
 margin: 0 0.5% 0 0.5%;
}
.no-sidebars #content {
  width: 97.4%;
  margin: 0 1.3% 0 1.3%;
}

.one-sidebar #sidebar-first,
.one-sidebar #sidebar-second {
width: 26%; /*era 240*/
margin: 0 1% 0 1%;
}
.two-sidebars #sidebar-first,
.two-sidebars #sidebar-second {
width: 17%; /*era 240*/
margin: 0 1% 0 1%;
}

#main-wrapper {
  min-height: 300px;
}
#content .section,
.sidebar .section {
padding: 0 1.8%;
}
/*#breadcrumb {
  margin: 0 15px;
}*/
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last {
  margin: 20px 20px 30px;
  width: 100px;/*era 280*/
}
#footer-wrapper {
padding: 0.1% 0 0.6%;
}
/*
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  padding: 0 100px;
  width: 100px;
}
*/
#footer {
width: 100%;/*era 940*/
min-width: 100%;/*era 920*/
text-align: center;
color: #fff;
}