/* $Id: local-sample.css,v 1.2 2010/09/17 21:36:06 eternalistic 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.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */




/* NOTE: I made one change to the template CSS as well as adding these overrides. */
/* This was because the setting in this file is always overriden. */
/* This change will need to be remade if the theme is upgraded. Details are: */
/* File: http://www.coteprovence.com.au/cote_warehouse/themes/acquia_prosper/css/acquia-prosper-style.css */
/* Setting: h1, h1.title {font-size: 20px;} */


/* HEADER & FOOTER */

/* add header image */
.header-group-wrapper {
  background: #e6bd85 url(../images/cote-header.jpg);
  padding-bottom: 62px;
}

/* set colour for the margin under the header */
.header-primary-menu-wrapper {
  border-bottom: #e6bd85;
  width:auto
}

/* (c) message */
.postscript-bottom-wrapper {
  background: #e6bd85;
  color: #34211a;
  line-height: 10%;
}

/* add footer image */
.footer-message {
  background: #e6bd85 url(../images/cote-header.jpg);
  padding-top: 150px;
}


/* Log in button */ 
.form-submit {
  background: #34211a url(images/button-bg.png) repeat-x 50% 0;
  border: 3px solid white;
  color: #BC9B67;
}

.row {
	max-width: 100%;
}



/* OVERRIDE THEME DEFAULT STYLES WHERE NECESSARY */

h2, h3, h4, h5, h6 {
  color: white;
}

h1,
.title h1 {
  color: #BC9B67;
  font-size: 20px;
}

A:link,
A:visited,
A:active {
  color: #BC9B67;
  font-weight: bold;
}

A:hover {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

#main-wrapper {
  background-color: #34211a;
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.footer-message,
.preface-top,
.preface-top h1,
.preface-top h2,
.preface-top h3,
.preface-top h4,
.preface-top h5,
.preface-top h6,
.preface-top a:link,
.preface-top a:visited {
  background-color: #e6bd85;
  color: #34211a;
}


th {
  color: brown;
}

/* display horizontal scrollbar if user list or product list is too wide for the screen */
.cote-users,
.cote-products {
  overflow-x: auto;
}


/* CONFIGURE GRID DISPLAY FOR PRODUCTS (wrapped in the "cote-products" class) */

/* hack to hide the "image" heading in the product catalog - there's no setting to not display it in the Views UI */
.cote-products h6 {
  color: #34211a;
  font-size: 33.33%;
}

/* set the border for each product's cell, plus the internal padding within the cell */
.cote-products td {
  border: 2px solid #BC9B67;
  padding: 9px;
  padding-top: 15px;
  vertical-align: top;
}

/* set the table border spacing (the border is actually invisible), width and allignment */
.cote-products table {
  border-collapse: separate;
  border-spacing: 10px 25px;
  width: 400px;       /* set a fixed width so the table doesn't just fill all the available space, this value represents the minimum width, the table will automatically stretch to fit the content */
  margin-left: auto;  /* setting left and right margins to auto makes the browser centre the table */
  margin-right: auto;
}

/* configure the style of the email links */
.cote-products A:link,
.cote-products A:visited,
.cote-products A:active {
  color: #BC9B67;
  font-weight: normal;
}

.cote-products A:hover {
  color: white;
  font-weight: normal;
}


/* ABOUT SCREEN */

/* make margins wider so text flows down further */
.cote-about {
  margin-left: 100px;
  margin-right: 200px;
}