/*  
Theme Name: MIKA CDC
Theme URI: http://mikacdc.com/
Description: WordPress theme for Mika CDC.
Version: 1
Author: 805 Collective
Author URI: http://805collective.org/
*/

body {
    margin:0;
    padding:10px 0;
    font-size: 85%;
    font-family:'Time New Roman', serif;
    line-height:1.2em;
    background:url(images/body-bg.jpg) 50% 0 #110B07;
    color:#231701;
}
a img, img {
    border:none;
    vertical-align:middle;
}
a, a:hover {
    text-decoration:none;
    color:#CBB509;
}
a:hover {
    text-decoration:underline;
}
h1 {
    margin:0 0 8px;
    padding:0;
    line-height:1em;
    font-size:2em;
    font-family:arial, sans-serif;
    font-weight:normal;
    color:#231701;
}
h2 {
    clear:both;
    margin:14px 0 10px;
    /*padding:14px 0 10px;*/
    font-size:2em;
    font-family:'Times New Roman', serif;
    font-weight:bold;
    line-height:1em;
    color:#231701;
}
h3 {
    margin:18px 0 10px;
    padding:0;
    font-size:1.5em;
    font-family:'Times New Roman', serif;
    font-weight:normal;
    line-height:1em;
    color:#231701;
}
h4 {
    clear:both;
    margin:0;
    padding:6px 0 0;
    font-size:1em;
    font-weight:bold;
    line-height:1em;
    color:#231701;
}
p {
    margin:8px 0 12px;
    padding:0;
}
form {
    margin:0;
    padding:0;
}
input {
    vertical-align:middle;
}
ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
li {
    margin:0;
    padding:0;
}
small {
    font-size:0.8em;
}
.alignRight {
    text-align:right;
}
.left {
    float:left;
}
.right {
    float:right;
}
.clear {
    clear:both;
}

/**** outer ****/
#outer {
    margin:0 auto;
    padding:0 0 16px;
    background:#FFF;
    width:995px;
}

/**** header ****/
#header {
    position:relative;
    padding:2px 6px;
    background:#FFF;
}
#header h1 {
    margin:0;
}
#header h1 a {
    display:block;
    background:url(images/logo.png) no-repeat;
    width:235px;
    height:132px;
    outline:none;
}
#header .quote {
    position:absolute;
    right:16px;
    top:22px;
    text-align:right;
    color:#DBC509;
    width:420px;
}
#header .quote .source {
    margin:0;
    padding:0;
    color:#000;
}

/**** top banner ****/
#image_video_link {
    float:right;
}
#top_banner {
    padding:0;
    background:#FFF;
    min-height:30px;
}
/*#home*/ #top_banner {
    width:710px;
    height:146px;
}
#video_gallery #top_banner {
    height:140px;
}
#top_banner #newsletter {
    float:right;
    position:relative;
    padding:0;
    background:url(images/nav-bg.jpg);
    width:167px;
    height:23px;
}
/*#home*/ #top_banner #newsletter {
    width:166px;
}
#top_banner #newsletter label {
    display:block;
    position:absolute;
    top:-18px;
    right:16px;
    font-size:0.9em;
}
#top_banner #newsletter .email {
    position:absolute;
    top:2px;
    left:6px;
    margin:0 0 0;
    padding:4px 0 0 4px;
    border:none;
    background:url(images/email-input.gif) no-repeat;
    font-size:0.9em;
    text-transform:uppercase;
    color:#B2B2B2;
    width:121px;
    height:15px;
}
#top_banner #newsletter .submit {
    position:absolute;
    top:0;
    right:0;
    background:url(images/add-me.gif) no-repeat;
    width:28px;
    height:23px;
}

/**** navigation ****/
#navigation {
    float:left;
    padding:0;
    background:url(images/nav-bg.jpg);
    width:828px;
    height:23px;
}
/*#home*/ #navigation {
    width:544px;
}
#navigation li {
    position:relative;
    float:left;
}
#navigation li a {
    float:left;
    display:block;
    padding:3px 40px 1px;
    border-right:solid 1px #AAA53E;
    background:url(images/nav-bg.jpg);
    color:#231701;
    height:19px;
    overflow:hidden;
}
/*#home*/ #navigation li a {
    padding:3px 23px 1px;
}
#navigation li a:hover {
    background:#231701;
    text-decoration:none;
    color:#DAC309;
}
#navigation li ul {
    display:none;
}
#navigation li li {
    float:none;
}

