/*
  Theme Name: Solihull Carers
  Author: Colebridge Communications
  Author URI: http://colebridgecommunications.co.uk/
  Description: Custom theme for solihullcarers.org
*/

/* Style Reference */
/*
  Hex Code    Colour Ref.       Notable Use

  #81007e     Mid Purple        Solihull Carers Logo
  #e2c1ea     Pale Purple       Borders, Navigation

*/

/*----------------------------------------------------------------------------
  @group Reset
----------------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align:middle; }

/* @end Reset */

/*----------------------------------------------------------------------------
  @group Utility
----------------------------------------------------------------------------*/

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
.clear { clear: both; }
.next_post { float: right; }
.previous_post { float: left; }
.post { clear: both; }
.spacer_ { display: none; } /* stop TinyMCE generated <br class="spacer_"> styles from affecting the layout */

/* Clearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/* @end Utility */

/*----------------------------------------------------------------------------
  @group Elements
----------------------------------------------------------------------------*/

html { overflow-y: scroll; } /* Force scrollbar in non IE */
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 */

ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

ul { list-style: disc inside; }
dl { list-style: decimal;  }
dt { font-weight: bold;    }
dd { margin-bottom: 0.5em; }
ul li { list-style: circle outside; }

/* @end Elements */

/*----------------------------------------------------------------------------
  @group Text
----------------------------------------------------------------------------*/

body  { font: 14px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; }

  /* Paragraphs and lists */
  p,ul,ol,dl { font-size: 1em; margin-bottom: 1em;}

  #primary-content li { margin-left: 18px; }

  /* 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; }
  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; }

/* @end Text */

  /*----------------------------------------------------------------------------
    @group Links
  ----------------------------------------------------------------------------*/

  a, a:link, a:visited {
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #ddd;
  }
  a:hover, a:active, a:focus { color:#999; }

  /* @end Links */

  /*----------------------------------------------------------------------------
    @group Images
  ----------------------------------------------------------------------------*/

  /* .alignleft & .alignright are WP specific styles. See @group Utility */
  img { border:1px solid #e2c1ea; padding: 3px; }
  .alignleft { float: left; margin: 0 1.5em 1.5em 0; }
  .alignright { float: right; margin: 0 0 1.5em 1.5em; }
  .wp-caption-text {
    color: #444;
    font-size: 75%;
    padding-bottom: 1em;
    margin-bottom: 0em;
    border-bottom: 1px solid #ddd;
  }

  /* @end Images */


/*----------------------------------------------------------------------------
  @group Structure
----------------------------------------------------------------------------*/

body { background: transparent url('images/body.jpg') repeat fixed; }

#container {
  color: #222;
  width: 960px;
  margin: 20px auto 40px;
  border: solid #e2c1ea;
  border-width: 6px;
  background: #fff url('images/container.jpg') repeat-y top left;

  -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
  -o-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
  -box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}
.ie6 #primary-content { width: 690px; margin-right: 10px; }

#header { border-bottom: 6px solid #e2c1ea; }
  #header h1 { margin: 0; }
    #header h1 a, #header h1 a:link {
      height: 170px;
      margin: 0 auto;
      display: block;
      text-indent: -9999em;
      border: none;
      background:url( "images/header.jpg") no-repeat top left;
    }

#primary-content  {
  float: left;
  width: 690px;
  margin: 30px 30px 10px 30px;
}
#primary-content img {
  max-width: 660px;
}

#footer {

  clear: both;
  font-size: 0.85em;
  text-align: left;
  padding: 10px 20px;
  border-top: 6px solid #e2c1ea;
  color: #333;
  background-color: #fbe9ff;
}
#footer .copyright {
  color: #666;
  clear: both;
  padding-top: 1em;
}

/*----------------------------------------------------------------------------
  @group vCards
----------------------------------------------------------------------------*/

.vcard { margin: 10px 0; }
  .vcard .org { font-size: 1.15em; font-weight: bold; margin-bottom: 0; }
  .vcard .addr { margin: 0.5em 0 0.2em; }
    /*.vcard .street-address,*/
    .vcard .locality,
    .vcard .region,
    .vcard .postal-code {
      /*display: inline;*/
      margin-left: .5em;
    }
  .vcard .tel,
  .vcard .email { font-weight: bold; float: left; margin-right: 1em; }

/* @end vCards */

/* @end Structure */

/*----------------------------------------------------------------------------
  @group Navigation
----------------------------------------------------------------------------*/

