/*
Theme Name: Families First
Theme URI: http://spectramedia.ca
Description: Families First custom theme
Version: 1.0
Author: Rob Williams, Spectra Media
Author URI: http://spectramedia.ca
Tags: custom
*/


html, body {
    background:             url(/images/background.jpg) no-repeat top left;
    height:                 100%;
    font-family:            'Tahoma', 'Arial', 'Helvetica', 'sans-serif';
    color:                  black;
    font-size:              0.9em;
    line-height:            1.2em;
}

p {
    margin-bottom:          1.2em;
}

h1 {
    color:                  black;
    font-size:              1.2em;
    font-weight:            bold;
    margin:                 10px 0;
}

h2 {
    font-size:              1.2em;
    font-weight:            bold;
    color:                  #a82723;
    float:                  left;
    clear:                  left;
}

h2 a, h3 a {
    text-decoration:        none;
    color:                  #2723a8;
}

h2 a:hover, h3 a:hover {
    color:                  #a82723;
}

h3 {
    color:                  #a82723;
    font-size:              0.9em;
    font-weight:            bold;
    text-transform:         uppercase;
}

div#content, textarea#comment {
    width:                  500px;
}

.post {
    margin-bottom:          15px;
}

.blog_date {
    color:                  black;
    font-style:             italic;
    float:                  right;
}

.entry {
    clear:                  both;
}

.postmetadata {
    float:                  right;
    clear:                  both;
}

.navigation {
    margin-bottom:          15px;
}

.navigation a {
    color:                  #2723a3;
    font-weight:            bold;
    text-decoration:        none;
}


div#header {
    position:               absolute;
    left:                   0;
    z-index:                100;
    width:                  960px;
    height:                 230px;
    text-align:             right;
}

div#header_content {
    position:               relative;
}

img#header_img {
    position:               absolute;
    left:                   0;
    top:                    0;
    z-index:                100;
}

.header_icon {
    float:                  left;
    position:               relative;
    top:                    190px;
    z-index:                250;
    padding-right:          10px;
    border:                 none;
}

div#container {
    background:             url(/images/page_background.jpg);
    width:                  960px;
    min-height:             100%;
    height:                 auto !important;
    height:                 100%;
    margin:                 0 auto -35px;
    position:               relative;
}


.footer, .push {
    position:               relative;
    left:                   -150px;
    margin:                 8px auto;
    z-index:                100;
    font-size:              0.8em;
    width:                  660px;
    height:                 20px;
}

.footer {
    border-top:             2px #e4e4e4 solid;
    padding-top:            5px;
    color:                  #AAA;
}

.footer a {
    float:                  right;
    color:                  #AAA;
    padding:                0 15px;
    text-decoration:        none;
    font-size:              8pt;
}

.footer a:hover {
    color:                  #444;
}

div#left_column {
    float:                  left;
    width:                  660px;
    height:                 100%;
    background:             white;
}

div#right_column {
    background:             #f3e80e;
    width:                  300px;
    min-height:             750px;
    float:                  right;
    position:               relative;
}

.clear {
    clear:                  both;
}

div#left_column_content {
    margin-top:             240px;
    position:               relative;
}

div#right_column_content {
    margin:                 235px 10px 10px;
}

div#right_column_content p {
    font-size:              8pt;
    text-align:             justify;
}

div#partner_content {
    position:               absolute;
    right:                  -12px;
    bottom:                 0;
    background:             url(/images/partner.png) bottom center;
    width:                  322px;
    height:                 266px;
}

div#partner_logos {
    position:               relative;
    left:                   48px;
    top:                    14px;
    width:                  224px;
    height:                 96px;
    text-align:             center;
}

div#partner_become {
    position:               absolute;
    left:                   30px;
    bottom:                 75px;
    z-index:                150;
    cursor:                 pointer;
}


div#newsletter_signup {
    background:             url(/images/newsletter_signup_background.jpg) no-repeat;
    width:                  260px;
    height:                 40px;
    margin:                 5px auto;
}

input#newsletter_signup_input {
    width:                  240px;
    margin:                 7px auto;
    border:                 0;
    font-size:              1.4em;
    color:                  #CCC;
    background:             none;
    text-align:             center;
}

div#newsletter_signup_button {
    width:                  240px;
    margin:                 5px auto 10px;
    text-align:             right;
}

div#left_half {
    width:                  360px;
}

div#right_half {
    position:               absolute;
    top:                    0;
    left:                   360px;
    width:                  280px;
}

div#menu_items {
    margin-bottom:          8px;
    background:             url(/images/grey_fade_left.jpg) no-repeat top left;
    height:                 30px;
}

ul#menu {
    list-style-type:        none;
}

ul#menu li {
    float:                  left;
    position:               relative;
}

ul#menu li a {
    font-size:              1.1em;
    text-decoration:        none;
    color:                  #2327a8;
}

ul#menu li a.current {
    font-weight:            bold;
}

ul#menu li:hover ul, ul#menu li:hover ul {
    visibility:             visible;
}

ul#menu li ul {
    list-style-type:        none;
    position:               absolute;
    left:                   0;
    top:                    12px;
    width:                  150px;
    z-index:                250;
    visibility:             hidden;
}

ul#menu li ul li {
    float:                  none;
    padding:                5px 0 3px 10px;
}

ul#menu li ul li a {
    font-size:              0.9em;
    font-weight:            normal;
}

ul#menu li ul li a:hover {
    font-weight:            bold;
}

ul.dotted {
    list-style-type:        square;
    margin:                 0 0 1em 1em;
}

.padded {
    margin-right:           16px;
}

.grey {
    height:                 20px;
    background:             #e1e1e1;
}

.spacer {
    height:                 6px;
}

img#grey_fade_left {
    position:               relative;
    z-index:                10;
}

img#grey_fade_right {
    float:                  right;
    position:               relative;
    top:                    7px;
}

.imgright {
    float:                  right;
    margin:                 0 0 10px 10px;
}

.left, .alignleft {
    text-align:             left;
    margin-bottom:          8px;
}

.right, .alignright {
    text-align:             right;
    margin-bottom:          8px;
}

div#events_calendar {
    width:                  80%;
    margin:                 0 auto;
}

div#events_calendar table {
    margin-bottom:          15px;
}

.subheading {
    color:                  #a82723;
    font-size:              0.9em;
    font-weight:            bold;
}

.blue {
    color:                  #2723a8;
}

.comment-body a {
    color:                  #2327a8;
    text-decoration:        none;
}

.comment-body a:hover {
    color:                  red;
}

.commentmetadata {
    margin-bottom:          10px;
}

.hidden {
    display:                none;
}

.input {
    width:                  100%;
    font-size:              0.9em;
}

.notice_board_content {
    font-size:              0.8em;
}

ul.sitemap {
    list-style-type:        square;
    padding-left:           50px;
}

ul.sitemap_child {
    list-style-type:        circle;
    padding-left:           25px;
}

ul.sitemap li a, ul.sitemap_child li a, table#links_table a {
    color:                  #2327a8;
    font-weight:            normal;
    text-decoration:        none;
}

ul.sitemap li a:hover, ul.sitemap_child li a:hover, table#links_table a:hover {
    font-weight:            bold;
}

li.only, li.parent {
    margin-top:             5px;
}

table#links_table td {
    padding-bottom:         8px;
}