/*  
Theme Name: Ottawa CIS
Theme URI: http://www.cisofottawa.com/
Description: WordPress theme for CIS of Ottawa.
Version: 1
Author: JBerra Design
Author URI: http://www.jberradesign.com/
*/

body {
    margin:0;
    padding:20px 0 14px;
    background:#68BACE;
    font-size:85%;
    font-family:Arial, sans-serif;
    line-height:1.4em;
    color:#444B4C;
}
a img, img {
    border:none;
    vertical-align:middle;
}
a {
    text-decoration:none;
    color:#008DA8;
}
a:hover {
    text-decoration:underline;
}
h1, h2, h3, h4 {
    margin:20px 0 6px;
    padding:0;
    font-size:1.7em;
    font-weight:bold;
    color:#008DA8;
    line-height:1em;
}
h2 {
    margin:30px 0 6px;
}
h3, h4, h5, h6 {
    font-size:1.4em;
    font-weight:bold;
}
h4, h5, h6 {
    font-size:1.1em;
}
h2.first, h3.first, h2.pagetitle {
    margin-top:0;
}
p {
    margin:6px 0 16px;
}
ul {
    list-style-type:disc;
    list-style-image:url(images/bullet.png);
    margin:12px 0;
    padding:0 0 0 30px;
}
li {
    margin:1px 0;
    padding:0;
}
form {
    margin:0;
    padding:0;
}
big {
    font-size:1.25em;
}
small {
    font-size:0.8em;
}
.alignRight {
    text-align:right;
}
.alignCenter {
    text-align:center;
}
.clear {
    clear:both;
}
.left {
    float:left;
}
img.left {
    margin:0 14px 14px 0;
}
.right {
    float:right;
}
img.right {
    margin:0 0 14px 14px;
}
.statusMessage, .error {
    color:#F6A600;
}

/**** outer ****/
#outer {
    margin:0 auto;
    padding:0;
    background:url(images/outer-bg.gif) 50% 0 repeat-y;
    width:870px;
}

/**** header ****/
#header {
    position:relative;
    background:url(images/header-bg.gif) 50% 0 no-repeat;
    color:#FFF;
    height:234px;
}
#header h1 {
    position:absolute;
    left:32px;
    top:40px;
    margin:0;
    padding:0;
}
#header h1 a {
    display:block;
    background:url(images/logo.gif) no-repeat;
    text-indent:-9999px;
    width:349px;
    height:66px;
    outline:none;
}
#header .makeDonation, #header .getInvolved {
    position:absolute;
    bottom:0;
    left:12px;
    background:url(images/make-a-donation.gif) no-repeat;
    text-indent:-999px;
    width:217px;
    height:85px;
    outline:none;
}
#header .getInvolved {
    left:229px;
    background:url(images/get-involved.gif) no-repeat;
    width:177px;
}
#header .makeDonation:hover, #header .getInvolved:hover {
    background-position:0 100%;
}
#header .headerGraphic {
    position:absolute;
    right:12px;
    bottom:0;
}

/**** navigation ****/
#navigation {
    list-style-type:none;
    list-style-image:none;
    margin:0 12px;
    padding:0;
    background:url(images/nav-bg.gif) repeat-x #005BAB;
    height:48px;
}
#navigation li {
    float:left;
    margin:0;
    padding:0;
}
#navigation a {
    display:block;
    padding:0 20px 0 21px;
    background:url(images/nav-bg.gif) repeat-x #005BAB;
    font-size:1em;
    color:#FFF;
    text-transform:uppercase;
    line-height:48px;
    vertical-align:middle;
    outline:none;
}
#navigation li.active a, #navigation li.current_page_item a, #navigation a:hover {
    background-position:0 100%;
    text-decoration:none;
}

/**** content ****/
#content {
    margin:0 12px;
    background:url(images/content-bg.gif) 50% 0 repeat-y;
}
#content_inner {
    padding:26px 0;
    background:url(images/content-top.gif) 50% 0 no-repeat;
}

/**** main content ****/
#main_content {
    float:left;
    padding:0 12px;
    width:386px;
    min-height:400px;
    overflow:hidden;
}

/**** sidebar ****/
#sidebar {
    float:right;
}

/**** left sidebar ****/
#sidebar_left {
    float:left;
}

/**** sidebars ****/
.sidebar {
    padding:0;
    width:216px;
    overflow:hidden;
}
.sidebar h2, .sidebar h3 {
    margin-top:0;
}
.sidebar .events {
    padding:0 16px 16px;
}
.sidebar .post {
    margin:6px 0;
}

/**** widgets ****/
.widgets ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.widgets li {
    margin:6px 0;
    padding:0;
}
.widgets .widget {
    margin:0 0 16px;
    padding:16px 16px 0;
    background:url(images/dash.gif) repeat-x;
}

/**** newsletter ****/
#newsletter_signup {
    margin:0 0 16px;
    padding:0 16px;
}
#wpnewsletter_name, #wpnewsletter_email {
    width:120px;
}
#newsletter_signup th {
    font-size:0.9em;
    font-weight:normal;
    text-align:left;
}

/**** footer ****/
#footer {
    clear:both;
    background:url(images/footer-top.gif) 50% 0 no-repeat;
    font-size:0.9em;
    color:#777;
}
#footer_inner {
    padding:22px 32px;
    background:url(images/footer-bottom.gif) 50% 100% no-repeat;
    min-height:50px;
}
#footer a {
    color:#444B4C;
}
#footer ul.navigation {
    list-style-type:none;
    list-style-image:none;
    margin:0;
    padding:0;
}
#footer ul.navigation li {
    display:inline;
    margin:0 8px 0 0;
    padding:0 8px 0 0;
    border-right:solid 1px;
    line-height:16px;
}
#footer ul.navigation li.last {
    margin:0;
    padding:0;
    border:none;
}
#footer .copyright {
    margin:4px 0;
}

/**** intro ****/
.intro {
    margin:0 0 24px;
    padding:10px 14px;
    border:solid 1px #D1E0E8;
    background:#EDF4F7;
    font-family:Georgia, Verdana, sans-serif;
    font-size:1.3em;
    color:#787D7F;
    line-height:1.4em;
}
.intro strong {
    font-weight:normal;
    color:#474A4B;
}
.intro a {
    color:#2F7AA2;
}
.intro a:hover {
    color:#000;
}

/**** posts ****/
.post {
    margin:2px 0 28px;
}
.post img.alignleft {
    float:left;
    margin:10px 10px 10px 0;
}
.post img .alignright {
    float:right;
    margin:10px 0 10px 10px;
}
.post .date {
    margin:0 0 4px;
    color:#2F7AA2;
}

/**** comments ****/
.commentlist {
    list-style-type:none;
    margin:14px 0;
    padding:0;
    border-top:solid 1px #D1E0E8;
}
.commentlist li {
    margin:0;
    padding:8px;
    border-bottom:solid 1px #D1E0E8;
}
.commentlist li.alt {
    background:#EDF4F7;
}
.commentlist li cite {
    font-style:normal;
    font-weight:bold;
    color:#2F7AA2;
}
.commentlist li .date {
    display:block;
    margin:0 0 10px;
    color:#777;
}
.comments textarea {
    width:380px;
    height:150px;
}

/**** post navigation ****/
#main_content .navigation {
    text-align:center;
}
#main_content .navigation div {
    display:inline;
}