/*
Theme Name: Embrace His World
Theme URI: http://www.missionsfestseattle.org
Description: Embrace His World 2010 Theme
Version: v.1
Author: Ariseli Modica
Author URI: http://www.ariselimodica.com
*/


@import "style/css/typography.css";
@import "style/css/layout.css";

/*** GENERAL STYLES ***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
font-family:inherit;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0 none;
padding:0;
}

table { 
border-collapse:collapse; 
border-spacing:0;
}

fieldset, img { 
border:0;
}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }

q:before, q:after { content:''}

a img { border:none } /* Gets rid of IE's blue borders */


body {
        color:#2d2d2d;
        font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
        font-size:70%;
        background: #626262 url('images/bg-body.jpg') repeat-x scroll 0 0;
        background-attachment:fixed;
        text-align: center;
}

#container {
        width: 960px;
        margin: 0 auto;
        padding:0;
}

a {
        text-decoration: underline;
        color: #016c8b;
}

h1, h2, h3, h4, h5, h6 {
        font-family: Arial, sans-serif;
        font-weight:normal;
}

p {
        color: #2d2d2d;
        font-size:1.3em;
        line-height: 1.4em;
        margin: 12px 0;
}

p.misc-text {
        font-size:1em;
}

#content {
        overflow: hidden;
        margin:0 auto;
        width: 914px;
        background-color: #FFF;
}

#content h3{
        color: #016C8B;
        text-transform: uppercase;
        font-size:1.7em;
        padding-left:15px;
}

#content p{
        padding-left:15px;
}

.post h2 {
        font-size:1.7em;
}

#home-content {
        margin:0 auto;
        padding:0 19px 0;
        overflow:hidden;
}

.long-header-bck {
        background-color: #FAB000;
        letter-spacing: 1px;
        font-size: 2.3em;
        font-weight: normal;
        color: #FFF;
        text-transform: uppercase;
        text-align: left;
        padding: 5px 0px 5px 15px;
        margin: 0 auto;
        width: 861px;
}

.clear {
        clear:both;
}

#bottom-box {
        background: url('images/bottom-content-box.png') no-repeat scroll center top;
        width: 100%;
        height: 10px;
}

a.readmorebtn, a.readmorebtn:link, a.readmorebtn:visited {
        background-color:#00d1ff;
        color:#FFFFFF;
        font-size:12px;
        font-weight:bold;
        text-transform: uppercase;
        text-decoration:none;
        padding: 4px;
}

/*** HEADER ***/

#header {
        margin: 0px;
        background: url('images/header-image.jpg') no-repeat scroll center top;
        width: 100%;
        height: 143px;
}

/*** NAVIGATION ***/

#nav-back {
        background: url('images/nav-back.png') no-repeat scroll center top;
        width: 960px;
        height: 77px;
}

#nav-container {
        width: 914px;
        height: 77px;
        margin:0 auto;
        padding-left:35px;
}

ul#nav {
        letter-spacing: 1px;
        line-height: 50px;
        font-family: Arial, sans-serif;
        font-size: 2.7em;
        text-transform: uppercase;
}

ul#nav li {
        float: left;
        display: inline;
        margin-right: 25px;
}

ul#nav li a {
        color: #FFFFFF;
        text-decoration: none;
}

ul#nav li a:hover {
        color: #016c8b;
}

#nav li {
        float: left;
        display: inline;
        list-style: none;
}

#nav li ul {
        position: absolute;
        left: -999em;
        height: auto;
        width: 200px;
        text-align: left;
        z-index: 100;
}

#nav li li {
        width: 200px;
        border-top: 1px solid #a9a9a9;
        border-right: 1px solid #a9a9a9;
        border-left: 1px solid #a9a9a9;
        border-bottom: 1px solid #a9a9a9;
        background: #616161;
        font-size: .5em;
}

#nav li li a, #nav li li a:visited {
        font-weight: normal;
        font-size: 0.9em;
        padding-left: 10px;
        display: block;
        color: #FFFFFF;
}

#nav li li a:hover, #nav li li a:active {
        background: #2D2D2D;
        color: #FFFFFF;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
        left: auto;
        color: #FFFFFF;
}


/*** IMAGE ROTATOR ***/

#slider {
        background: url('images/slider-pic.jpg') no-repeat scroll 0 0;
        width: 600px;
        height: 244px;
        float: left;
}

/*** NEWS EVENTS SECTION ***/

#news-events {
        background-color: #616161;
        width: 257px;
        height: 244px;
        float: right;
        overflow: hidden;
}

#news-events a{
        color: #00D1ff;
        text-decoration: none;
}

#news-events a:hover{
        color: #2D2D2D;
        text-decoration: underline;
}

.news-events-row {
        overflow: hidden;
        padding: 7px 10px 7px;
}

.news-events-row h5 {
        float: right;
        width: 80%;
        text-align: left;
        font-size: 1.3em;
}

