/* $Id: local_sample.css,v 1.1.2.2 2008/12/15 21:02:34 jwolf Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom css and css overrides in this file and  */ 
/* rename it local.css.  By restricting your css changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.               */

/* Steps to activate local.css:                       */
/* 1. Add your custom css to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Uncomment (remove leading semicolon from ) the  */ 
/*    following line in your theme's .info file:      */
/*    ;stylesheets[all][] = local.css                 */
/* 4. Clear cached data at admin/settings/performance */

/**********/
/* LAYOUT */
/**********/

html {
  background: #f6f6f6;                               /* background & font color */
  color: #666;
}

#page {
  background-color: #f6f6f6;
  margin: 0;
  width: 100%;
}

#header {
  background-color: #fff;
  padding-left: 15px;
}

#header-wrapper {
  background-color: inherit;
  margin: 0px auto 0px auto;
  padding: 0;
  width: 960px;
}

#header-first {
  float: left;
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  margin: 0px 30px 0 0;
  width: 380px;
}

#header-first #logo {                            /* logo postion.  default image replaced if you upload your own */
  float: left;
  margin: 0 14px 0 0;
}

#header-first h1 {    /* site name link */
  font-size: 3em;
  line-height: 80%;
  margin: 0px 0 0px 0;
}

#header-first h1 a {    /* site name link */
  text-decoration: none;
}

#header-first #slogan {                          /* site slogan */
  display: block;
  font-size: 1.166em;
  margin: 0px 0;
}

#header-middle {
  float: left;
  margin: 0px 20px 0 0;
  width: 230px;
}

#header-last {
  float: left;
  margin: 0px 0px 0px 0px;
  width: 300px;
}

#header-bottom {
  margin: 0 auto;
  position: relative;
  width: 960px;
  z-index: 600;    /* fixes IE z-index bug */
}



/********/
/* MISC */
/********/

hr {
  border: 1px #b2c4eb solid;
}

/********************************/
/* PREFACE REGIONS */
/********************************/

#preface {
  background: url('images/preface-wrapper-bg.png') repeat-x top;
/*  min-height: 91px; */
/*  padding-left: 15px; */
}

#preface-wrapper {
  color: #fff;
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
/*  font-size: 1.5em; */
  margin: 0px -15px 0px -15px;
  padding: 0px 0px 0px 0px; 
}

/* correct button font size */
#preface-wrapper .form-submit {
  font-size: 0.6em;  
}

#preface-wrapper #preface-first {
  float: left;
  margin: -20px 0px 0px 0px;
  min-width: 91px;
}

#preface-wrapper #preface-middle {
  float: left;
}

#preface-wrapper #preface-last {
  float: left;
  margin: 0px 0px 0px 0px;
}

#preface-wrapper.prefaces-1 div.column {
  float: left;
  width: 100%;
  min-width: 91px;
}
  
#preface-wrapper.prefaces-2 div.column {
  display: inline;
  margin: 0px 0px 0px 0px;
  width: 47%;
}
  
#preface-wrapper.prefaces-3 div.column {
  display: inline;
  margin: 0px 0px 0px 0px;
  width: 30%;
} 

#preface-wrapper a:link,
#preface-wrapper a:visited {
  color: #fff;
  text-decoration: none;
}

#preface-wrapper a:link:hover,
#preface-wrapper a:visited:hover {
  border-bottom: none;
  text-decoration: none;
}

div.content > a:link img {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

/************************/
/*  MAIN AREA WRAPPER   */
/* (Sidebars + Content) */
/************************/

#main {
  background: transparent url('images/content-gradient.png') repeat-x 0 1px;
  padding-left: 15px; 
}

#main-wrapper {
  margin: -29px auto 0px auto;
  width: 960px;
}

/**********************************/
/*      THREE COLUMN LAYOUT       */
/* (Sidebar:Main Content:Sidebar) */
/**********************************/

body.layout-first-main-last #content-wrapper #sidebar-last {
  background-color: #F6F6F6;
  margin: 0;
  padding: 0 0 0 20px;
  width: 280px;
}

#comments .odd {
  background-color: #F6F6F6;
  border: 1px solid #ddd;
}



#legal-notice {
  background: #F6F6F6;
  clear: both;
  color: #AAA;
  display: block;
  font-size: 0.9em;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}