/* @override 
	http://staging.cityofgrace.com/_css/styles_home.css
	styles_home.css
*/

@import url(styles.css);

/* = Home Content  
---------------------------------------------------------------------
*/

#home #content{
   width: 694px;
   padding: 20px 0 0 24px;
   height: 317px;
   float: left;
   background: url(../_img/bg_content.gif) no-repeat;
}

#home-image{
   float: left;
   display: inline;
   width: 690px;
   height: 310px;
   position: relative;
   margin-left: -7px ;
   padding-left: 7px;
   background: url(../_img/png_overlay.png);
}



#home-image p#home-caption{
   width: 697px;
   height: 310px;
   text-indent: -9999px;
   background: url(../_img/png_overlay.png);
   position: absolute;
   top: 0;
}

#home #sidebar{
   width: 251px;
   margin: 0;
   padding: 20px 0 0;
   top: 20px;
   float: left;
   height: 317px;
   font-size: 1.2em;
}

#home #sidebar #drawers{
   width: 227px;
   height: auto;
   overflow: hidden;
   background: #e2d0a8 url(../_img/bg_home_drawer_ul.gif) no-repeat left bottom;
   margin: 0;
   float: left;
}

#home #sidebar a.drawer-handle{
   display: block;
   font-weight: bold;
   background: url(../_img/bg_home_drawer.gif) no-repeat;
   font-size: 1em;
   color: #ece4ce;
   height: 29px;
   text-indent: 12px;
   line-height: 29px;
   cursor: pointer;
}

#home #sidebar a#welcome {background-position: 0 -29px;}
#home #sidebar a#welcome.selected, #home #sidebar a#welcome.selected:hover{background-position: 0 0; color: #ece4ce;}
#home #sidebar a#teaching{background-position: 0 -87px;}
#home #sidebar a#teaching.selected, #home #sidebar a#teaching.selected:hover{background-position: 0 -58px; color: #ece4ce;}
#home #sidebar a#about-pastor{background-position: 0 -116px;}
#home #sidebar a#about-pastor.selected, #home #sidebar a#about-pastor.selected:hover{background-position: 0 -58px; color: #ece4ce;}
#home #sidebar a#welcome:hover{background-position: -227px -29px; color: #fff;}
#home #sidebar a#teaching:hover{background-position: -227px -87px; color: #fff;}
#home #sidebar a#about-pastor:hover{background-position: -227px -116px; color: #fff;}

#home #sidebar .drawerbox{
   padding: 0;
   line-height: 1;
   color: #140d09;
   height: 205px;
   overflow: hidden;
}

#home #sidebar .drawerinner{
   padding: 10px 13px;
}

#home #sidebar .drawerbox p{
   margin: 10px 0 0;
   line-height: 1.4;
   font-size: .917em;
}

#home #sidebar .drawerbox a{
   color: #2f868d;
}

#home #sidebar #wbox img{
   margin: 0 auto 5px;
   display: block;
}

#home #sidebar #wbox p{
   margin-bottom: 7px;
   margin-top: 0;
}

#home #sidebar #tbox h5{
   font: 1em Georgia, "Times New Roman", Times, serif;
   font-style: italic;
   color: #3e2d1f;
   line-height: 1.6;
}

#home #sidebar #tbox h4{
   font-size: 1.2em;
}

#home #sidebar #tbox p{
   margin: 5px;
}

#home #sidebar #tbox p#preacher{
   margin: 0 5px;
   font-size: .833em;
   line-height: 1.5;
   color: #735439;
}

#home #sidebar #tbox p#audiohelp{
   clear: both;
   margin: 0;
   height: 0;
   text-indent: -9999px;
}

#home #sidebar #tbox p#mediabuttons{
   text-indent: -9999px;
   margin: 10px 0 0 0;
}

#home #sidebar #tbox #mediabuttons a{
   display: block;
   width: 68px;
   float: left;
   height: 19px;
   background: url(../_img/bg_home_sermon-player.gif) no-repeat;
   margin: 0 3px 0 0;
}