.news-events-row h6 {
        float: left;
        color: #898989;
        font-size: 1.3em;
        font-weight: normal;
}

#news-events-more {
        font-size: 1.3em;
        font-weight: normal;
        padding-top: 10px;
        text-align: left;
        text-transform: uppercase;
        float: right;
}

#news-header {
        letter-spacing: 1px;
        font-family: Arial, sans-serif;
        font-size: 2.3em;
        font-weight: normal;
        color: #FFFFFF;
        text-transform: uppercase;
        text-align: left;
        padding-top: 10px;
        padding-left: 10px
}

/*** HOME PAGE AD SECTION ***/

#ads {
        width: 876px;
        padding: 18px 0 10px 0;
        margin: 0 auto;
        overflow: hidden;
        clear: both;
        text-align: left;
}

#ads p{
        margin: 0;
}

#ads img{
        padding: 0px 7px 0px 7px;
}

#ads h3{
        font-size: 2em;
        font-weight: normal;
        color: #016C8B;
        text-transform: uppercase;
        padding: 7px;
}

#ad-one{
        height: 157px;
        width: 414px;
        background-color: #F2F2F2;
        border: 8px solid #616161;
        float: left;
        margin-top: 18px;
}

#ad-two{
        height: 157px;
        width: 414px;
        background-color: #F2F2F2;
        border: 8px solid #616161;
        float: right;
        margin-top: 18px;
}

/*** SUBPAGES ***/

.left-column {
        width: 630px;
        margin: 5px 19px 0;
        float: left;
        text-align: left;
}

.left-column h2 {
        background-color: #FAB000;
        letter-spacing: 1px;
        font-size: 2.3em;
        font-weight: normal;
        color: #FFFFFF;
        text-transform: uppercase;
        padding: 7px 0px 7px 15px;
        margin-bottom: 10px;
}

/*** SIDEBAR ***/

#sidebar {
        background-color: #F2F2F2;
        border-top: 8px solid #616161;
        float: right;
        margin-right: 19px;
        margin-top: 5px;
        padding: 10px;
        text-align: left;
        font-size: 1.3em;
        width: 200px;
}

#sidebar h2{
        color: #016C8B;
        text-transform: uppercase;
        font-size: 1.3em;
        padding-bottom: 5px;
}

#sidebar p{
        padding: 0;
}

#sidebar ol, ul, li{
        padding-bottom: 5px;
}

.side-nav li{
        padding: 10px 0px 10px 15px;
        border-top: 2px solid #CCCCCC;
        background: transparent url('images/arrow-blue.png') no-repeat scroll 2px 16px;
}

.side-nav a {
        color: #00D1ff;
        text-decoration: none;
}

.side-nav a:hover{
        text-decoration: underline;
}

.side-nav .current_page_item a {
        color: #FAB000;
}

#searchsubmit {
        margin-top: 10px;
}

#searchform {
        margin-bottom: 15px;
}

/*** COMMENTS ***/

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/*** FOOTER ***/

#footer {
        margin: 0 auto;
        padding: 19px 0px 10px 0px;
        width: 914px;
        clear: both;
}

#footer p{
        color: #616161;
        font-size: 1.3em;
        font-weight: normal;
        text-align: left;
        padding-left: 10px;
}

#footer a{
        color:#fab000;
        text-decoration: underline;
}

#footer-top {
        background: url('images/footer-top.png') no-repeat scroll 0 0;
        width: 914px;
        height: 11px;
}

#footer-mid {
        background-color: #2D2D2D;
        width: 914px;
        height: 190px;
}

#footer h2{
        color: #FAB000;
        letter-spacing: 1px;
        font-size: 2.3em;
        font-weight: normal;
        text-transform: uppercase;
        text-align: left;
        padding-left: 10px;
}

#footer-bottom {
        background: url('images/footer-bottom.png') no-repeat scroll 0 0;
        width: 914px;
        height: 11px;
}

#connect {
        float: left;
        padding: 5px 10px 0;;
        width: 284px;
}

#connect img{
        border: 0 none;
        padding-top: 5px;
}

#promo-materials {
        border-left: 1px solid #404040;
        border-right: 1px solid #404040;
        float: left;
        height: 185px;
        padding: 5px 10px 0;;
        width: 284px;
}

#promo-materials img{
        border: 5px solid #616161;
        margin: 0 10px 0px 0px;
}


#contact {
        float: left;
        height: 110px;
        padding: 5px 10px 0;;
        width: 284px;
}

#footer-two {
        font-size:.9em;
        float:left;
        width:780px;
}

#footer-two p{
        color:#2D2D2D;
}

#footer-two a{
        color:#00D1FF;
        text-decoration:none;
}

#am-logo {
        background: url('images/am-logo.png') no-repeat scroll 0 0;
        width: 92px;
        height: 63px;
        float: right;
        margin-top:7px;
}