/**** sub nav ****/
#navigation li ul {
    position:absolute;
    top:23px;
    left:0;
    display:none;
    background:url(images/sub-nav-bg.png);
    font-size:0.9em;
    line-height:1.1em;
}
#navigation li:hover ul, #navigation li.active ul {
    display:block;
}
#navigation li ul li {
    float:none;
    display:block;
}
#navigation li ul li a {
    float:none;
    display:block;
    padding:2px 6px;
    border:none;
    background:transparent;
    width:150px;
    height:auto;
}
/*#home*/ #navigation li ul li a {
    padding:2px 6px;
    width:120px;
}
#navigation li ul li a:hover {
    background:#231701;
    text-decoration:none;
}

/**** content ****/
#content {
    padding:18px 0 0;
    background:#FFF;
}

/**** main content ****/
#main_content {
    float:left;
    padding:0 14px 14px 34px;
    width:700px;
}
#home #main_content, #video_gallery #main_content {
    float:none;
    padding:14px;
    width:auto;
}
#video_gallery #main_content {
    padding:6px 0;
}
#main_content ul {
    list-style-type:disc;
    padding:2px 0 16px 20px;
}
#main_content ul li {
    padding:2px 0;
}
#main_content ul ul {
    list-style-type:circle;
}
#main_content h3 {
    font-weight:bold;
    color:#CBB509;
}
#main_content h3.alt {
    color:#002535;
}
#main_content em {
    color:#CBB509;
}
#home #main_content .column {
    float:left;
    padding:0 8px;
    width:306px;
}
#home #main_content .column h2 {
    margin:4px 0 10px;
    padding:0;
    font-size:1.4em;
    font-weight:normal;
}
#home #main_content .column h3 {
    margin:10px 0 4px;
    padding:0;
    font-size:1em;
    font-weight:bold;
    text-transform:uppercase;
    color:#76750A;
}
#home #main_content .column p {
    margin:0;
    padding:10px 0;
}
#upcoming_events_top {
    background:url(images/brown-content-top.gif) no-repeat #231701;
}
#news_top {
    background:url(images/brown-content2-top.gif) no-repeat #231701;
}
#upcoming_events, #news {
    padding:4px 14px;
    background:url(images/brown-content-bottom.gif) 0 100% no-repeat;
    color:#76750A;
    overflow:hidden;
}
#upcoming_events h2, #news h2 {
    color:#DDC609;
}
#home #main_content .column #upcoming_events h3, #home #main_content .column #news h3 {
    color:#FFF;
}
#upcoming_events a, #news a {
    text-decoration:underline;
    color:#FFF;
}
#quick_links_top {
    float:right;
    display:inline;
    margin-right:8px;
    background:url(images/gray-content-top.gif) 100% 0 no-repeat #EBEAE9;
    width:269px;
}
#quick_links {
    padding:4px 14px 14px;
    background:url(images/gray-content-bottom.gif) 100% 100% no-repeat;
    height:145px;
}
#quick_links h2 {
    margin:4px 0 10px;
    padding:0;
    font-size:1.4em;
    font-weight:normal;
}
#quick_links ul {
    list-style-type:none;
    padding:0;
}
#quick_links li {
    margin:20px 0;
}
#quick_links li a {
    font-weight:bold;
    text-transform:uppercase;
    color:#231701;
}
#where_we_work_small {
    position:relative;
    margin:4px 0 0;
    padding:4px 14px;
    background:url(images/where-we-work-small-bg.jpg) 0 100% no-repeat;
    width:278px;
    height:218px;
}
#where_we_work_small .learnMore {
    position:absolute;
    top:100px;
    right:10px;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:underline;
}
#where_we_work_small select {
    position:absolute;
    left:10px;
    bottom:40px;
}

