/* @override http://www.lifehousekyle.org/_css/styles.css */

/*--------------------
CLIENT: Lifehouse Fellowship
DATE:   4/6/2009
AUTHOR: Luke Simpson (luke@churchplantmedia.com)
--------------------*/

/* @group Global Styles */

body{
   font-size: 62.5%;
   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
   line-height: 1;
   background: #bdb792;
   min-width: 921px;
}

strong, em, b, i { /* see http://www.brownbatterystudios.com/sixthings/2007/03/14/lucida-hybrid-the-grande-alternative/ */
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
   overflow: hidden;
}

#wrap{
   background: #ebe7cf url(/_img/bg_body.gif) repeat-x;
}

#container{
   background: url(/_img/bg_container.jpg) no-repeat center top;
   min-height: 500px;
   width: 100%;
}

#container-inner{
   width: 921px;
   margin: 0 auto;
}

#content-wrap{
   width: 890px; /* 921 with padding */
   float: left;
   display: inline;
   margin-top: -6px;
   padding: 7px 12px 28px 19px;
   background: url(/_img/bg_content-wrap.png) no-repeat 0 0;
}

a{
   overflow: hidden;
}

.clearfix:after{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clearfix { display: inline-block;}

/* @end Global Styles */

/* @group Header */

#header{
   height: 118px;
}

#header h1{
   float: right;
   display: inline;
   margin-right: 12px;
   width: 447px;
   height: 118px;
   background: url(/_img/bg_h1.gif);
}

#header h1 a{
   display: block;
   height: 118px;
   text-indent: -9999px;
}

/* @end Header */



/* =Navigation
---------------------------------------------------------------------
*/

#sidebar #nav{
   list-style: none;
   font-family: "Trebuchet MS", Myriad, Arial, Helvetica, sans-serif;
   position: relative;
}

#sidebar #nav li{
   float: left;
   width: 201px;
   position: relative;
   margin: 0;
}

#sidebar #nav li a{
   display: block;
   color: #ee5a25; 
   text-decoration: none;
   font-size: 1.3em;
   font-weight: bold;
   text-transform: uppercase;
   height: 22px;
   padding: 13px 15px 0;
}

#sidebar #nav li a:hover{
   color: #8c4124;
}

#sidebar #nav li:hover a{
   color: #8c4124;
}

#sidebar #nav li.current a{
   background: url(/_img/bg_nav_li_current_a.png);
   color: #8c4124;
}

#sidebar #nav li ul{
   position: absolute;
   left: -999em;
   top: -50%;
   z-index: 999;
   list-style: none;
   line-height: 1;
   border: 4px solid #fefefd;
   background: #a05a42;
   padding: 5px 0;
}

#sidebar #nav li:hover ul{
   left: 170px;
}

#sidebar #nav li:hover li a{
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 1.2em;
  color: #fefdf1;
  text-transform: none;
  font-weight: normal;
  padding: 8px 15px;
  height: auto;
  background: none;
}

#sidebar #nav li li a:hover{
   background: #8c4124;
   color: #fefdf1;
}

/* @group Home Page */

#home #recent-article{
   float: left;
   display: inline;
   margin-right: 7px;
   width: 381px; /* 415px with padding */
   padding: 13px 17px;
   background: url(/_img/bg_home_recent-article.png) no-repeat 0 0;
}

#home #content #recent-article .article p.summary{
   margin-bottom: 7px;
}

#home #recent-article h3,
#home #upcoming-events h3{
   font-size: 1.5em;
   line-height: 1;
   color: #595542;
   margin-bottom: 12px;
}

#content .articlemeta h4{
   font-size: 1.7em;
   margin-bottom: 0;
}

#content .articlemeta h4 a{
   color: #8a1c11;
   text-decoration: none;
}

.articlemeta h4 a:hover{
   text-decoration: underline;
}

.articlemeta{
   margin-bottom: 16px;
}

#content .articlemeta p{
   font-size: 1.1em;
   margin: 0;
   line-height: 1.6;
}

#content .articlemeta p.date{
   color: #a05a42;
   line-height: 1.5;
}

