/**
 * Thank-you for your interest in the CSS for solihullcarers.org
 */
/*-------------------------------------------------
| =Table of Contents
---------------------------------------------------
| Global Reset
| Utility Styles
| Sensible Defaults
| Typography
|   Body & Containers
|   Paragraphs & Lists
|   Headings
|   Quotes
|   Links
| Layout
|   Body
|   Control Bar (Accessibility)
|   Container
|   Header
|   Navigation
|   Primary Content
|     Images
|   Secondary Content
|   Footer
---------------------------------------------------
| =Style Reference
---------------------------------------------------
| Hex Code    Colour Ref.       Notable Use
|
| #81007e     Mid Purple        Solihull Carers Logo          
| #e2c1ea     Pale Purple       Borders, Navigation 
---------------------------------------------------
| =Global Reset
| Based upon Eric Meyer's Reset
--------------------------------------------------*/
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; border: 0; outline: 0;
  font-size: 100%; vertical-align: baseline; background: transparent;}
  body { line-height: 1; }
  ol, ul { list-style: none; }
  blockquote, q { quotes: none; }
  :focus { outline: 0; }
  ins { text-decoration: none; }
  del { text-decoration: line-through; }
  /* tables still need 'cellspacing="0"' in the markup */
  table { border-collapse: collapse; border-spacing: 0;}  
/*-------------------------------------------------
| =Utility Styles
--------------------------------------------------*/
  .aligncenter    { display: block; margin: 0 auto; }
  .alignleft      { float: left;    }
  .alignright     { float: right;   }
  .clear          { clear: both;    }
  .display_none   { display: none;  }
  .next_post      { float: right;   }
  .previous_post  { float: left;    }
  .post           { clear: both;    }  
/*---------------------------------------------------
| =Sensible Defaults
---------------------------------------------------*/
  strong { font-weight: bold }
  em { font-style: italic }
  * a { position:relative } /* Gets links displaying over a PNG background */
  a img { border:none } /* Gets rid of IE's blue borders */  
/*---------------------------------------------------
| =Typography
---------------------------------------------------*/
  body  { font: 14px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  /*---------------------------------------------------
  | =Paragraphs & Lists
  ---------------------------------------------------*/
    p,ul,ol,dl { font-size: 1em; margin-bottom: 1em;}
    ol li { list-style: decimal outside; }
    ul li { list-style: disc outside; }
    dt { font-weight: bold;    }
    dd { margin-bottom: 0.5em; }
/*    #primary_content ul,ol,dl { margin-left: 10px; text-indent: 5px; }*/
    #secondary_content ul { list-style: none; }
  /*---------------------------------------------------
  | =Headings
  ---------------------------------------------------*/
    h1,h2,h3,h4,h5,h6 { 
      font-weight: 400;
      font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
      line-height: 1em; 
      margin-bottom: 0.5em;
    }
    h1 { font-size: 2.0em; } /* Reserved for website header */
    h2 { font-size: 1.7em; }
    h3 { font-size: 1.6em; }
    h4 { font-size: 1.4em; }
    h5 { font-size: 1.2em; }
    h6 { font-size: 1.1em; }
  /*---------------------------------------------------
  | =Quotes
  ---------------------------------------------------*/
    blockquote{
      color: #444;
      border-left: 2px solid #ddd;
      width:450px;
      text-indent: -0.7em;
      line-height: 1.5em; 
      margin: 1.5em 0;
    }
    blockquote p { margin:0 0 1.5em 0; padding-left: 1.5em; }
    blockquote cite { margin:0 0 0 0.7em; font-style: italic; }
  /*---------------------------------------------------
  | =Links
  ---------------------------------------------------*/
    a, a:link, a:visited { 
      color: #333; 
      text-decoration: none; 
      border-bottom: 1px solid #ddd; 
    }
    a:hover, a:active, a:focus { color:#999; }
/*---------------------------------------------------
| =Layout
---------------------------------------------------*/
  body { background: transparent url(images/body.jpg) repeat fixed; }
  body.mceContentBody { background-image: none; background-color: #fff; }
  /*---------------------------------------------------
  | =Control Bar
  ---------------------------------------------------*/ 
    #control_bar { 
      height: 30px;
      width: 960px;
      margin: 10px auto;
      background: #fff;
      border: 5px solid #e2c1ea;
      -webkit-box-shadow: 2px 2px 2px #bbb;
      -moz-box-shadow: 2px 2px 2px #bbb;
      -box-shadow: 2px 2px 2px #bbb;
    }
    #control_bar p { line-height: 30px; margin-left: 20px; }
  /*---------------------------------------------------
  | =Container
  ---------------------------------------------------*/
    #container { 
      background: #fff;
      color: #222;
      width: 960px;
      margin: 10px auto;
      border: 5px solid #e2c1ea;
      -webkit-box-shadow: 2px 2px 2px #bbb;
      -moz-box-shadow: 2px 2px 2px #bbb;
      -box-shadow: 2px 2px 2px #bbb;
    }
  /*---------------------------------------------------
  | =Header
  ---------------------------------------------------*/   
    #header {
      background:#fff url( "images/header.jpg") no-repeat top left;
      border:2px solid #fff;
      margin:0 auto;
      height:170px;
    }
  /*---------------------------------------------------
  | =Navigation 
  ---------------------------------------------------*/
    #navigation {
      height: 35px;
      width: 956px;
      margin: 0 auto;
      background-color: #e2c1ea;
    }
    #navigation ul {
      font-size: 0.8em;
      margin: 0 -5px 0 20px; 
      list-style: none;
      text-transform: uppercase;
      font-weight: bold;
    } 
    #navigation li {
      display: inline;  
      float: left;
      border-right: 1px solid #999;
    }
    #navigation a, 
    #navigation a:link, 
    #navigation a:visited {
      color: #000;
      border:0px;
      padding: 0 5px;
    }
    #navigation a:hover, 
    #navigation a:active,
    #navigation li.current_page_item a  
    { color: #fff; }
  /*---------------------------------------------------
  | =Primary Content
  ---------------------------------------------------*/ 
    #primary-content  { width: 640px; float: left; margin: 30px 20px 10px 20px; }
    /*---------------------------------------------------
    | =Images
    ---------------------------------------------------*/
      /* .alignleft & .alignright, WordPress styles) */
      img { border:1px solid #e2c1ea; padding: 3px; }
      img.alignleft { float: left; margin: 0 1em 2em 0; }
      img.alignright { float: right; margin: 0 0 2em 1em; }
  /*---------------------------------------------------
  | =Secondary Content
  ---------------------------------------------------*/
    #secondary-content {
      float: right;
      text-align: right;
      margin: 30px 20px 0 0;
      width: 220px;
    }
  /*---------------------------------------------------
  | =Footer
  ---------------------------------------------------*/
    #footer {
      clear: both;
      font-size: 0.8em;
      text-align: center;
      padding-top: 10px;
      border: 2px solid #fff;
      color: #81007e;
      background-color: #e2c1ea;
      text-shadow: 1px 1px 1px  #fff;
    }