/**** sidebar ****/
#sidebar {
    float:right;
    display:inline;
    margin:0 8px 0 0;
    width:218px;
}
#sidebar h3 {
    margin:4px 0 6px;
}
#sidebar .contentBoxTop {
    margin:20px 0;
    background:url(images/yellow-content-top.gif) no-repeat #D4BD0B;
    width:218px;
}
#sidebar .contentBox {
    padding:6px 10px;
    background:url(images/yellow-content-bottom.gif) 0 100% no-repeat;
    min-height:100px;
}
#sidebar .contentBox a {
    color:#231701;
    text-decoration:underline;
}
#sidebar .subContentTop {
    margin:20px 0;
    background:url(images/small-gray-content-top.gif) no-repeat #C0C1B9;
    color:#FFF;
}
#sidebar .subContent {
    padding:6px 10px;
    background:url(images/small-gray-content-bottom.gif) 0 100% no-repeat;
    min-height:100px;
}
#sidebar .subContent a {
    color:#231701;
}

/**** footer ****/
#footer {
    position:relative;
    clear:both;
    margin:0 auto;
    padding:22px 22px 10px;
    background:url(images/footer-bg.gif) 90% 50% no-repeat;
    color:#FFF;
    width:951px;
    height:30px;
}
#footer .contact {
    font-size:0.9em;
}
#footer ul {
    position:absolute;
    top:20px;
    left:370px;
}
#footer ul li {
    float:left;
    padding:0 7px;
}
#footer ul li a {
    font-weight:bold;
}

/**** quotes ****/
.quote {
    color:#DBC509;
    width:420px;
}
.quote .source {
    display:block;
    margin:0;
    padding:0;
    color:#000;
}

/**** software ****/
.software .image {
    float:left;
}
.software .text {
    margin-left:40px;
}

/**** date ****/
.date {
    font-weight:bold;
    color:#CBB509;
}

/**** our team ****/
#main_content.ourTeam {
    width:900px;
}
.teamMember {
    clear:both;
    float:left;
    padding:0 0 24px;
    width:900px;
}
.teamMember .memberImage {
    float:left;
}
.teamMember .bio {
    float:right;
    /*margin-left:320px;*/
    width:570px;
}
.teamMember h3 {
    margin-top:4px;
}
#board_of_directors dt, #church_partners dt {
    margin:12px 0 0;
    font-weight:bold;
}
#board_of_directors dd, #church_partners dd {
    margin:0 0 12px;
}
#board_of_directors dd p, #church_partners dd p {
    margin:0 0 12px;
}

/**** pictures ****/
.pictures .picture {
    float:left;
    margin:0 12px 10px 0;
    width:330px;
}
.pictures .picture .title {
    display:block;
    margin:4px 0 10px;
    font-weight:bold;
}
.pictures .picture img {
    display:block;
}

/**** where we work ****/
#where_we_work {
    padding:0 0 0 34px;
    background:url(images/where-we-work-bg.jpg) 50% 30px no-repeat;
    height:520px;
}
#where_we_work .sidebar {
    float:right;
    padding:10px 16px 0 0;
    font-size:0.9em;
    color:#FFF;
    width:200px;
}
#where_we_work .sidebar a {
    color:#231701;
}
#where_we_work h2 {
    margin:0;
}
#where_we_work h3 {
    margin:4px 0;
    padding:0;
}
#where_we_work h4 {
    margin:8px 0 0;
    text-transform:uppercase;
}

/**** wordpress ****/
.postmetadata {
    padding:4px;
    background:#EEE;
}
.commentlist {
    margin:10px 0;
    padding:0 0 0 10px;
    list-style-type:none;
}
.commentlist li {
    margin:0;
    padding:6px 0;
    border-bottom:dashed 1px #DDD;
}
.navigation {
    text-align:center;
}

/**** latest blog ****/
#latest_blog {
    margin:0 0 32px 0;
    padding:6px 200px 6px 8px;
    border-bottom:solid 1px #E3DBCE;
    border-right:solid 1px #E3DBCE;
    background:#F0EAE0;
}