#content .articlemeta p.articlecat,
#content .articlemeta p.articlecat a{
   color: #383732;
}

#home #upcoming-events{
   float: left;
   width: 189px; /* 223px with padding */
   padding: 13px 17px;
   background: url(/_img/bg_home_events.png) no-repeat 0 0;
}

.event{
   padding: 7px 0 10px;
   border-bottom: 1px solid #e8e4c9;
   margin-bottom: 8px;
   width: 175px;
   float: left;
}

.event.last{
   border: none;
}

.event:hover{
   background: url(/_img/bg_event_hover.gif) repeat-x 0 0;
}

#content .event p.date{
   width: 29px;
   height: 32px;
   text-align: center;
   font-size: .9em;
   background: #895a49;
   padding: 2px 0 2px;
   line-height: 1;
   text-transform: uppercase;
   margin: 0 12px 5px 0;
   float: left;
   display: inline;
   font-family: "Trebuchet MS", Myriad, Arial, Helvetica, sans-serif;
}

#content .event p.date a{
      color: #fff;
      text-decoration: none;
}

#content .event p.date span{
   background: #e5e6cd;
   display: block;
   float: left;
   width: 27px;
   height: 19px;
   font-size: 1.8em;
   color: #383732;
   margin-top: 2px;
   padding-top: 3px;
   border: 1px solid #895a49;
}

#content .event p.time{
   font-size: 1.1em;
   color: #8a7c50;
   margin: 0;
   line-height: 1;
   margin-bottom: 3px;
}

#content .event h4{
   font-size: 1.2em;
   font-weight: normal;
}

#content .event h4 a{
   color: #303030;
   text-decoration: none;
}

#content .event h4 a:hover{
   color: #9c4f33;
   text-decoration: underline;
}

#content p.all a{
   display: block;
   float: left;
   width: 77px;
   height: 19px;
   text-indent: -9999px;
   background: url(/_img/bg_p_all.gif);
}

/* @end  */



/* @group Content */

#content{
   float: right;
   width: 645px; /* 663 with padding */
   padding: 9px;
}

#content #text{
  /* background: transparent url(/_img/bg_text.gif) no-repeat 0 0; */
   padding: 17px 20px;
   clear: both;
   position: relative;
   background: transparent url(/_img/bg_text.png) no-repeat 0 0;
}

#content img#header-image{
   display: block;
   margin: 0 0 8px;
   float: left;
}

#content h2{
   font-size: 2.1em;
   font-weight: normal;
   color: #8c4124;
   margin-bottom: 14px;
}

#content h2+ul,
#content h2+p{
   padding-top: 0;
   margin-top: -12px;
}

#content h3,
#content h4,
#content h5,
#content h6{
   font-size: 1.5em;
   line-height: 1.3;
}

#content h3{color: #8c4124;}
#content h4{color: #dd5323; padding-bottom:15px}
#content h5, #content h6{color: #545143;}

#content p,
#content li,
#content td{
   margin-bottom: 1em;
   color: #545143;
   font-size: 1.2em;
   line-height: 1.5;
}

#content p.size2,
#content ul.size2 li,
#content ol.size2 li,
#content blockquote.size2,
#content table.size2 td{
   font-size: 1.4em;
}

#content ul.size2 li{
   font-size: 1.4em;
}

#text dt,
#text dd,
#text td,
#text th,
#text pre,
#text code{
   font-size: 1.2em;
   color: #545143;
}

#content p *,
#content td *,
#content li *{
   font-size: 1em;
}

#content ul,
#content ol,
#content blockquote{
   padding: 10px 20px;
}


#content hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
   color: #8c4124;
}

#content a:hover{
   text-decoration: none;
}

#content img{
   margin: 0 10px 5px 0;
}

#content .left-align{
   float: left;
   display: inline;
   margin: 10px 10px 10px 0;
}

#content .right-align{
   float: right;
   display: inline;
   margin: 10px 0 10px 10px;
}

#content p.more a{
   display: block;
   float: left;
   width: 76px;
   height: 19px;
   text-indent: -9999px;
   background: url(/_img/bg_p_more.gif);
}

/* @end Content */

/* @group Sidebar */

