/* @override 
	http://llm.dev/_css/home.css
	http://llm.getluke.com/_css/home.css
	http://lifelinesministry.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{
   padding-bottom: 40px;
   background: url(/_img/bg_home_content-wrap.png) no-repeat 0 0;
}

#content{
   width: 790px;
   background: #fff url(/_img/bg_content.gif) no-repeat 1px 1px;
   padding: 15px;
   margin-bottom: 15px;
   min-height: 200px;
   float: left;
}

#welcome{
   width: 305px;
   float: left;
}

#welcome h3{
   /*background: url(/_img/bg_welcome_h3.gif) no-repeat left bottom;*/
   font-size: 1.8em;
   color: #292e3b;
   padding: 3px 7px 7px;
   margin-bottom: 14px;
}

#welcome p{
   font-size: 1.2em;
   color: #545455;
   line-height: 2;
   padding: 0 7px;
}

#welcome p a.more{
   color: #3c4c5f;
   text-decoration: none;
   display: block;
}

#welcome p a.more span{
   text-decoration: underline;
}

#welcome p a:hover span{
   text-decoration: none;
}

#home-news{
   background: #F2F6E3;
   border: 2px solid #D6DDBA;
   padding: 18px 16px;
   height: 115px;
}

#home-news h3{
   font-size: 1.4em;
   padding: 0;
   background: none;
   color: #202935;
   text-transform: uppercase;
   font-weight: bold;
   margin-bottom: 10px;
}

#home-news p{
   padding: 0;
}

#home-news h4{
   font-size: 1.2em;
   line-height: 1.5;
   width: 210px;
}

#home-news h4 a{
   font-weight: bold;
   color: #3c4c5f;
   text-decoration: none;
}

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

#home-news p.article-meta{
   font-size: 1.1em;
   margin: 0;
   line-height: 1.5;
   color: #5d5d5e;
   float: right;
   font-style: italic;
}

#home-news p.summary{
   margin: 0;
   line-height: 1.7;
   color: #272727;
   clear: both;
   font-size: 1.1em;
}

#home-news p.summary a:hover{
   text-decoration: none;
}

#home-news p a.more{
   color: #748f00;
   text-decoration: underline;
   display: inline;
}

#home-slideshow{
   float: left;
   width: 470px;
   height: 305px;
   background: #e1e1e1;
   display: inline;
   margin-left: 15px;
}

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

#sidebar{
   clear: left;
   padding: 18px 22px;
   background: #E0DBD1 url(/_img/bg_home_sidebar.gif);
   width: 776px;
   float: left;
   display: inline;
   margin-bottom: 12px;
   border: none;
}

#sidebar .column{
   float: left;
   width: 228px;
   padding: 0 23px;
   background: url(/_img/bg_home_column.gif) no-repeat right top;
}

#sidebar .column.first{
   padding-left: 0;
}

#sidebar .column.last{
   padding-right: 0;
   background: none;
}

#sidebar .column h3{
   text-transform: uppercase;
   font-size: 1.4em;
   font-weight: bold;
   margin-bottom: 10px;
}

#sidebar .column h3 a{
   color: #272727;
   text-decoration: none;
}

#sidebar .column h3 a:hover{
   text-decoration: underline;
}

#sidebar .column p{
   color: #5d5d5e;
   font-size: 1.12em;
   line-height: 2;
   margin-bottom: .5em;
}

#sidebar .column p a{
   color: #3c4c5f;
   display: block;

}

#sidebar .column p a:hover{
   text-decoration: none;
}

#quicklinks{
   clear: both;
   float: left;
   width: 820px;
}

#quicklinks li{
   float: left;
   display: inline;
   margin-right: 20px;
   border: 5px solid #aebb75;
}

#quicklinks li.last{
   margin: 0;
}

#quicklinks li a{
   display: block;
   float: left;
   font-size: 1.4em;
   color: #fefefe;
   text-decoration: none;
   position: relative;
   width: 180px;
}

#quicklinks li a img{
   float: left;
}

#quicklinks li a span{
   position: absolute;
   left: 0;
   bottom: 0;
   padding: 10px 10px 0;
   height: 20px;
   width: 160px;
   background: url(/_img/bg_quicklinks_span.png) repeat-x 0 0;
}

#quicklinks li:hover{
   border-color: #577092;
}

#quicklinks li a:hover{
   color: #E2F3FE;
}

#quicklinks li:hover span{
   background-position: 0 -30px;
}