#home #sidebar #tbox #mediabuttons span.sermon-video a{
   background-image: url(../_img/bg_home_sermon-watch.gif);
}

#home #sidebar #tbox a#sermon-dl{
   display: block;
   float: left;
   width: 83px;
   height: 19px;
   background: url(../_img/bg_home_sermon-dl.gif) no-repeat;
   margin: 0;
}

#home #sidebar #pbox img{
   float: left;
   margin-right: 8px;
   margin-bottom: 28px;
}

/* = Home Featured Items  
---------------------------------------------------------------------
*/

#home-featured{
   float: left;
   width: 921px;
   padding: 20px 24px 0;
   background: url(../_img/bg_home-featured.gif) no-repeat center top;
}

#home-news, #home-events, #home-posts{
   float: left;
   display: inline;
   width: 293px;
   background: #1b120d url(../_img/bg_home-news.gif) no-repeat 4px bottom;
}

#home-events, #home-posts{
   margin-left: 21px;
}

#home-news h3, #home-events h3, #home-posts h3{
   text-indent: -9999px;
   width: 293px;
   height: 35px;
}

#home-news h3{
   background: url(../_img/bg_home-news_h3.gif) no-repeat;
}

#home-events h3{
   background: url(../_img/bg_home-events_h3.gif) no-repeat;
}

#home-posts h3{
   background: url(../_img/bg_home-locations_h3.gif) no-repeat;
}

#home .featured-content{
   min-height: 220px;
   height: auto !important;
   height: 220px;
   padding: 15px 0;
   float: left;
   width: 293px;
}

#home-events .featured-content{
   padding-top: 10px;
   min-height: 220px;
   height: auto !important;
   height:220px;
}

#home .newsitem{
   padding: 10px 13px 13px;
   background: url(../_img/bg_home_newsitem.gif) no-repeat center bottom;
}

#home .newsitem ul {
	padding-left: 8px;
	font-size: 12px;
	color: #E9E1CC;
	line-height: 15px;
}

#home .newsitem.first, #home .post.first{
   padding-top: 0;
   margin-top: 0;
}

#home .post.first{
   padding-top: 10px;
}

#home .newsitem.last, #home .event.last, #home .post.last{
   background-image: none;
   border-bottom: none;
}

#home-news p.date{
   float: left;
   width: 26px;
   height: 34px;
   background: url(../_img/bg_date.gif) no-repeat;
   padding: 8px;
   font-size: 1.2em;
   color: #6e4f35;
   line-height: 1;
   margin: 0 8px -3px -2px;
   text-align: center;
}

#home-news p.date b{
   display: block;
   font-size: 1.6em;
   color: #1b120d;
   font-weight: normal;
}

#home-news h4{
   font-size: 1.4em;
   margin-bottom: 15px;
   padding-top: 5px;
   line-height: 1.2;
}

#home-news h4 a{
   color: #36939b;
   text-decoration: none;
}

#home-news p, #home-events p, #home-posts p{
   color: #e9e1cc;
   line-height: 1.5;
   margin-bottom: .75em;
}

#home-news .newsitem p{
   font-size: 1.1em;
}

#home-news p.more{
   margin-bottom: 0;
}

#home p.viewmore{
   clear: left;
   width: 241px;
   float: left;
   display: inline;
   padding: 10px 13px;
   text-align: center;
   font-size: 1.2em;
   border-top: 1px solid #302116;
   margin: 0 13px;
}

#home p.viewmore a{
   font-size: 1.083em;
   color: #8a7c5b;
   text-decoration: none;
   padding: 3px 21px 3px 0;
   background: url(../_img/bg_home_viewmore_a.gif) no-repeat right 3px;
}

#home p.viewmore a:hover{
   text-decoration: underline;
}

#home-events #calwrap{
	width: 260px;
	padding: 0 3px 5px;
	margin: 0 14px 0 13px;
	position: relative;
	font-size:12px;
	line-height:15px;   
}