#sidebar{
   float: left;
   width: 201px;
   padding: 22px 13px;
}

#sidenav{
   float: left;
   display: inline;
   width: 201px;
   padding-top: 10px;
   margin-bottom: 30px;
}

#sidebar ul#nav{
  width: 201px; 
  float: left;
  margin: 0;
  padding: 0;
}

#worship-times{
   border: 3px solid #e7e1bc;
   clear: left;
   width: 167px;
   float: left;
   display: inline;
   padding: 12px 14px;
   background: url(/_img/bg_worship-times.gif);
   margin-bottom: 17px;
}

#worship-times h3{
   font-size: 1.3em;
   color: #582e1f;
   margin-bottom: 0px;
}

#worship-times p.worshiptime{
   font-size: 1.3em;
   color: #9a3a24;
   margin-bottom: 12px;
}

#worship-times p.more a{
   width: 167px;
   height: 25px;
   display: block;
   text-indent: -9999px;
   background: url(/_img/bg_worship-times_p_more.gif);
}

#podcast-subscribe{
   clear: left;
   width: 201px;
   float: left;
}

#podcast-subscribe a{
   display: block;
   height: 97px;
   text-indent: -9999px;
   background: url(/_img/bg_sidebar_podcast.gif);
}

#sidebar h3{
   font-size: 1.4em;
   color: #8c4124;
   margin-bottom: .25em;
}

#sidebar ul{
   padding: 10px 10px 10px 20px;
}

#sidebar ul li{
   margin-bottom: 1em;
}

#sidebar ul li a{
   color: #ee5a25;
   font-size: 1.2em;
}

/* @end Sidebar */



/* =Footer
---------------------------------------------------------------------
*/

#basement{
   clear: both;
   width: 100%;
   background: #d3ceae;
   padding: 17px 0 21px;
   border-bottom: 6px solid #ada782;
}

#basement-inner{
   width: 869px; /* 921 with padding */
   margin: 0 auto;
   padding: 0 20px 0 32px;
}

#basement #contact{
   width: 167px; /* 209px with padding */
   height: 127px; /* 169px with padding */
   float: left;
   display: inline;
   background: url(/_img/bg_basement_contact.gif) no-repeat;
   padding: 21px;
   margin-right: 17px;
}

#basement #contact h3,
#basement-links h3{
   font-weight: normal;
   font-size: 1.7em;
   margin-bottom: 10px;
   color: #423e35;
}

#basement #contact p{
   font-size: 1.1em;
   color: #383732;
   margin-bottom: 16px;
   line-height: 1.4;
}

#basement-links{
   width: 601px;
   padding: 20px;
   float: left;
   border: 1px solid #e2dfc3;
   background: #dbd6b6 url(/_img/bg_basement-links.gif) repeat-x;
}

#basement-links h3{
   margin-bottom: 4px;
   padding-left: 4px;
}

#basement-links div.bl{
   float: left;
   width: 300px;
}

.bl p.listimg{
   width: 90px;
   height: 90px;
   overflow: hidden;
   float: left;
   display: inline;
   margin-right: 14px;
   padding: 4px;
   border: 1px solid #cec8a0;
   background: #f0ede1;
}

.bl p.listimg span{
   display: block;
   width: 90px;
   height: 90px;
   overflow: hidden;
}

.bl p.listimg img{
   display: block;
   float: left;
}

.bl ul{
   float: left;
   list-style: none;
   padding: 4px 0;
}

.bl ul li a{
   font-size: 1.2em;
   width: 186px;
   display: block;
   text-decoration: none;
   color: #8a1c11;
   line-height: 1.8;
   padding: 1px 0;
   white-space: nowrap;
}

.bl ul li a:hover{
   text-decoration: underline;
}

#footer{
   clear: both;
   padding: 20px 0 80px;
}

#footer-inner{
   width: 831px;
   margin: 0 auto;
   padding: 0 40px 0 50px;
}

#footer p{
   float: left;
   color: #5c5344;
   font-size: 1.1em;
}

#footer p.powered{
   float: right;
}

#footer p a{
   color: #5c5344;
   text-decoration: none;
}

#footer p a:hover{
   text-decoration: underline;
}