/* $Id$ */

/**
 * @file
 * Page Background Styling
 *
 * The default layout method of Zen doesn't give themers equal-height columns.
 * However, equal-height columns are difficult to achieve and totally
 * unnecessary. Instead, use the Faux Columns method described in the following
 * ALA article:
 *   http://www.alistapart.com/articles/fauxcolumns/
 */


body {
/*  background: url('/sites/all/themes/modlux/images/body-bgrnd.png') repeat-x;*/
  background-color: #e8e8e8;
}

#page-wrapper {
  width: 1048px;
  /*
  margin-top:101px;
  */
  background: url('/sites/all/themes/modlux/images/pg-bgrnd-grad-body.png');
}

#page {
  width: 1000px;
  margin:auto;
  background-color: #fff;
}

#header {
  margin:0 -24px 0 -23px;
  height:100px;
/*  background: url('/sites/all/themes/modlux/images/pg-hdr-bgrnd.png') no-repeat;*/
}

.publication-san-francisco #header {
  height:100px;
  padding-top: 5px;
}

#header .section {
}

/*#main-wrapper {
  margin: 10px 20px 20px 20px;
}*/

.not-front #main-wrapper #main {
  margin:0 20px 20px 20px;
}
#main {
}

#footer {
}

#footer .section {
}

/* 
 * FRONT PAGE OVERRIDES
 */
 
body.front {
  background:#fff;
}

.front #main-wrapper {
  margin:0;
}

.front #header {
  background:#fff;
  height:50px;
  margin:200px 0 40px;
  padding:0;
}

.front #page-wrapper {
  background: #fff;
  width:861px;
  margin-top:0;
}

.front #page {
  width: 861px;
}

.front #content {
  width:861px;
  float:none;
  margin-top: 0 !important;
}