/*
Theme Name: CIGB Theme
Author: Colebridge Communications
Author URI: http://colebridge.org/
*/

/*
COLOUR REFERENCE

Hex Code  Colour Ref.     Notable Use

#eef      Pale Blue       Background
#439acf   Mid Turqoise    Header / Headings / Footer
#717c8c   Dark Turquoise  Navigation Links
#fe0034   Bright Red      Navigation / CIGB logo
#d4d4d4   Pale Grey       Page border
*/

/* =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; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* =Base styles
-------------------------------------*/

html { font-size: 100.1%; }
body { font-size: 62.5%; }

  /* =Font stacks
  -------------------------------------*/

  #page { font: 1.3em/1.6 sans-serif }
  #page { font-family: verdana, sans-serif; }
  h1,h2,h3,h4,h5,h5,h6, .wp-caption { font-family: Georgia, serif; }

  /* =Sensible Defaults
  -------------------------------------*/

  strong { font-weight: bold; }
  em { font-style: italic; }
  acronym, abbr {
    cursor: help;
    font-size: 0.9em;
    letter-spacing: .07em;
    border-bottom: 1px dashed #999;
  }
  blockquote {
    border-left: 1px solid #ccc;
    padding-left: 10px;
  }
  hr { display: none; }

  /* =Headings
  -------------------------------------*/

  h1, h2, h3, h4, h5, h6 {
    color: #69c;
    line-height: 1.2em;
    margin: 1.2em 0 0.6em 0;
  }
  h1 { font-size: 2.8em; }
  h2 { font-size: 1.8em; }
  h3 { font-size: 1.6em; }
  h4 { font-size: 1.4em; }
  h5 { font-size: 1.2em; }
  h6 { font-size: 1.1em; }

  /* =Paragraphs and Lists
  -------------------------------------*/

  p, ol, ul, dl { margin-bottom: 1em; }
  ul, ol, dl { margin-left: 1.5em; }
  ul li { list-style-type: square; }
  ol li { list-style-type: decimal; }
  dl dt { font-weight: bold }

  /* =Links
  -------------------------------------*/

  a, a:link, a:visited {
    color: #588e03;
    text-decoration: none;
    border-bottom: 1px solid #69c;
  }
  a:hover, a:active {
    color: #000;
    border-bottom-color: #000;
  }

/* =Layout
-------------------------------------*/

body {
  margin: 0;
  padding: 0 0 20px 0;
  color: #444;
  background-color: #eef;
}

#page {

  width: 770px;
  padding: 0;
  margin: 20px auto;

  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-top: 6px solid #fc0033;
  border-bottom: 6px solid #fc0033;

  -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
     -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
       -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
          box-shadow: 0px 0px 6px rgba(0,0,0,0.1);

}

  /* =Header
  -------------------------------------*/

  #header {
    height: 127px;
    background: #2a3b63;
  }
  #header a {
    margin: 0;
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;

    width: 770px;
    height: 127px;
    background: #439acf url('img/banner.jpg') no-repeat;
  }


  /* =Navigation
  -------------------------------------*/

  .navigation { background: #fc0033 url('img/nav-bg.jpg') no-repeat; }
    .navigation ul {
      margin: 0;
      height: 30px;
      border: none;
      text-align: left;
      white-space: nowrap;
    }
      .navigation li {
        margin: 0;
        display: inline;
        list-style: none;
      }
      .navigation a, .navigation a:link, .navigation a:visited {
        float: left;
        border: none;
        color: white;
        height: 30px;
        padding: 0 10px;
        font-size: 0.85em;
        font-weight: bold;
        line-height: 30px;
        text-shadow: 0px 1px 1px rgba(0,0,0,0.3);

      }
      .navigation a:hover,
      .navigation .current_page_item a,
      .navigation .current_page_parent a {
        color: #fff;
        background-color: #439acf;
      }

    /* =Sub navigation
    -------------------------------------*/
    /* Overides .navigation classes */

    #sub-navigation {
      background: #439acf;
      border: 1px #fff solid;
      border-width: 1px 0;
    }
     #sub-navigation ul a:link,  #sub-navigation ul a:visited {
       background-color: transparent;
     }
     #sub-navigation ul a:hover, #sub-navigation ul .current_page_item a {
       background-color: #fc0033;
     }

     /* =Archive links
     -------------------------------------*/
     .archive-links { padding-bottom: 30px; }

  /* =Content
  -------------------------------------*/

  #content {
    padding: 0px 35px 20px;
    border-top: 1px solid #fff;
    background: #fff url('img/container-bg.jpg') no-repeat top right;
  }

  /* =Footer
  -------------------------------------*/

  #footer { clear: both; background-color: #69c; }
    #footer p {
      color: #fff;
      margin: 0;
      padding: 10px 0;
      text-align: center;
      font-size: 0.8em;
      text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
    }
    #footer a { color: #fc9d4a; }

/* =Section specific
-------------------------------------*/

  /* =Posts
  -------------------------------------*/

  .post, .pagepost { margin: 0 0 40px; text-align: left; }
  .postmetadata {
    color: #fff;
    background: #69c;
    padding: 2px 10px 4px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
  }
  .postmetadata ul, .postmetadata li { display: inline; list-style: none; }
  .postmetadata a:link, .postmetadata a:visited { color: #000; }

  /* =Comments
  -------------------------------------*/

  .alt {
    margin: 0;
    padding: 10px;
  }
  .commentlist {
    padding: 0;
    text-align: left;
  }
  .commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
  }
  .commentlist p {
    margin: 10px 5px 10px 0;
  }
  #commentform p { margin: 5px 0; }
  .nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
  }
  .commentmetadata {
    margin: 0;
    display: block;
  }

  .commentlist li, .commentlist cite, .commentlist cite a { font-weight: bold; }
  .commentlist cite, .commentlist cite a {
    font-style: normal;
    font-size: 1.1em;
  }
  .commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
  }
  .commentmetadata { font-weight: normal; }

    /* =Forms
    -------------------------------------*/

    input, textarea {
      color: #333;
      background-color: #f7f7f7;
      border: 1px solid #ccc;
    }
    input {
      width: 170px;
      padding: .3em 1em;
      margin: .5em .5em 0 0;
    }
    textarea {
      width: 540px;
      padding: 2px;

    }
    #commentform #submit {
      clear: both;
      margin: 0 0 1em 0;
      padding: .5em 1em;
      border: 1px solid #ccc;
    }
    #submit:hover {
      color: white;
      background-color: #439acf;
      border-color: #439acf;
    }
    input, textarea {
      padding-left: 2px;
      color: #333;
    }

/* =Helpers
-------------------------------------*/

  /* =WordPress
  -------------------------------------*/

  .alignleft  { float: left; }
  .alignright { float: right; }

  img.alignright, .alignright img { margin: 0 0 0 1.5em; }
  img.alignleft, .alignleft img { margin: 0 1.5em 0 0; }

  .wp-caption-text {
    font-size: 1em;
    color: #666;
    font-style: italic;
    text-align: center;
  }
  .spacer_ { display: none; }

  /* =Clearfixes
  -------------------------------------*/

  .clear { clear: both; }
  /* Contain floats: h5bp.com/q */
  .clearfix:before, .clearfix:after,
  .group:before, .group:after { content: ""; display: table; }
  .clearfix:after, .group:after { clear: both; }
  .clearfix, .group { *zoom: 1; }