/*
Theme Name: Imago Dei Community Blog
Theme URI: http://ekkodesigns.com/
Description: Theme custom built by Ekko Website Designs for Imago Dei of Portland, OR.
Version: 1.0
Author: Ekko
Author URI: http://ekkodesigns.com/
Tags: 

This theme was designed by Jason Clarke (http://ekkodesigns.com/) and built by LeRoy Lee (http://www.byleroylee.com/).

*/

html, body { height: 100%; padding: 0; margin: 0; font-family:Georgia; }
a img { border: 0; }
a { outline: none; text-decoration: none; color: #932a17; } 
a:hover { text-decoration: underline; }
a:visited { color: #777; }
h1, h2, h3, h4 { margin: 0; padding: 0; }
ul, p { margin: 0; padding: 0; }

html { background: #615f58 url(images/background.jpg); }
body { background: transparent url(images/header_01.png) repeat-x top; }
#header { position: relative; height: 70px; width: 939px; margin: 0 auto; padding: 1px 0 7px; }
#header h1 { float: left; width: 204px; margin: 14px 0 0; }
#header h1 a { display: block; height: 43px; width: 204px; text-indent: -5000px; background: transparent url(images/logo_04.png) no-repeat 0 0; }
#header .aside { height: 70px;  }
#header ul { float:right; height: 70px; width: 264px; list-style-type: none; }
#header li { float: left; height: 15px; margin: 29px 0 0 15px; background: transparent url(images/topnav_all.png) no-repeat 0 0; }
#header li a { display: block; height: 15px; text-indent: -5000px; }
li#li-home { width: 49px; background-position: 0 0; }
li#li-blog { width: 90px; background-position: -64px 0; }
li#li-contact { width: 76px; background-position: -168px 0; }
li#li-home:hover, .home li#li-home { background-position: 0 -15px; }
li#li-blog:hover, .page-id-22 li#li-blog { background-position: -64px -15px; }
li#li-contact:hover, .page-id-23 li#li-contact { background-position: -168px -15px; }

#search { width: 939px; height: 32px; margin: 0 auto; }
#search input { float: right; width: 166px; height: 22px; line-height:28px; padding: 8px 30px 2px 7px; color: #555; border: 0;}
#search label { float: right; width: 24px; height: 28px; padding: 2px 4px; background: #fff url(images/searchicon_13.png) no-repeat center center; text-indent: -5000px; cursor: pointer; }

#content { width: 939px; margin: 0 auto 30px; padding-bottom: 20px; background: transparent url(images/interior-entry_back_08.png) no-repeat bottom left; }
.home #content { background:none; }
.home #content .section { float:left; width: 444px; margin-bottom: 15px; }
.home #content .section h1 { color: #fff; font-family: Arial; font-weight: normal; margin: 15px 0 10px; }
.home .first h1 a, #content .rick-mckinley { display: block; width: 194px; height: 18px; padding-top:1px; text-indent: -5000px; background: transparent url(images/sectionhead_RM.png) no-repeat 0 0; }
.home .first h1 a:hover { background:transparent url(images/sectionhead_RM_hover.png) no-repeat 0 0; }
.home .second h1 a, #content .community { display: block; width: 165px; height: 19px; text-indent: -5000px; background: transparent url(images/sectionhead_community.png) no-repeat 0 0; }
.home .second h1 a:hover { background:transparent url(images/sectionhead_community_hover.png) no-repeat 0 0; }
.home .third h1 a, #content .theology { display: block; width: 141px; height: 19px; text-indent: -5000px; background: transparent url(images/sectionhead_theology.png) no-repeat 0 0; }
.home .third h1 a:hover { background:transparent url(images/sectionhead_theology_hover.png) no-repeat 0 0; }
.home .fourth h1 a, #content .mission { display: block; width: 127px; height: 19px; text-indent: -5000px; background: transparent url(images/sectionhead_missions.png) no-repeat 0 0; }
.home .fourth h1 a:hover { background:transparent url(images/sectionhead_missions_hover.png) no-repeat 0 0; }
.home #content .article { position: relative; height: 280px; width: 398px; padding: 20px 23px 40px; background: transparent url(images/articleback_09.png) no-repeat 0 0; }
.home #content .articleimg { height: 110px; border: 3px solid #444033; margin: 0 -3px; }
.home #content .article h1 { margin: 0; }
.home #content .article h1 a { height: auto; width: auto; text-indent: 0; font-size: 17px; margin: 17px 0 0; background: none; text-transform: uppercase; color: #444033; font-family: Georgia; font-weight: bold; }
.home #content .article h1 a:hover { text-transform: uppercase; color: #444033; font-family: Georgia; background: none; }
.home #content .article h2 { font-size: 14px; margin: 0 0 0; text-transform:capitalize; color: #444033; }
.home .first, .home .third { margin-right: 51px; }
.home #content .article p { margin: 2px 0 0; color: #585857; font-size: .75em; line-height: 1.3em; }
#content a.more-link { text-transform: uppercase; font-weight: bold; font-size: .85em; color: #8D2E18; }
#content .pubdate { position: absolute; top: 139px; right: 23px; font-size: .7em; font-weight: bold; }
.home #content .article .footer { position:absolute; bottom: 38px; right: 20px; }
.home #content .article .footer a { display:block; width: 125px; height: 30px; text-indent: -5000px; background: transparent url(images/readallblogs_24.png) no-repeat 0 0;  }
.home #content .first .article .footer a {background: transparent url(images/btn-ricks.png) no-repeat 0 0;  }
.home #content .first .article .footer a:hover {background: transparent url(images/btn-ricks-hover.png) no-repeat 0 0;  }
.home #content .second .article .footer a {background: transparent url(images/btn-community.png) no-repeat 0 0;  }
.home #content .second .article .footer a:hover {background: transparent url(images/btn-community-hover.png) no-repeat 0 0;  }
.home #content .third .article .footer a {background: transparent url(images/btn-theology.png) no-repeat 0 0;  }
.home #content .third .article .footer a:hover {background: transparent url(images/btn-theology-hover.png) no-repeat 0 0;  }
.home #content .fourth .article .footer a {background: transparent url(images/btn-mission.png) no-repeat 0 0;  }
.home #content .fourth .article .footer a:hover {background: transparent url(images/btn-mission-hover.png) no-repeat 0 0;  }



/* mainly internal content section */
#content .rick-mckinley, #content .community, #content .theology, #content .mission, #content .search, #content .pagetitle { padding-bottom: 5px; }
#content .pagetitle { height: 20px; line-height:20px; font-size: 20px; color: #fff; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; }
.search .pagetitle { text-indent: -5000px; background: transparent url(images/search.png) no-repeat 0 0; }
.contact .pagetitle { text-indent: -5000px; background: transparent url(images/contact.png) no-repeat 0 0; }
.all-blogs .pagetitle { text-indent: -5000px; background: transparent url(images/all_blogs.png) no-repeat 0 0; }
#content .entry { padding-right: 260px; }
#content .header { margin-top: 5px; padding: 22px 25px 1px; }
#content .post .first, #content .page .first { background: transparent url(images/interior-entry_back_03.png) no-repeat 0 0; margin-top: 0; }
.post .postmetadata, .page .postmetadata { font-size: 12px; margin-top: -10px; padding-left:25px; }
#content .entrytitle, #content .entrytitle a { margin: 12px 0 0; text-transform: uppercase; font-size:: 20px; color: #444033; }
#content .header .author, #content .header .date { margin: 0 0 10px; color: #5A5650; text-transform: capitalize; font-size: 13px;}
#content .entry, #respond, #comments, .commentlist { padding: 0 275px 1px 25px;  }
#content .entry .postmetadata {font-size: 14px; line-height: 1.25em; color: #999;}
.fixture {background: transparent url(images/interior-entry_back_06.png) repeat-y;}
ol.commentlist { margin: 0; padding: 15px 275px 15px 45px; }
#content .entry p { margin: 0 0 15px; line-height: 1.75em; font-size: 14px; color: #565656; }
#sidebar { width: 250px; float: right; padding: 22px 0 0; text-transform: uppercase; }
#sidebar h2 { font-family:Arial, Helvetica, sans-serif; font-weight: bold; color: #444035; font-size: 18px; }
#sidebar h2 span { font-weight: normal; }
#sidebar ul { list-style-type: none; }
#sidebar ul ul { padding-left: 25px; line-height: 30px; padding-bottom: 10px; }
#sidebar ul a { color: #454136; font-size: 14px; }
#content .navigation  { display: inline; color: #fff; padding: 0 0 0 30px; }
#content .navigation a { color: #fff; }

.pagination { clear:both; text-align: center; padding: 15px 270px 10px 0; }
.pagination a { padding: 2px 7px 4px; margin: 0 3px; border: 1px solid #9E9B8E; background-color: #F4F1EA; color: #111; }
.pagination a:hover { background-color: #e3d4b1; color: #111; text-decoration:none; }
.pagination .current, .pagination .current:hover { background-color: #716d61; color: #F4F1EA; }
.pagination .firstpage { margin-right: 25px; }
.pagination .lastpage { margin-left: 25px; }

#footcontainer { clear: both; width: 939px; margin: 0 auto 40px; padding: 0 0 23px; background: transparent url(images/footshadow_44.png) no-repeat bottom left; }
#footer { position: relative; height: 189px; padding: 20px 20px 20px; color: #fff; background: transparent url(images/footer_42.jpg) no-repeat 0 0; }
#footer h2 { font-size: 17px; margin: 2px 0 8px; text-transform: uppercase; font-weight: normal; font-family: Arial; }
#aboutimago h2 { width: 275px; height: 14px; text-indent: -5000px; background: transparent url(images/aboutimago.png) no-repeat 0 0; }
#imagotwitter > h2 > a { display:block; width: 165px; height: 14px; text-indent: -5000px; background: transparent url(images/imagotwitter.png) no-repeat 0 0; }
#ricktwitter > h2 > a { display: block; width: 127px; height: 15px; text-indent: -5000px; background: transparent url(images/rickstwitter.png) no-repeat 0 0; }
#footer span { font-weight: bold; }
#footer div { width: 299px; float: left; }
div#imagotwitter, div#ricktwitter { width: 289px; padding-left: 10px; }
#footer p, #footer ul { font-size: 11px; padding: 0 5px 0 0; }
#footer ul { list-style-type: none; margin-top: 13px; }
#footer li { min-height: 33px; line-height: 15px; margin-bottom: 10px; padding: 0 0 0 37px; background: transparent url(images/tweet_45.png) no-repeat 0 0; overflow: hidden; }
#footer .aside { position: absolute; bottom: 16px; right: 12px; width: 185px; line-height: 21px; text-align:right; font-size: 10px; color: #444033; }
#visit { float: right; display: block; width: 105px; height: 19px; margin-top: -5px; text-indent: -5000px; background: transparent url(images/visitwebsite.png) no-repeat 0 0; }
#ekko a { float: right; display: block; width: 41px; height: 21px; margin-left: 2px; text-indent: -5000px; text-align: left; background: transparent url(images/ekko.png) no-repeat 0 0; }
p#ekko { line-height: 18px; font-size: 10px; font-weight: bold; }
p#copyright { line-height: 15px; font-size: 10px; font-weight: bold; }


#respond h3 {color: #444033;}
#respond p {color: #444033;}
div.share {margin-right: 20px;}