#home-events table.calendar{
   width: 257px;
   margin: 0 auto;
   border-collapse: collapse;
   color: #8a7c5b;
}

#home-events table.calendar caption{
   position: relative;
   margin: 0 -6px 0 -3px;
   padding-top: 9px;
   padding-bottom: 15px;
   color: #9f8150;
   font-size: 1.4em;
   font-weight: bold;
   text-align: left;
   background: url(../_img/bg_calcaption.gif) no-repeat right 10px;
   _background-position: right 12px;
}

#home-events table.calendar caption span.calendar-prev{
   position: absolute;
   top: 8px;
   right: 20px;
}

#home-events table.calendar caption span.calendar-next{
   position: absolute;
   top: 8px;
   right: 0;
}

#home-events table.calendar caption span img{
   vertical-align: bottom;
}

#home-events table.calendar th{
   padding: 7px 0 8px;
   background: url(../_img/bg_home-events_th.gif) no-repeat 50% 0;
   text-align: center;
   border: none;
   color: #d0c29d;
   font-size: 1.2em;
}

#home-events table.calendar td{
   padding: .5em 0;
   color: #8a7c5b;
   font-size: 1.2em;
   text-align: center;
}

#home-events table.calendar td.linked-day{
   padding: 0;
}

#home-events table.calendar a{
   display: block;
   padding: .5em 0;
   color: #fff;
   background: url(../_img/bg_home-events_td_a.gif) no-repeat .5em .25em;
   text-decoration: none; 
}

#home-events table.calendar a:hover{
   text-decoration: underline;
}

#home-events #eventlist{
   margin: 12px 13px;
   clear: both;
   display: block;
}

#home .event{
   margin: 0;
   border-bottom: 1px solid #302116;
   clear: left;
   padding: 8px 0 7px;
}

#home-events #eventlist h4{
	font-size: 1.1em;
	line-height: 1.2;
	font-weight: normal;
	float: left;
	width: 190px;
}

#home-events #eventlist h4 a{
   color: #e9e1cc;
   text-decoration: none;
}

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

#home-events #eventlist p.date{
   color: #8a7c5b;
   margin: 0;
   text-align: right
   ;
}

#home-posts .post{
   margin: 15px 13px 0;
   border-bottom: 1px solid #302116;
   padding-bottom: 14px;
}

#home-posts .post h4{
   font-size: 1.5em;
   line-height: 1.2;
   color: #36939b;
   text-transform: uppercase;
   margin-bottom: 20px;
   border-top: 1px solid #302116;
   padding-left: 15px;
}

#home-posts .post h4 span{
   display: block;
   float: left;
   background: #1b120d;
   margin-top: -9px;
   padding: 0 5px;
}

#home-posts .post h5{
   color: #e9e1cc;
   font-size: 1.1em;
   margin: 14px 0px 5px;
   text-transform: uppercase;
}

#home-posts .post h4 a{
   color: #86512f;
   text-decoration: none;
   font-weight: normal;
}

#home-posts p.posted{
   font-size: 1.1em;
   font-family: Georgia, "Times New Roman", Times, serif;
   color: #af9f75;
   font-style: italic;
}

#home-posts p{
   font-size: 1.1em;
   color: #e9e1cc;
   margin: 0 0px;
   margin-bottom: 0;
}

#home-posts p.continue{
   float: left;
   width: 165px;
}

#home-posts p.comtotal{
   margin-left: 170px;
   padding-left: 20px;
   background: url(../_img/bg_home-posts_p_comtotal.gif) no-repeat left bottom;
}

/* 2008-04-16 13:34 removed extra #traildiv css since it is now in the main styles.css */
#traildiv ul {
   background:#4d3726;
   text-align:left;
   margin: 0;
   list-style: none;
}

#traildiv ul li{
   margin: .75em;
}

#traildiv ul li a{
   color: #ebe9d8;
   text-decoration: none;
}