/* this should be all the new or updated styles for the feature area you need. /*----------------------------------- START HOMEPAGE STYLES -----------------------------------*/ body#home #maincontent_wrapper { margin: 0 auto; padding: 27px 30px 0 35px; width: 935px; } /* HOME FEATURED EVENTS STYLES */ #featured_events_wrapper { background: url(../images/home/home_feature_bg.gif) 0 0 repeat-x; height: 260px; margin: 0 0 15px 0; width: 935px; } /* homepage rotation */ #featured-event {float:left;background:#fff; height:280px; margin:0 !important; overflow:hidden; position:absolute; z-index:1; width:637px;} #featured-event ul {margin:0 !important; padding:0 !important;} #featured-event-content {margin-left:0; position:absolute; top:0; z-index:2;} .featured-event-item { width:640px; } #featured-event-content li {list-style: none;margin: 0;padding:0 0 0 5px;} #featured-event-content {width:13440px;} #featured-event ul li {border:none; display:block;float:left; margin: 0px !important; padding: 0 !important; background-color: #fff;} #featured_events_wrapper #featured-event ul li img { z-index:1;display:block;} #featured-event-frame { position: absolute; z-index:11; bottom:25px; padding:0; width:100%;} #featured-event-frame ul { background:url("http://www.kybaptist.org/web/tn/trans.png"); background:rgba(255,255,255,.2); width:100%; margin:0 auto !important; padding:7px 0 !important; text-align:center !important; } #featured-event-frame ul li { background:none; float:none !important; margin:0 12px; display:inline !important; } #featured-event-frame ul li img{display:block !important; border:1px solid #9cf; margin:0px 8px;padding:0px;} #featured-event-frame ul li a:hover img {border: 1px solid #369;} #featured-event-frame ul li a.active img {border:2px solid #224365; } #featured_events_wrapper #featured-event-frame ul li img {display:inline !important;} body#home #headerpic { float: left; height: 260px; width: 637px; } #featured_events { background: url(../images/home/home_feature_border.gif) 0 0 no-repeat; float: right; height: 260px; padding: 0; width: 298px; } #featured_events h1 { font: bold 21px/21px Helvetica, Arial, sans-serif; color: #1f262a; padding: 11px 22px 7px 18px; } #featured_events ul { padding: 0 6px 4px 14px; width: 278px; } #featured_events ul li { clear: both; height: 49px; padding: 6px 0 9px 0; } #featured_events ul li img { background: url(../images/featured_content-tmb.jpg) 0 0 no-repeat; display: block; float: left; height: 37px; margin: 0 9px 0 0; padding: 7px 9px 12px 9px; width: 41px; } #featured_events ul li h2 a { color: #0780cf; display: block; font: bold 14px/14px Helvetica, Arial, sans-serif; padding: 5px 0 0 0; } #featured_events ul li p { color: #5c6f7c; font: normal 11px/15px "Lucida Grande", Arial, sans-serif; } #featured_events ul li a { color: #d47d15; } #featured_events ul li a:hover { color: #7F4D2F; } #featured_events ul li.view_all { height: auto; padding: 6px 6px 0 0; text-align: right; } #featured_events ul li.view_all a { color: #ffffff; font: bold 11px/11px "Lucida Grande", Verdana, sans-serif; } #featured_events ul li.view_all a:hover { color: #D8F3FC; } /* HOME COLLAPSABLE INFO */ #open_info { height: 17px; width: 935px; } #open_trigger { color: #268fd3; font: normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; float: right; } #collapse_info { background: url(../images/home/collapse_bg.jpg) 0 0 no-repeat; height: 84px; width: 935px; } #collapse_info h1 { color: #222019; display: block; float: left; font: bold 19px/19px Helvetica, Arial, sans-serif; margin: 0px 42px 0 0; padding: 15px 0 0 0; text-align: right; width: 217px; } #collapse_info h1 span { color: #797979; display: inline; font: bold 12px/18px Helvetica, Arial, sans-serif; } #collapse_info p { color: #444033; display: block; float: left; font: normal 15px/20px Helvetica, Arial, sans-serif; margin: 0; padding: 14px 0 0 0; width: 600px; } #collapse_info p a { color: #d47d15; } #collapse_info p a:hover { color: #7F4D2F; } #collapse_trigger { background: url(../images/home/close_btn.jpg) 0 0 no-repeat; display: block; float: right; height: 18px; overflow: hidden; text-indent: -10000px; width: 61px; } /* HOME BRIEF CONTAINERS */ #home_briefs_wrapper { background: url(../images/home/home_brief_bg.gif) 0 0 repeat-x; margin: 0 0 24px 0; } #home_briefs { background: url(../images/home/home_brief_corners.gif) 0 0 no-repeat; min-height: 400px; padding: 17px 0 17px 15px; } #home_briefs h3 { display:none; } #home_briefs li.brief_container { background: url(../images/home/home_brief_li.jpg) 0 0 repeat-x; display: block; float: left; margin: 0 14px 0 0; width: 292px; } #home_briefs li.brief_container .last { margin: 0; } #home_briefs li h2 { background: url(../images/home/home_brief_li-h2.jpg) 0 0 no-repeat; color: #444033; display: block; font: bold 21px/27px Helvetica, Arial, sans-serif; height: 34px; padding: 27px 0 0 27px; text-transform: uppercase; width: 265px; } #home_briefs li h2.community span { background: url(../images/icons/community_icon.jpg) 0 0 no-repeat; display: block; float: left; height: 19px; padding: 0 7px 0 0; width: 34px; } #home_briefs li h2.resources span { background: url(../images/icons/resource_icon.jpg) 0 0 no-repeat; display: block; float: left; height: 24px; padding: 0 7px 0 0; width: 26px; } #home_briefs li h2.missions span { background: url(../images/icons/mission_icon.jpg) 0 0 no-repeat; display: block; float: left; height: 26px; padding: 0 7px 0 0; width: 26px; } #home_briefs li div.brief_content { background: url(../images/home/home_brief_content.jpg) 0 0 repeat-x; height: 311px; margin: 0 auto; width: 270px; } #home_briefs li div#mission_brief_container { height: 300px; padding: 11px 0 0 0; } #home_briefs li div.brief_bottom { background: url(../images/home/home_brief_bottom.jpg) 0 0 no-repeat; height: 23px; margin: 0 auto; padding: 10px 11px 0 0; text-align: right; width: 259px; } #home_briefs li div.brief_bottom a { color: #ffffff; font: normal 12px/13px "Lucida Grande", Verdana, sans-serif; } #home_briefs li div.brief_bottom a:hover { color: #C2E4EF; } /* HOME BRIEF TABS */ div.brief_content ul.left_active { background: url(../images/home/up_brief_tab.jpg) 0 0 repeat-x; height: 32px; margin: 0 0 11px 0; } div.brief_content ul.right_active { background: url(../images/home/active_brief_tab.jpg) 0 0 repeat-x; height: 32px; margin: 0 0 11px 0; } div.brief_content ul.left_active .right_tab a:hover, div.brief_content ul.right_active .left_tab a:hover { color: #8EB3CF; } div.brief_content .left_tab, div.brief_content .right_tab { background: none; display: block; float: left; } div.brief_content ul.left_active .left_tab a { background: url(../images/home/active_brief_tab.jpg) 0 0 repeat-x; border-right: 1px solid #90bbd8; color: #05355a; display: block; font: bold 12px/19px Helvetica, Arial, sans-serif; padding: 9px 0 4px 0; text-align: center; width: 134px; } div.brief_content ul.left_active .right_tab a { background: none; border-left: 1px solid #ffffff; color: #0973c3; display: block; font: normal 12px/19px Helvetica, Arial, sans-serif; padding: 9px 0 4px 0; text-align: center; width: 134px; } div.brief_content ul.right_active .right_tab a { border-left: 1px solid #90bbd8; color: #05355a; display: block; font: bold 12px/19px Helvetica, Arial, sans-serif; padding: 9px 0 4px 0; text-align: center; width: 134px; } div.brief_content ul.right_active .left_tab a { background: url(../images/home/up_brief_tab.jpg) 0 0 repeat-x; border-right: 1px solid #ffffff; color: #0973c3; display: block; font: normal 12px/19px Helvetica, Arial, sans-serif; padding: 9px 0 4px 0; text-align: center; width: 134px; } body#home div.ajax-loading { background: url(../images/icons/spinner.gif) no-repeat center 20px #ffffff; height: 100%; margin: 0 auto; width: 250px; } /* HOME BLOG BRIEFS */ div.brief_content .blog_briefs { margin: 0 auto; width: 250px; } div.brief_content .blog_briefs td { background: #e2eef6; border-bottom: 1px solid #80b5ca; color: #3874a3; font: normal 11px/13px "Lucida Grande", Verdana, sans-serif; padding: 0 0 0 8px; } div.brief_content .blog_briefs td a { color: #3874a3; } div.brief_content .blog_briefs td strong a { color: #060702; display: block; padding: 0 0 2px 0; } div.brief_content .blog_briefs td strong a:hover { color: #888; } div.brief_content .blog_briefs td span.date { background: url(../images/icons/calendar_icon.jpg) 0 0 no-repeat; color: #932f46; display: block; font: normal 9px/9px Arial, Helvetica, sans-serif; height: 32px; padding: 4px 4px 0 0; text-align: center; width: 34px; } div.brief_content .blog_briefs td span.date strong { display: block; font: bold 18px/18px Helvetica, Arial, sans-serif; margin: 0; padding: 0; } div.brief_content .blog_briefs tr.alt td span.date { background: url(../images/icons/calendar_icon-alt.jpg) 0 0 no-repeat; } div.brief_content .blog_briefs tr.alt td { background: #b4d2e8; } div.brief_content .blog_briefs td.link { padding: 0; } div.brief_content .blog_briefs td.link a { background: url(../images/home/blog_link.jpg) 0 0 no-repeat; display: block; height: 62px; overflow: hidden; text-indent: -10000px; width: 29px; } div.brief_content .blog_briefs tr.alt td.link a { background: url(../images/home/blog_link-alt.jpg) 0 0 no-repeat; } div.brief_content .blog_briefs a:hover { color: #8EB3CF; } div.brief_content .blog_briefs tr.alt a:hover { color: #778F9F; } /* HOME RESOURCES BRIEFS */ div.brief_content table.latest_resources { margin: 0 auto 5px auto; width: 250px; } div.brief_content table.latest_resources a.tag { clear:both; display: block; margin: 4px 0 0 0; width:250px; } div.brief_content table.latest_resources td { background: #e6f0f7; border-bottom: 1px dotted #8ba7ba; padding: 8px 8px 4px 8px; } div.brief_content table.latest_resources tr.alt td { background: #abd9fd; border-bottom: 0; border-right: 1px dotted #8ba7ba; color: #0d4d5d; font: normal 11px/13px "Lucida Grande", Verdana, sans-serif; padding: 8px; } div.brief_content table.latest_resources tr.alt td.last { border: 0; } div.brief_content table.latest_resources a { color: #060702; font: bold 12px/13px Helvetica, Arial, sans-serif; text-decoration: underline; } div.brief_content table.latest_resources a:hover { text-decoration: none; } /* HOME MISSIONS BRIEFS */ div.brief_content table.mission_brief { background: #e6f0f7; margin: 0 auto 5px auto; width: 250px; } div.brief_content table.mission_brief td { color: #060702; font: bold 13px/13px Helvetica, Arial, sans-serif; padding: 7px 8px; } div.brief_content table.mission_brief td a { color: #060702; } div.brief_content table.mission_brief td a:hover { color: #5F5F5F; } div.brief_content table.mission_brief tr.date td { background: #f7fafd; color: #05355a;} div.brief_content table.mission_brief tr.date td span { background: url(../images/icons/small_calendar_icon.jpg) 0 0 no-repeat; display: block; float: left; height: 10px; margin: 0 6px 0 0; width: 10px; } div.brief_content table.mission_brief tr.alt td { background: #c1e2fb; color: #616161; font: normal 11px/13px "Lucida Grande", Verdana, sans-serif; padding: 8px; } div.brief_content table.mission_brief tr.alt td a { color: #4289a4 } div.brief_content table.mission_brief tr.alt td a:hover { color: #95929F; } /* Update this block for the bottom video section rework */ /* HOME ADVERTISEMENTS */ body#home #advertisements_wrapper { margin: 0 auto; min-height: 283px; padding: 0; width:910px; } body#home #featured_video_info_wrapper { float: left; height: 283px; } body#home #featured_video_info { background:url(../images/featured-video-back.jpg); float: left; height: 253px; padding:8px 10px 0 15px; width:144px; } body#home #featured_video_info h2 { color: #222019; font: bold 18px/21px Helvetica, Arial, sans-serif; margin: 0 0 24px 0; } body#home #featured_video_info h3 { color: #222019; font: bold 13px/19px Helvetica, Arial, sans-serif; margin: 0 0 3px 0; } body#home #featured_video_info p { color: #222019; font: normal 11px/14px "Lucida Grande", Verdana, sans-serif; margin: 0 5px 11px 0; } body#home #featured_video_info em { color: #0d4d5d; } body#home #featured_video_info a { color: #d47d15; } body#home #featured_video_info a:hover { color: #7F4D2F; } body#home #advertisements { float: right; height: 272px; padding:11px 0 0 0px; text-align:right; width:316px; } body#home #advertisements img { border:1px solid #ccc; } body#home #video_placeholder { background:url(../images/video-player-back.jpg) no-repeat; padding:10px; float: left; height: 247px; width:400px; }