/* @override 
	http://llm.dev/_css/home.css
	http://campus.dev/_css/home.css
	http://campus.getluke.com/_css/home.css
	http://lifelinesuva.com/_css/home.css
*/

/*==============================================
CLIENT: 	Lifelines Ministry
FILE: 		home.css - home page CSS styles for staging site
CREATED: 	7/15/09
AUTHOR: 	Luke Simpson (luke@getluke.com)
================================================*/

#content-wrap{
   background: url(/_img/bg_content-wrap.png) no-repeat;
   width: 790px;
   padding:  30px 30px 40px;
   margin-top: -112px;
   float: left;
}

#content{
   float: left;
   width: 750px;
   height: 412px;
   background: url(/_img/bg_home_content.png) no-repeat;
   display: inline;
   padding: 16px;
   margin: 0 4px 10px;
   min-height: 0;
}


#home-slideshow{
}

#content #home-slideshow img{
   margin: 0;
}

#home-slideshow p{
   margin: 50px;
}

/* @group Home Intro */

#home-intro{
   clear: left;
   background: #ccc url(/_img/bg_home-intro.png) no-repeat left bottom;
   margin-bottom: 10px;
   width: 789px;
}

#home-intro #intro{
   background: url(/_img/bg_home-intro_intro.png) no-repeat;
   width: 741px;
   padding: 24px 24px 28px;
}

#home-intro h3{
   font-size: 1.8em;
   line-height: 1.5;
   color: #d9d9d9;
   font-family: Georgia, "Times New Roman", Times, serif;
   text-shadow: #333 1px 1px;
   text-align: center;
}

#home-intro a{
   color: #fff;
   text-decoration: underline;
}

#home-intro a:hover{
   text-decoration: none;
}

/* @end  */

/* @group Home Content */

#home-content{
   clear: left;
   width: 760px;
   height: 241px;
   padding: 24px 8px 24px 24px;
}

#latest-news,
#upcoming-events,
#quicklinks{
   float: left;
   width: 200px;
   height: 250px;
   margin-right: 18px;
   padding-right: 18px;
   background: url(/_img/bg_home-content_div.gif) no-repeat right top;
}

#latest-news .post,
#upcoming-events .event{
   margin-bottom: 14px;
   padding-bottom: 14px;
   border-bottom: 1px solid #e4e5e5;
   width: 200px;
   float: left;
}

#latest-news .post.last,
#upcoming-events .event.last{
   border: none;
}

#latest-news h4,
#upcoming-events h4{
   font-size: 1.2em;
   line-height: 1.2;
   margin-bottom: 7px;
   font-weight: bold;
   width: 150px;
   float: left;
}

#latest-news h4 a
#upcoming-events h4 a{
   text-decoration: none;
}

#latest-news p{
   font-size: 1.1em;
   line-height: 1.3;
}

#latest-news p.date{
   color: #8e8e8e;
   float: right;
}

#latest-news p.summary{
   color: #555;
   line-height: 1.5;
   clear: both;
   margin-bottom: 5px;
}

#latest-news h4 a:hover{
   text-decoration: underline;
}

#quicklinks{
   width: 280px;
   margin: 0;
   padding-right: 0;
   background: none;
}

#home-content h3{
   color: #2f2f2f;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 1.6em;
   margin-bottom: 12px;
}

#upcoming-events h3{
   margin-bottom: 14px;
}

.event p.date{
   float: left;
   display: inline;
   margin-right: 5px;
   width: 33px;
   height: 30px;
   background: url(/_img/bg_events_p_date.png);
   color: #2f2f2f;
   font-size: 1em;
   text-align: center;
   padding: 5px 2px 4px 0;
}

.event p.date span{
   display: block;
   font-size: 1.8em;
   font-weight: bold;  
}

#upcoming-events .event h4,
#upcoming-events .event p.time{
   margin-left: 43px;
   float: none;
   color: #555;
}

#upcoming-events .event p.time{
   line-height: 1.5;
}

#quicklinks .ql{
   float: left;
   position: relative;
   margin: 0 10px 10px 0;
}

#quicklinks .ql img{
   width: 120px;
}

#quicklinks .ql a{
   display: block;
   width: 120px;
   height: 85px;
   overflow: hidden;
   border: 5px solid #d1d1d1;
}

#quicklinks .ql a:hover{
   text-decoration: none;
}

#quicklinks .ql a strong{
   position: absolute;
   top: 65px;
   left: 5px;
   display: block;
   color: #fff;
   background: url(/_img/bg_quicklink_strong.png);
   padding: 4px 6px;
   font-size: 1em;
}

/* @end  */