.navigation {
  margin: 0;
}
.navigation ul,
.navigation ul li,
.navigation ul ul {
  width: 200px;
  margin: 0;
  list-style: none;
  float: left;
}
.navigation ul li {
  float: left;
  position: relative;
  width: 100%;
}
.navigation .parent > a {
  background: url('images/disclosure-arrow.gif') no-repeat 185px 8px;
}
.navigation ul li.iehover { z-index: 1000; /* IE z-index bugfix */ }
.navigation ul ul {
 display: none;
 position: absolute;
 top: -1px;
 left: 100.1%;
 z-index: 9999;
 -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.15);
 -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.15);
 -o-box-shadow: 0px 2px 6px rgba(0,0,0,0.15);
 box-shadow: 0px 2px 6px rgba(0,0,0,0.15);
}
.navigation ul li a {
 border: solid #cfc0d2;
 border-width: 0 1px 1px 0;
 padding: 8px 20px;
 display: block;
 font-size: 0.85em;
 font-weight: bold;
 text-decoration: none;
 height: 1%;
}
/* Root Menu Hover Persistence */
.navigation ul li a:hover,
.navigation ul li:hover a,
.navigation ul li.iehover a {
 background-color: #81007e;
 color: #FFF;
}
/* 2nd Menu */
.navigation ul li:hover ul,
.navigation ul li.iehover ul {
  border-top: 1px solid #ddd;
}
/* IE Fix */
.navigation ul li:hover li a,
.navigation ul li.iehover li a {
 float: none;
 color: #000;
 background: #fff;
}
/* 2nd Menu Hover Persistence */
.navigation ul li:hover li a:hover,
.navigation ul li:hover li:hover a,
.navigation ul li.iehover li a:hover,
.navigation ul li.iehover li.iehover a,
.navigation .current-menu-item a,
.navigation .current-menu-parent a {
 color: #fff;
 background-color: #81007e;
}
/* 3rd Menu */
.navigation ul li:hover li:hover li a,
.navigation ul li.iehover li.iehover li a {
  color: #fff;
 background: #81007e;
}
/* 3rd Menu Hover Persistence */
.navigation ul li:hover li:hover li a:hover,
.navigation ul li:hover li:hover li:hover a,
.navigation ul li.iehover li.iehover li a:hover,
.navigation ul li.iehover li.iehover li.iehover a {
 background: #666;
}
/* 4th Menu */
.navigation ul li:hover li:hover li:hover li a,
.navigation ul li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
.navigation ul li:hover li:hover li:hover li a:hover,
.navigation ul li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}
/* Hover Function - Do Not Move */
.navigation ul li:hover ul ul,
.navigation ul li:hover ul ul ul,
.navigation ul li.iehover ul ul,
.navigation ul li.iehover ul ul ul {
  display: none;
}
.navigation ul li:hover ul,
.navigation ul ul li:hover ul,
.navigation ul ul ul li:hover ul,
.navigation ul li.iehover ul,
.navigation ul ul li.iehover ul,
.navigation ul ul ul li.iehover ul {
  display: block;
}

/* @end Navigation */

/*----------------------------------------------------------------------------
  @group Widgets
----------------------------------------------------------------------------*/

.widget { margin-bottom: 2em; }
  .widget-title {
    font-size: 1em;
    margin-bottom: 1.5em;
    text-transform: uppercase;
  }
  .widget li { list-style: circle outside }

/* @group Widgets */

/*----------------------------------------------------------------------------
  @group Articles
----------------------------------------------------------------------------*/

article { clear:both; margin-bottom: 4em; }
  article header {
    margin-bottom: 1em;
    border-bottom: 1px solid #ddd;
  }
    article header h1 {
      font-size: 1.6em;
      margin-bottom: 0.3em;
    }
    article header h1 a:link {
      border-bottom: none;
    }
    article header .byline {
      color: #666;
      font-size: 1em;
      margin-bottom: 1em;
      font-style: italic;
      font-family: Georgia, serif;
    }
    article .more { font-weight: bold; }
    article footer {
      clear: both;
      border-left: 5px solid #e2c1ea;
      padding-left: 0.5em;
      margin: 1.5em 0 0 0;
      text-transform: uppercase;
    }
      article footer p {
        font-size: .85em;
      }

/* @end Articles */


/*----------------------------------------------------------------------------
  @group Comments
----------------------------------------------------------------------------*/

#comments { font-size: 1.4em; margin-bottom: 1em; }
.comment-list {}
.comment {
  clear: both;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0em;
  padding: 0.5em 0.5em 0;
}
  .comment .vcard { margin: 0em; }
    .comment .avatar {
      float: left;
      margin-right: 1em;
    }

    .comment .fn { font-style: normal; font-weight: bold; font-size: 1.1em; }
    .comment .says { font-style: italic; }
    .comment .comment-meta { font-size: .9em; margin-bottom: 1em; }


/* Author Comments */
.bypostauthor {
  background: #e2c1ea;
  border-bottom: 2px solid #fff;
}
  .bypostauthor .avatar { background-color: #fff; }

/* @end Comments */


/*----------------------------------------------------------------------------
  @group Media Queries
----------------------------------------------------------------------------*/

@media screen and (max-width: 800px) {
  #container, #header h1 a {
    width: 720px;
  }
  #primary-content {
    width: 440px;
  }

}

/* @end Media Queries */

/*----------------------------------------------------------------------------
  @group Print
----------------------------------------------------------------------------*/

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links. */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/* @end Print */