/* File: screen.css Media: screen Copyright: (c) 2010 Church Media Group, Inc. www.churchmedia.cc Notes: Overcomer Covenant Church /* Reset Defaults --------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;} :focus { outline: 0;} ul { list-style: none;} table { border-collapse: separate; border-spacing: 0;} caption, th, td { text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after { content: "";} blockquote, q { quotes: "" "";} /* Basic Selectors --------------------------------------------------------------------------------------- */ html { background: #fffdfd; } body { font: normal 62.5% Helvetica, Arial, sans-serif; color: #666666; } h1, h2, h3, h4, h5, h6 { font-family: "museo-sans-1","museo-sans-2",sans-serif; font-weight: 400; font-size: 1.6em; color: #000000;} p { font-size:1.2em; line-height:1.6em; margin:12px 0; } small { font-size:1.1em;} .align-left { text-align:left; } .align-center { text-align:center; } .align-right { text-align:right; } .float-left { float:left; } .float-right { float:right; } .float-none { float:none; } .clear-left {clear: left;} .clear-right {clear:right;} .push {clear:both;} .hide {display: none;} .overflow { width: 100%; overflow: hidden; } p.btn { margin-top: 20px; margin-bottom: 0; } li.btn { margin-top: 20px; margin-bottom: 0; } p.last { margin-bottom: 0; } /* Links --------------------------------------------------------------------------------------- */ a {font-weight: bold; text-decoration: none;} a:link { color: #a21700;} a:visited { color: #a21700;} a:hover { color: #999; text-decoration: underline;} a:active { color: #a21700;} .copyright a { font-weight: normal; } .copyright a:link { color: #666666;} .copyright a:visited { color: #666666;} .copyright a:hover { color: #a21700; text-decoration: none;} .copyright a:active { color: #666666;} .top_bar a:link { color: #6ec756; } .top_bar a:visited { color: #6ec756;} .top_bar a:hover { color: #6ec756; text-decoration: underline;} .top_bar a:active { color: #6ec756;} .main_nav a:link { color: #fff; } .main_nav a:visited { color: #fff;} .main_nav a:hover { color: #f8ae21; text-decoration: none;} .main_nav a:active { color: #fff;} .ministry_item a:link { color: #000000; } .ministry_item a:visited { color: #000000;} .ministry_item a:hover { color: #2dc903; text-decoration: none;} .ministry_item a:active { color: #000000;} a.arrow {background: transparent url(../images/arrows/arrow_pointer.gif) 0 50% no-repeat; padding-left: 14px;} .btn_listing_arrow { display:block; width: 22px; height: 34px; text-indent: -9999px; background: transparent url(../images/bg/bg_listing_arrow.png) bottom left no-repeat; float: right; margin: 7px 0 0 0; } .hp_listing:hover .btn_listing_arrow { background-position: top right;} .btn_listing_arrow:hover { background-position: top right;} .btn_back { display:block; width: 68px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_back.png) top left no-repeat; float: right; } .btn_back:hover { background-position: top right;} .btn_print { display:block; width: 74px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_print.png) top left no-repeat; } .btn_print:hover { background-position: top right;} .btn_view_all { display:block; width: 68px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_view_all.png) top left no-repeat; float: right; margin: 8px 0 0 0; } .btn_view_all:hover { background-position: top right;} .btn_give_online { display:block; width: 158px; height: 35px; text-indent: -9999px; background: transparent url(../images/btn/btn_give_online.png) top left no-repeat; } .btn_give_online:hover { background-position: top right;} .btn_live { display:block; width: 198px; height: 35px; text-indent: -9999px; background: transparent url(../images/btn/btn_live.png) top left no-repeat; float: left; margin: 0 0 24px 195px; } .btn_live:hover { background-position: top right;} .btn_prayer { display:block; width: 158px; height: 35px; text-indent: -9999px; background: transparent url(../images/btn/btn_prayer.png) top left no-repeat; margin: 0; } .btn_prayer:hover { background-position: top right;} .btn_launch_player { display:block; width: 305px; height: 35px; text-indent: -9999px; background: transparent url(../images/btn/btn_launch_player.png) top left no-repeat; margin-top: 24px; } .btn_launch_player:hover { background-position: top right;} .btn_view_details { display:block; width: 61px; height: 38px; text-indent: -9999px; background: transparent url(../images/btn/btn_view_details.png) top left no-repeat; float: right; margin-top: 5px; } .btn_view_details:hover { background-position: top right;} .btn_give { display:block; width: 305px; height: 35px; text-indent: -9999px; background: transparent url(../images/btn/btn_give.png) top left no-repeat; margin-top: 7px; } .btn_give:hover { background-position: top right;} .btn_sitemap_home { display:block; width: 16px; height: 12px; text-indent: -9999px; background: transparent url(../images/btn/btn_sitemap_home.png) top left no-repeat; margin: 16px 0 16px 12px; } .btn_sitemap_home:hover { background-position: top right;} .btn_calendar_month_prev { display:block; width: 22px; height: 17px; text-indent: -9999px; background: transparent url(../images/btn/btn_calendar_month.png) bottom left no-repeat; float: right; display: inline; } .btn_calendar_month_prev:hover { background-position: top left;} .btn_calendar_month_next { display:block; width: 23px; height: 17px; text-indent: -9999px; background: transparent url(../images/btn/btn_calendar_month.png) bottom right no-repeat; float: right; display: inline; } .btn_calendar_month_next:hover { background-position: top right;} .btn_generic_row { width: 100%; overflow: hidden;} .main .btn_generic_row { margin-top: 2px;} a.btn_generic { background: transparent url('../images/btn/btn_generic_left.png') no-repeat 0 0; display: block; padding-left: 24px; height: 47px; text-decoration: none; float: left; margin: 0 0 0 0; font-size: 1.2em; text-transform: uppercase; } a:link.btn_generic, a:visited.btn_generic, a:active.btn_generic { color: #ffffff;} a.btn_generic span{ background: transparent url('../images/btn/btn_generic_right.png') no-repeat 100% 0; color: #ffffff; display: block; height:31px; line-height: 16px; padding: 16px 24px 0 0; letter-spacing: .05em; font-family: "museo-sans-1","museo-sans-2",sans-serif; } a.btn_generic:hover{ color: #ffffff; background: transparent url('../images/btn/btn_generic_left.png') no-repeat 0 -47px;} a.btn_generic:hover span{ color: #ffffff; background: transparent url('../images/btn/btn_generic_right.png') no-repeat 100% -47px;} a.btn_small_cmg { background: transparent url('../images/btn/btn_small_cmg_left.png') no-repeat 0 0; display: block; margin: 0 0 0 3px; float: right; height: 28px; padding-left: 18px; text-decoration: none; font-size: 1em; text-transform: uppercase; } a:link.btn_small_cmg, a:visited.btn_small_cmg, a:active.btn_small_cmg{ color: #333333;} a.btn_small_cmg span{ background: transparent url('../images/btn/btn_small_cmg_right.png') no-repeat 100% 0; display: block; height: 28px; line-height: 30px; padding: 0 18px 0 0; color: #999999; letter-spacing: .05em; } a.btn_small_cmg:hover{ background-position: 0 -28px; color: #b91a00;} a.btn_small_cmg:hover span{ background-position: 100% -28px; color: #b91a00;} a.btn_small_cmg_red { background: transparent url('../images/btn/btn_small_cmg_left_red.png') no-repeat 0 0; display: block; margin: 0 0 0 3px; float: right; height: 28px; padding-left: 18px; text-decoration: none; font-size: 1em; text-transform: uppercase; } a:link.btn_small_cmg_red, a:visited.btn_small_cmg_red, a:active.btn_small_cmg_red{ color: #fff;} a.btn_small_cmg_red span{ background: transparent url('../images/btn/btn_small_cmg_right_red.png') no-repeat 100% 0; display: block; height: 28px; line-height: 30px; padding: 0 18px 0 0; color: #fff; letter-spacing: .05em; } a.btn_small_cmg_red:hover{ background-position: 0 -28px; color: #111;} a.btn_small_cmg_red:hover span{ background-position: 100% -28px; color: #111;} .btn_live_now { display:block; width: 594px; height: 116px; text-indent: -9999px; background: transparent; position: absolute; top: 208px; left: 224px; } .btn_live_now:hover { background-position: top right; } /* Main Structural Selectors --------------------------------------------------------------------------------------- */ .wrapper { width: 100%; margin: 0; padding: 0; } .shadow { width: 100%; margin: 0; padding: 0; background: transparent url(../images/bg/bg_shadow.png) top center no-repeat; } .header_wrap { width: 100%; margin: 0; padding: 0; background: transparent url(../images/bg/bg_header.png) 0 0 repeat-x; } .header_countdown { width: 960px; margin: 0 auto; height: 48px; padding: 0; } .top_bar { margin: 0 auto 5px auto; padding: 0; overflow: hidden; width: 960px; height: 55px;} .header { margin: 0 auto; padding: 0; width: 960px; height: 164px; } .content_wrap { width: 100%; margin: 300px 0 0 0; padding: 0; background: #ffffff; border-bottom: 1px solid #eee; } .content { width: 960px; overflow: hidden; margin: 30px auto; position: relative; } .sidebar { width: 310px; float:right; display:inline; margin: -8px 0 0 0; } .main { width: 600px; float: left; display: inline; overflow: hidden; } .bottom_wrap { width: 100%; margin: 0; padding: 0; background: #fffdfd; } .bottom_content { width: 960px; margin: 30px auto; overflow: hidden; } .footer { width: 960px; margin: 0 auto; padding: 24px 0 20px 0; color: #666666; overflow: hidden; background: transparent url(../images/bg/bg_footer.png) top center no-repeat; } .bg_glow { background: transparent url(../images/bg/bg_glow.jpg) center top no-repeat;} body.home .content_wrap { background: none; border-bottom: none; margin: 0; } body.home .content { margin: 0 auto; } .share_head { width: 100%; margin-bottom: 24px; } /* Countdown Clock --------------------------------------------------------------------------------------- */ .countdown { float: right; display: inline; width: 204px; padding: 0 0 0 135px; height: 30px; background: transparent url(../images/bg/bg_countdown.png) 0 0 no-repeat;} .live_now { background: transparent url(../images/bg/bg_countdown_live.png) 0 0 no-repeat; width: 139px; padding: 3px 0 0 200px; height: 28px; } .btn_join_live { display:block; width: 128px; height: 24px; text-indent: -9999px; background: transparent url(../images/btn/btn_join_live.png) top right no-repeat; } .btn_join_live:hover { background-position: top left;} .btn_join_live_big { position: absolute; top: 480px; left: 335px; display:block; width: 350px; height: 70px; text-indent: -9999px; background: transparent url(../images/btn/btn_join_live_big.png) top left no-repeat; } .btn_join_live_big:hover { background-position: top right;} .countdown_wrapper { width: 339px; height: 30px; padding: 8px 0 0 0; float: right; display: inline; } .hasCountdown { margin-top: 6px; } .countdown_timer { width: 100%; overflow: hidden; } .countdown_item { width: 23%; float: left; margin-right: 1%; overflow: hidden; } .countdown_number { width: auto; float: right; font-size: 1.8em; display: inline; margin-right: 2px; } .countdown_number h2 { color: #fff; font-size: 1.1em; font-family: Helvetica, sans-serif; line-height: 1.1em; } .countdown_desc { width: auto; float: right; display: inline; } .countdown_desc h3 { font-size: 1em; color: #fff; text-transform: uppercase; padding-top: 8px; font-family: Helvetica, sans-serif; line-height: 1em; } .header_countdown ul.top_menu { float: right; margin: 14px 0 0 0; color: #ffffff; font-weight: 600; font-family: "museo-sans-1","museo-sans-2",sans-serif; text-transform: uppercase; font-size: 1.4em; } .header_countdown ul.top_menu li { float: right; margin: 0 0 0 20px; } .header_countdown ul.top_menu li a { color: #ffffff; font-weight: 500; cursor: pointer; } .header_countdown ul.top_menu li a.watch_now { background: #a21700; margin-left: 15px; padding: 5px 10px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.3); } .header_countdown ul.top_menu li a.watch_now:hover { text-decoration: none; } /* Header Layout --------------------------------------------------------------------------------------- */ .header h1 { float: left; margin: 22px 0 0 0; } .main_nav { width: 598px; height: 31px; float: right; display: inline; margin: 45px 0 0 0; } .main_nav li { height: 31px; display: inline; padding: 0; float: right; margin: 0 0 0 4px; position: relative; } .main_nav li a { display: block; height: 31px; text-indent: -9999px; background: transparent url(../images/bg/bg_main_nav.png) 0 0 no-repeat; } .main_nav li.contact_li { margin: 0; } #home { width: 61px; background-position: 0px 0px; } #home:hover { background-position: 0px -32px; } #imne { width: 119px; background-position: -65px 0px; } #imne:hover { background-position: -65px -64px; } ul.main_nav li:hover a#imne { background-position: -65px -64px; } #need { width: 99px; background-position: -188px 0px; } #need:hover { background-position: -188px -64px; } ul.main_nav li:hover a#need { background-position: -188px -64px; } #enga { width: 79px; background-position: -291px 0px; } #enga:hover { background-position: -291px -64px; } ul.main_nav li:hover a#enga { background-position: -291px -64px; } #medi { width: 65px; background-position: -374px 0px; } #medi:hover { background-position: -374px -64px; } ul.main_nav li:hover a#medi { background-position: -374px -64px; } #abou { width: 71px; background-position: -443px 0px; } #abou:hover { background-position: -443px -64px; } ul.main_nav li:hover a#abou { background-position: -443px -64px; } #myoc { width: 76px; background-position: -518px 0px; } #myoc:hover { background-position: -518px -64px; } ul.main_nav li:hover a#myoc { background-position: -518px -64px; } body.home a#home, body.home a#home:hover { background-position: 0px -32px; } body.imne a#imne, body.imne a#imne:hover { background-position: -65px -32px; } body.need a#need, body.need a#need:hover { background-position: -188px -32px; } body.enga a#enga, body.enga a#enga:hover { background-position: -291px -32px; } body.medi a#medi, body.medi a#medi:hover { background-position: -374px -32px; } body.abou a#abou, body.abou a#abou:hover { background-position: -443px -32px; } body.myoc a#myoc, body.myoc a#myoc:hover { background-position: -518px -32px; } ul.main_nav li .sub { position: absolute; top: 31px; left: 0; background: transparent url(../images/bg/bg_drop_down.png) 0 0 repeat; overflow: hidden; padding: 15px 15px 10px 15px; float: left; -moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; z-index: 4000;} ul.main_nav li .my_occ_sub { left: -84px; -moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 0px; -khtml-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; } ul.main_nav li .about_sub { left: -259px; -moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 0px; -khtml-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; } ul.main_nav li .engage_sub { left: -447px; -moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; } ul.main_nav li .row { clear: both; float: left; width: 100%; margin-bottom: 10px; } ul.main_nav li .sub ul{ list-style: none; margin: 0; padding: 0 0 2% 0; float: left; width: 130px; } ul.main_nav li .sub ul.contact_ul { width: 170px; } ul.main_nav li .sub ul.im_new_here_ul { width: 170px; } ul.main_nav li .sub ul.engage_ul { width: 180px; } ul.main_nav .sub ul li { width: 100%; color: #fff; list-style: none; text-transform: none; line-height: 1.4em; padding: 0; } ul.main_nav .sub ul li h3 { padding: 0; margin: 0; font-size: 1.4em; font-weight: normal; width: 93%; float: left; color: #fff; font-weight: bold; text-transform: uppercase; } ul.main_nav .sub ul li a { float: none; text-indent: 0; /*--Reset text indent--*/ height: auto; background: transparent url(../images/bg/bg_sub_nav.png) no-repeat 0px 11px; padding: 7px 5px 0 10px; display: block; text-decoration: none; color: #fff; font-size: 1.2em; font-weight: normal; } ul.main_nav .sub ul li a:hover { color: #000; } /* Homepage Layout --------------------------------------------------------------------------------------- */ .hm_banner_carousel { width: 960px; position: relative; overflow: hidden; margin: 332px auto 40px auto; } .hm_banners_wrapper { float: left; width: 912px; height: 170px; margin: 0; padding: 24px; background: transparent url(../images/bg/bg_content.png) 0 0 repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .jcarousel-container { float: left; margin: 0; height: 170px; width: 912px; overflow: hidden; } .hm_banners { float: left; overflow: hidden; width: 912px; height: 170px; } .hm_banners .jcarousel-clip-horizontal { width: 912px; height: 170px; margin: 0; padding: 0; } .hm_banners .jcarousel-item { width: 272px; height: 154px; border: 8px solid #ffffff; } .hm_banners .jcarousel-item-horizontal { margin-right: 24px; } .btn_carousel_prev { position: absolute; left: 5px; top: 70px; display:block; width: 19px; height: 76px; text-indent: -9999px; background: transparent url(../images/btn/btn_carousel_previous.png) top left no-repeat; } .btn_carousel_prev:hover { background-position: top right;} .btn_carousel_next { position: absolute; right: 5px; top: 70px; display:block; width: 19px; height: 76px; text-indent: -9999px; background: transparent url(../images/btn/btn_carousel_next.png) top left no-repeat; } .btn_carousel_next:hover { background-position: top right;} /* Main Layout --------------------------------------------------------------------------------------- */ .page_header { overflow: hidden; padding: 0 0 60px 0; margin: 24px 0 0 0; float: left; display: inline; width: 100%; background: transparent url(../images/bg/bg_footer.png) bottom center no-repeat; } .page_header h3 { float: left; font-size: 2.8em; padding: 0 0 0 0; margin:0; color: #b91a00; } .select_ministry { float: right; display: inline; width: 50%; overflow: hidden; } .select_ministry select { float: right; display: inline; margin-top: 10px; } .select_ministry label { float: right; display: inline; margin-top: 13px; margin-right: 10px; font-size: 1.2em; font-weight: bold; color: #000; } body.ministries_page .select_ministry { width: 36%;} .main h1, .full h1 { font-size: 2.2em; margin: 0 0 0 0; font-weight: 600; color: #545353; } .main h3, .full h3 { font-size: 1.8em; margin: 20px 0; } .main h4, .full h4 { font-size: 1.8em; margin: 20px 0; } .main_content p.crumbs, .page_header p.crumbs { margin: 0 0 16px 0; font-size: 1.1em; clear: both; float: left; width: 100%; } .main h1.sub_header { margin: 24px 0; font-size: 2.4em; font-weight: normal; color: #000; } .main h2, .full h2 { font-weight: 600; color: #b91a00; border-bottom: 1px solid #e9e8e4; padding-bottom: 8px; font-size: 1.8em; margin-top: 12px; } .main_content p { line-height: 1.6em; margin: 18px 0; } .main_content ul, .main_content dl, .main_content ol, .full ul { margin: 16px 0; } .main_content ul li, .main_content dl dd, .full ul li { list-style: disc; display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; } .main_content ol li { display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; } .main_image { float: left; display: inline; margin: 0 28px 16px 0; border: 8px solid #cdccba; } .main_image_small { float: left; display: inline; margin: 0 28px 24px 0; } .secondary_image { margin: 18px 0 28px 0; padding: 9px; background: #e5e5e5; border: 1px solid #cccccc; } .google_map { background: #e5e5e5; padding: 9px; border: 1px solid #cccccc; margin-top: 20px; } .staff_box { width:100%; margin-top: 20px; overflow: hidden; } .staff { width:24%; float: left; display: inline; height: 250px; margin-right:6px; overflow: hidden; } .staff_title_email { overflow: hidden; width: 100%; } .staff small { margin: 0 0 0 10px; float: left; } .staff h4 { font-size: 1.4em; font-weight: bold; margin: 10px 0 4px 10px;} .staff h4 a { font-weight: bold;} .staff:hover a { color: #999; } .staff_thumb_image:hover { background: #ddd; } .staff_info { width: 200px; float: left; display: inline; } .staff_info img { padding: 9px; background: #e5e5e5; border: 1px solid #cccccc; } .staff_thumb_image { padding: 9px; background: #e5e5e5; border: 1px solid #cccccc; } .staff_content { width: 58%; float: right; display: inline; } .staff_content h4 { font-size: 1.6em; margin: 0 0 2px 0; } .staff_content p:first-child { margin-top:0; } .staff_title { font-size: .75em; font-weight: normal; margin-left: 0px; } .staff_title img { vertical-align: bottom; margin:0 0 2px 6px; } table.staff_table { margin-top: 0;} td img.staff_thumb_image { padding: 3px; background: #ffffff; border: 1px solid #cccccc;} table.staff_table td { vertical-align: middle; padding: 4px 0;} td.staff_title { font-weight: bold; color: #000000; font-size: 1.1em;} .generic_cmg_tabs { width: 100%; overflow: hidden; background: transparent url(../images/bg/bg_shadow_bottom.png) bottom left repeat-x; margin: 0; padding: 0; } .main_content .generic_cmg_tabs li { float: left; display: inline; list-style: none; margin: 0; padding: 0; font-size: 1.2em;} .main_content .generic_cmg_tabs li a { display: block; background: #ffffff; padding: 8px 12px; margin-bottom: 5px; float:left; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border: 1px solid #bbbbbb; border-bottom: 0; margin-right: 3px; color: #2dc903;} .main_content .generic_cmg_tabs li a.active, .main_content .generic_cmg_tabs li a.active:hover { background: #f9f9f9; margin-bottom: 0; padding-bottom: 13px; color: #000000; text-decoration: none; } .main_content .staff_content ul li { list-style: disc; display: list-item; margin-left: 13px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; } .main_content .staff_content ol li { display: list-item; margin-left: 13px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; } .main_content .staff_info h4 { font-size: 1.2em; margin: 16px 0 0 0; } .main_content .staff_content .staff_networks { margin: 12px 0 0 0; padding: 0; width: 100%; overflow: hidden; } .main_content .staff_content .staff_networks li { margin: 0; padding: 0; list-style: none; float: left; display: inline; margin-right: 12px; } .main_content .staff_content .staff_networks li a { display: block; width: 16px; height: 16px; text-indent: -9999px;} .staff_facebook, .staff_facebook:hover { background: transparent url(../images/staff/staff_facebook.gif) 0 0 no-repeat; } .staff_twitter, .staff_twitter:hover { background: transparent url(../images/staff/staff_twitter.gif) 0 0 no-repeat; } .staff_myspace, .staff_myspace:hover { background: transparent url(../images/staff/staff_myspace.gif) 0 0 no-repeat; } .staff_linkedin, .staff_linkedin:hover { background: transparent url(../images/staff/staff_linkedin.gif) 0 0 no-repeat; } .staff_flickr, .staff_flickr:hover { background: transparent url(../images/staff/staff_flickr.gif) 0 0 no-repeat; } .news_list { width: 100%; border-bottom: 1px solid #e8e8e8; padding: 14px 0; overflow: hidden; } .news_list .news_date { width: 10%; float: left; display: inline; } .news_list .listing { width: 87%; float: right; display: inline; border-bottom: 0; margin: 0; padding: 0; } .news_list h4 { font-size: 1.4em; margin: 0; } .news_list h5 { font-size: 1.4em; margin: 0; } .news_list .listing h4 { margin: 0 0 0 0; } .full { margin: -24px 0 0 0; padding: 0; clear: both; float:left; display:inline; } .site_map_list { width: 16%; float: left; display: inline; } .full .site_map_list li { font-size: 1.1em; margin-left: 12px; padding-left: 0;} .full .site_map_list li.site_map_title { margin: 0 0 8px 0; padding: 0; list-style: none; font-size: 1.4em;} .player_box { margin: 24px 0; width: 600px; overflow: hidden;} /* I'm New ______________________________________________________________________________________ */ .times_directions_wrap { width: 558px; overflow: hidden; margin-bottom: 12px; background: #fcf8ee; padding: 20px; border: 1px solid #eee9db; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .times_directions_container { width: 30%; float: left; display: inline; } .main .times_directions_wrap h2 { font-size: 2.2em; font-weight: normal; color: #000; border-bottom: none; padding-bottom: 3px; } .main .times_directions_wrap p { margin: 0 0 12px 0; } .times_video { width: 350px; float: right; display: inline; padding: 8px; background: #eee9db; border: 1px solid #ddd7c8; } /* Site Map ______________________________________________________________________________________ */ .sitemap_box { margin-bottom: 20px; } .sitemap_header { width: 96%; background: #eee; padding: 6px 2%; overflow: hidden; border-bottom: 1px solid #ddd; } .main_content .sitemap_header h4 { margin: 0; float: left; display: inline; font-size: 1.8em; margin-top: 3px; } .sitemap_header a { float: right; display: inline; font-size: 1.4em; margin-top: 3px; } .main_content .sitemap_links { margin: 0; } .main_content .sitemap_links li { margin: 0; padding: 0; list-style: none; width: 100%; border-bottom: 1px solid #ddd; font-size: 1.4em; } .main_content .sitemap_links li.last { border-bottom: none; } .main_content .sitemap_links li a { display: block; width: 96%; padding: 6px 2%; } .main_content .sitemap_links li a:hover { background: #ffd7d7;} .big_text { background: #D0EEA3 url(../images/icons/icon_confirmation.png) 16px 50% no-repeat; padding: 8px 15%; width: 70%; text-align: center; margin: 24px 0; clear: both; } .big_text p { font-size: 1.6em; color: #5DA43A; margin: 0; line-height: 1.3em; } .confirmation_content h4 { margin: 30px 0 24px 0; } /* Pages ______________________________________________________________________________________ */ .page_results { margin: 12px 0 0 0; padding: 0 15px 0 9px; overflow: hidden; clear: both; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width: 552px; } .page_results h5 { float: left; display: inline; font-size: 1.2em; font-weight: bold; padding-top: 6px; color: #6b6b6b; } .page_results ul li { list-style: none; } .main_content .pages { overflow: hidden; float: left; display: inline; padding:0 20px; margin: 0 20px; border-left: 1px solid #ddd; color: #6b6b6b; list-style: none; } .main_content .pages li { font-size: 1.1em; float: left; display: inline; margin: 0 2px 0 2px; padding: 0; list-style: none; font-weight: bold; } .main_content .pages li.pages_title { margin-right: 10px; padding-top: 6px; } .main_content .pages li.active { display: block; border: 2px solid #ddd; background-color: #ddd; height: 24px; width: 20px; text-align: center; line-height: 23px; text-decoration: none; font-weight: bold; font-size: 1.4em; color: #666; } .main_content .pages a { display: block; border: 0; height: 24px; width: 20px; text-align: center; line-height: 27px; color: #408c9d; font-size: 1.2em; text-decoration: underline; } .main_content .pages a:link { display: block; border: 0; height: 24px; width: 20px; text-align: center; line-height: 27px;color: #408c9d; text-decoration: underline; } .main_content .pages a:active { display: block; border: 0; height: 24px; width: 20px; text-align: center; line-height: 27px;color: #408c9d; text-decoration: underline; } .main_content .pages a:visited { display: block; border: 0; height: 24px; width: 20px; text-align: center; line-height: 27px;color: #408c9d; text-decoration: underline; } .main_content .pages a:hover { color: #999; text-decoration: none; } .main_content .pages a:visited:hover { color: #999; text-decoration: none;} .pages a.btn_page_prev { display:block; width: 18px; height: 18px; text-indent: -9999px; background: transparent url(../images/btn/btn_page_prev.png) top left no-repeat; padding: 0; border: 0; margin: 5px 5px 0 0; } .pages a.btn_page_prev:link { display:block; width: 18px; height: 18px; text-indent: -9999px; background: transparent url(../images/btn/btn_page_prev.png) top left no-repeat; padding: 0; border: 0; margin: 5px 5px 0 0; } .pages a.btn_page_prev:active { display:block; width: 18px; height: 18px; text-indent: -9999px; background: transparent url(../images/btn/btn_page_prev.png) top left no-repeat; padding: 0; border: 0; margin: 5px 5px 0 0; } .pages a.btn_page_prev:visited { display:block; width: 18px; height: 18px; text-indent: -9999px; background: transparent url(../images/btn/btn_page_prev.png) top left no-repeat; padding: 0; border: 0; margin: 5px 5px 0 0; } .pages a.btn_page_prev:hover { background-position: top right; background-color: transparent; text-decoration: none; border: none; } .pages a.btn_page_prev:visited:hover { background-position: top right; background-color: transparent; text-decoration: none; border: none; } .pages a.btn_page_next { display:block; width: 18px; height: 18px; text-indent: -9999px; background: transparent url(../images/btn/btn_page_next.png) top left no-repeat; padding: 0; border: 0; margin: 5px 0 0 5px; } .pages a.btn_page_next:link { display:block; width: 18px; height: 18px; text-indent: -9999px; background: transparent url(../images/btn/btn_page_next.png) top left no-repeat; padding: 0; border: 0; margin: 5px 0 0 5px; } .pages a.btn_page_next:active { display:block; width: 18px; height: 18px; text-indent: -9999px; background: transparent url(../images/btn/btn_page_next.png) top left no-repeat; padding: 0; border: 0; margin: 5px 0 0 5px; } .pages a.btn_page_next:visited { display:block; width: 18px; height: 18px; text-indent: -9999px; background: transparent url(../images/btn/btn_page_next.png) top left no-repeat; padding: 0; border: 0; margin: 5px 0 0 5px; } .pages a.btn_page_next:hover { background-position: top right; background-color: transparent; text-decoration: none; border: none; } .pages a.btn_page_next:visited:hover { background-position: top right; background-color: transparent; text-decoration: none; border: none; } .btn_page_prev_inactive { width: 18px; height: 23px; text-indent: -9999px; background: transparent url(../images/btn/btn_page_prev_inactive.png) 0 5px no-repeat; padding: 0; border: 0; margin: 3px 3px 0 0; } .btn_page_next_inactive { width: 18px; height: 23px; text-indent: -9999px; background: transparent url(../images/btn/btn_page_next_inactive.png) 0 5px no-repeat; padding: 0; border: 0; margin: 3px 0 0 3px; } .no_pages { visibility: hidden; } /* Newsletter Archive ______________________________________________________________________________________ */ .table_archive { width: 100%; border-collapse: collapse; margin-top: 0;} .table_archive td { padding: 8px 0; border-bottom: 2px solid #eeeeee; font-size: 1.4em; } .table_archive td.title { font-weight: bold; padding: 0 0 8px 0; } .table_archive td p { margin: 0; padding: 0; font-size: 1em; } /* Events & Calendar ______________________________________________________________________________________ */ .event_row { width: 100%; overflow: hidden;} .event_row h3 { margin-bottom: 20px; } .event_listing { border-bottom: 1px solid #eee; overflow: hidden; padding-bottom: 12px; margin-bottom: 12px; width: 100%; } .left_panel_event_listing { width: 8%; float: left; display: inline; } .left_panel_event_listing h5 { font-size: 3.6em; font-weight: normal; color: #a5a9ac; text-shadow: 1px 1px #ffffff; font-weight: bold; margin-left: 10px;} .right_panel_event_listing { width: 89%; float: right; display: inline; overflow: hidden; } .right_panel_event_listing h4 { margin: 0;} .right_panel_event_listing p { margin: 2px 0 0 0;} .event_month { background: #eee; padding: 10px 10px; width: 578px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #ddd; } .featured_row { margin-top: 24px; width:100%; overflow: hidden; } .featured_event_listing { border-bottom: 1px solid #eee; overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; width:100%; } .featured_event_listing img { float: left; display: inline; padding: 10px; background: #eee; } .right_panel_fevent_listing { width: 57%; float: right; display: inline; overflow: hidden; margin-top: 4px; } .right_panel_fevent_listing h4 { margin: 0;} .right_panel_fevent_listing p { margin: 10px 0; } .right_panel_fevent_listing p.dates { margin: 2px 0 10px 0; font-size: 1.1em;} img.featured_event_image { margin-bottom: 24px; padding: 10px; background: #eee; } .event_title { width: 100%; overflow: hidden; } .back { font-size: .65em; float: right; display: inline;} .table_events { width: 100%; border-collapse: collapse; font-size: 1.2em;} .table_events td { padding: 10px 0 11px 0; border-bottom: 1px solid #cccccc; } .table_events td.titles { background: #5e6874; color: #ffffff; font-weight: bold;} .table_events td p { margin: 0; padding: 0; font-size: 1em; } .calendar_month_box { float: right; height: 17px; width: 160px; display: inline; overflow: hidden; margin-top: 4px; } .calendar_month_box h6 { font-size: 1.1em; float: left; margin-right: 10px; color: #000; margin-top: 3px; } #calendar_box { width:216px; margin-bottom: 24px; margin-left: 20px; } #calendar_box ul#calendar_months { width:218px;height: 46px; background:#555555; text-align: center; overflow: hidden; } #calendar_box ul#calendar_months li { float:left; display: inline;} #calendar_box ul#calendar_months li#previous_month a { display:block; width:30px; height:46px; text-indent:-9999px; background: transparent url(../images/btn/btn_calendar_prev_month.gif) bottom left no-repeat; margin-left: 10px; } #calendar_box ul#calendar_months li#previous_month a:hover { background-position: top left; } #calendar_box ul#calendar_months li#current_month { width:140px; color:#ffffff; font-size: 1.4em; line-height:46px; } #calendar_box ul#calendar_months li#next_month a { display:block; width:30px; height:46px; text-indent:-9999px; background: transparent url(../images/btn/btn_calendar_next_month.gif) bottom left no-repeat; } #calendar_box ul#calendar_months li#next_month a:hover { background-position: top left; } #calendar_box ul#calendar_dates { width:216px; padding:0 0 0 0;margin: 0 auto; border:1px solid #cccccc; border-top: none;background: #ffffff; text-align: center; overflow: hidden;} #calendar_box ul#calendar_dates li { float:left; display:inline; width:30px; height:30px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size: 1.2em;} #calendar_box ul#calendar_dates li.last_column { border-right:0; border-bottom:1px solid #cccccc; width:30px;} #calendar_box ul#calendar_dates li.last_row { border-bottom:0;} #calendar_box ul#calendar_dates li.last_row_column { border:0;} #calendar_box ul#calendar_dates li.days { display:block; line-height:33px; font-weight: bold; background: #ffffff; color: #000000;} #calendar_box ul#calendar_dates li a { display:block; line-height:30px; color:#999999; text-decoration: none;} #calendar_box ul#calendar_dates li a:hover { background:#e8e8e8; color:#000000; text-decoration: underline;} #calendar_box ul#calendar_dates li a.current_date { background:#555555; color:#ffffff;} p.no_events { width: 90%; padding:8px 5%; text-align: center; background: #eee; font-size: 1.6em; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color: #999; } /* Ministries Module ______________________________________________________________________________________ */ .ministries_content { width: 100%;} body.ministry_listings .main_content { width:540px; padding: 26px 0 26px 30px; background: #ffffff; } .ministry_listing_box { margin-top: 24px; } .ministry_listing { float: left; display: inline; margin-right: 30px; text-align: center; margin-bottom: 20px; width: 283px; } .ministry_listing h5 { width: 100%; background: #eeeeee; padding: 2px 0 12px 0; font-size: 1.2em; } /* Row with image on left and content on right */ .ministries_wrap { width: 920px; overflow: hidden; margin: 30px auto 0 auto;} .ministry_item { float:left; display:inline; width: 211px; height: 200px; margin-right: 19px} .ministry_item img { padding: 9px; background: #e5e5e5; width: 191px; height: 105px; border: 1px solid #ccc; } .ministry_item h4 { font-size: 1.2em; font-weight: bold; margin: 10px 0 0 10px;} .ministry_item h4 a { font-weight: bold;} .ministry_item:hover a { color: #b11700;} .ministry_item img:hover { background: #ccc; } .ministries_row { margin-top: 24px; } .ministries_row img { float: left; display: inline; padding: 10px; background: #eee; } .ministries_right_panel { float: right; display: inline; width:57%; margin-top: 8px; } .ministries_right_panel h4 { margin: 0 0 0 0; font-size: 1.4em; } .ministries_right_panel h5 { font-size: 1.2em; margin-top: 3px; color: #888888; font-weight: normal; } .ministries_right_panel p { margin: 8px 0 0 0; } .ministry_single_wrap { width: 100%; overflow: hidden; float: left; display: inline; margin-top: -67px; position: relative;} .ministry_single { width: 786px; padding: 24px; margin: -307px auto 0 auto; overflow: hidden; background: #ffffff url(../images/bg/bg_content_wrap.jpg) 0 0 repeat; position: relative; z-index: 2; } .ministry_single .main { margin-top: 0; width: 524px; } .ministry_single .sidebar { margin-top: 0; } .ministry_large_bg { width: 880px; height: 500px; position: relative; z-index: 0;} .ministry_name { text-transform: none; color: #666666; font-weight: normal; font-size: 2.2em; margin-top: 20px; } .ministry_small_image { float: left; display: inline; margin: 6px 28px 24px 0; width: 206px; height: 119px; border: 8px solid #eeebdf; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .ministry_large_image { margin: 18px 0 26px 0; padding: 9px; background: #e5e5e5; border: 1px solid #cccccc; } ul.ministry_nav { width:590px; margin: 8px 0 8px 0; padding: 8px 8px 0 0; overflow: hidden; background: #eeebdf; -webkit-border-radius: 3px; -moz-border-radius: 3px; } ul.ministry_nav li { margin: 0 0 8px 8px; padding: 0; list-style:none; float: left; display: inline; font-size: 1.3em; } ul.ministry_nav li a { display: block; padding: 6px 16px 4px 16px; background: #c0baad; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; } ul.ministry_nav li a:hover { text-decoration:none; background: #988d74; } ul.ministry_nav li a.active_min { background: #ffffff; color: #645a43; } .ministry_content { width: 100%; margin-bottom: 6px; } .ministry_right_panel { float: right; display: inline; width: 155px; margin: 18px 0 10px 20px; } .ministry_right_panel img { padding: 10px; background: #eee; margin-bottom: 24px; width: 135px; } .ministry_content iframe { padding: 9px; background: #eee; border: 1px solid #ddd; } .ministry_content h4 { font-weight: bold; } .ministry_drop_down { margin: 16px 0 0 0; width: 100%; font-size: 1.2em; color: #666666; } .side_event_listing { background: transparent url(../images/bg/bg_event_row.jpg) bottom left repeat-x; padding: 8px 0; } .side_event_listing:last-child { border:0; } .side_event_listing h4 { margin: 0 0 5px 0; padding: 0; font-size: 1.4em; } .side_event_listing h4 a { color: #95d179; font-weight: normal; } .side_event_listing p { font-size: 1.2em; margin: 0; padding: 0; } p.no_events_sidebar { width: 90%; padding:8px 5%; text-align: center; background: #f9f2b7; color: #666; -moz-border-radius: 3px; -webkit-border-radius: 3px; line-height: 1.2em; } /* Social Media Page --------------------------------------------------------------------------------------- */ .social_row { overflow: hidden; margin-bottom: 30px; clear: both; } .social_header { width: 100%; overflow: hidden; border-bottom: 1px dashed #a1a17b; padding-bottom: 5px; margin-bottom: 20px; } .social_header h2 { float: left; width: auto; border: none; padding-bottom: 0; margin: 0; margin-top: 3px; } .social_header a { float: right; margin-top: 0; } .social_container { width: 558px; padding: 20px; background: transparent url(../images/bg/bg_transparency_2_5.png) repeat; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #a1a17b; } .twitter_item { width: 100%; } .twitter_item p { margin: 0; } .social_container p { margin: 0; } .post_button { width: 100%; overflow: hidden; margin-top: 5px; } .post_button a { float: right; margin-top: 0; } .post_button p { margin: 0; } /* Photos --------------------------------------------------------------------------------------- */ .yoxview-thumbnails-details { display: none; } .photos_page { margin: 22px 0 0 0; overflow: hidden; width: 540px; height: 80px; } /* Volunteers Module ______________________________________________________________________________________ */ .volunteer_large_image { margin-bottom: 8px; } .volunteer_table { width: 100%; border-collapse: collapse; font-size: 1.2em; margin-top: 24px; } .volunteer_table td { padding: 10px 8px; border-top: 1px solid #cccccc; vertical-align: top;} .volunteer_table td.titles { background: #eeeeee; color: #000000; font-weight: bold; padding: 10px 8px;} .volunteer_table td p { margin: 0; padding: 0; font-size: 1em; } .volunteer_table td strong { color: #000000; } .volunteer_table h4 { font-size: 1.4em; } .volunteer_title { font-size: 1.1em; } .volunteer_table td p.cancel { margin-top: 20px; } .volunteer_table td.details_box { padding: 0; margin: 0; border-top: none;} .details { background: transparent url(../images/bg/bg_volunteer.png) left bottom repeat-x; padding: 10px 3% 20px 3%; width:94%;} .details_content { width: 93%; border-left: 1px solid #d3b696; padding-left: 24px; overflow: hidden;} .details_content h2 { font-size: 1.1em; margin: 0 0 12px 0; } .details_content h3 { font-size: 1.1em; margin-top: 12px; } .details_content ul li { margin-bottom: 4px; font-size: 1.1em; } .vol_close { margin-top: 0; } .details_content p { margin: 16px 0; padding: 0; } td.no_border { border: none; } .btn_volunteer_print { display:block; width: 74px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_volunteer_print.png) top left no-repeat; margin-top: 16px; float: left; margin-right: 14px; } .btn_volunteer_print:hover { background-position: top right;} .volunteer_select_options { overflow: hidden; width: 558px; background: #e6e1d2; border-top: 1px solid #bcb8ac; padding: 10px 15px 10px 9px; margin-top: 24px; } .volunteer_drop_down { padding: 0; width: 60%; font-size: 1.2em; color: #79766a; padding: 5px; } /* Media Module ______________________________________________________________________________________ */ ul.media_sub_nav { width: 100%; height: 27px; overflow: hidden; display: inline; margin: 0;} ul.media_sub_nav li { height: 17px; float: left; display: inline; margin: 0 10px 0 0; padding: 0; text-align: center; text-transform: uppercase; font-size: 1.6em; list-style: none; } ul.media_sub_nav li a { display: block; padding-left: 12px; height: 27px; padding-left: 12px; text-decoration: none; float: right; margin: 0 0 0 0; color: #fff; background: transparent url('../images/bg/bg_main_nav_left.png') no-repeat 0 0; } ul.media_sub_nav li a span { display: block; height: 21px; line-height: 30px; padding: 6px 12px 0 0; letter-spacing: .05em; background: transparent url('../images/bg/bg_main_nav_right.png') no-repeat 100% 0; } ul.media_sub_nav li a:hover, ul.media_sub_nav li a:hover span, ul.media_sub_nav li a:visited:hover, ul.media_sub_nav li a:visited:hover span { background: #f05900; -moz-border-radius: 4px; -webkit-border-radius: 4px; } li.media_sub_nav_active a, li.media_sub_nav_active a:visited, li.main_nav_active a:active { color: #111111; background: none; } li.media_sub_nav_active a span, li.media_sub_nav_active a:visited span, li.main_nav_active a:active span { color: #111111; background: none; } li.media_sub_nav_active a:hover, li.media_sub_nav_active a:visited:hover, li.media_sub_nav_active a:hover span, li.media_sub_nav_active a:visited:hover span { color: #ffffff; background: none; } .current_sermon_box { margin-bottom: 24px; } .caption_header { margin: 24px 0 10px 0; background: #f5f5f5; padding: 20px; border: 1px solid #e5e5e5; padding: 10px 10px; width: 578px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow:hidden; } .caption_header h4 { margin: 0; float: left; display: inline; } .caption_header a.view_more { margin: 0; float: right; display: inline; font-size: 1.2em; } .sermon_left_panel { float: left; display: inline; width: 283px; margin-top: 20px; } .sermon_right_panel { float: right; display: inline; width: 280px; margin-top: 20px; } .sermon_right_panel h5 { font-size: 1.8em; color: #333333; } .sermon_right_panel h6 { font-size: 1.1em; margin-top: 3px; color: #666666; font-weight: normal; } .sermon_listing { margin-bottom: 24px;} ul.media_options { margin: 0; padding: 0; overflow: hidden; } ul.media_options li { margin: 0; padding: 0; float: left; display: inline; list-style: none; margin-right: 5px; } ul.media_options a.watch { display: block; width: 94px; height: 43px; text-indent: -9999px; background: transparent url(../images/media/btn_watch.jpg) 0 0 no-repeat; } ul.media_options a.watch { width: 95px; background-position: 0 0;} ul.media_options a.watch:hover { background-position: 0 -43px;} ul.media_options a.listen { display: block; width: 95px; height: 43px; text-indent: -9999px; background: transparent url(../images/media/btn_listen.jpg) 0 0 no-repeat; } ul.media_options a.listen { background-position: 0 0;} ul.media_options a.listen:hover { background-position: 0 -43px;} .table_sermons { width: 100%; border-collapse: collapse; font-size: 1.1em; margin:8px 0 24px 0;} .table_sermons td { padding: 6px 0; border-bottom: 1px solid #e8e8e8; vertical-align: middle; } .table_sermons td.titles { font-weight: bold; color: #333333;} a.btn_rc_td { float: left; font-size: .775em; display: block; padding: 2px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #ffffff url(../images/bg/bg_gradient_small_buttons.png) bottom left repeat-x; color: #888888; border: 1px solid #bbbbbb; text-transform: capitalize; } tr:hover a.btn_rc_td { border: 1px solid #333333; background-color: #333333; color: #ffffff; } tr:hover a.btn_rc_td:hover { background-color: #b26e60; border-color: #963b26; text-decoration: none; color: #ffffff;} a.icon_watch { display: block; width: 15px; height: 15px; text-indent: -9999px; background: transparent url(../images/media/icons_watch_listen_buy_new.jpg) 0 0 no-repeat;} a.icon_watch:hover { background-position: 0 -15px;} a.icon_listen { display: block; width: 15px; height: 15px; text-indent: -9999px; background: transparent url(../images/media/icons_watch_listen_buy_new.jpg) -15px 0 no-repeat;} a.icon_listen:hover { background-position: -15px -15px;} a.icon_buy { display: block; width: 15px; height: 15px; text-indent: -9999px; background: transparent url(../images/media/icons_watch_listen_buy_new.jpg) -30px 0 no-repeat;} a.icon_buy:hover { background-position: -30px -15px;} a.btn_download { display: block; width: 89px; height: 22px; text-indent: -9999px; background: transparent url(../images/media/btn_download.gif) 0 0 no-repeat;} a.btn_download:hover { background-position: 0 -22px;} a.btn_give { display: block; width: 186px; height: 44px; text-indent: -9999px; background: transparent url(../images/btn/btn_give.jpg) top left no-repeat;} a.btn_give:hover { background-position: top right;} .current_series_player_box { width: 598px; margin: 24px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #f5f5f5; border: 1px solid #e5e5e5; } .current_series_player_box img.featured { height: 326px; margin: 9px 0 0 9px;} .current_series_player_info { overflow: hidden; width: 92%; padding: 20px 4% 0 4%;} .current_series_player_title { border-bottom: 1px solid #e5e5e5; overflow: hidden; width: 100%; padding-bottom: 14px;} .current_series_player_title h4.title { margin: 2px 0 0 0; width: 50%; float: left; display: inline; } .current_series_player_title ul { width:426px; overflow: hidden; margin: 0; margin-left: 72px;} .current_series_player_title ul li { float: left; display: inline; margin-right: 10px; list-style: none; margin: 0; } .current_series_player_title ul li a { display: block; height: 32px; text-indent: -9999px; background: transparent url(../images/media/btn_buttons.png) 0 0 no-repeat;} .current_series_player_title ul li a.btn_media_watch { width: 89px; background-position: 0 0;} .current_series_player_title ul li a.btn_media_watch:hover { background-position: 0 -32px;} .current_series_player_title ul li a.btn_media_listen { width: 89px; background-position: -89px 0;} .current_series_player_title ul li a.btn_media_listen:hover { background-position: -89px -32px;} .current_series_player_title ul li a.btn_media_downloads { width: 119px; background-position: -178px 0;} .current_series_player_title ul li a.btn_media_downloads:hover { background-position: -178px -32px;} .current_series_player_title ul li a.btn_media_share { width: 89px; background-position: -297px 0;} .current_series_player_title ul li a.btn_media_share:hover { background-position: -297px -32px;} .icon_download { display: block; width: 16px; height: 16px; text-indent: -9999px; background: transparent url(../images/media/icon_download.jpg) 0 0 no-repeat;} .icon_download:hover { background-position: 0 -16px;} .player_descriptions { overflow: hidden; width: 100%; padding: 10px 0; border-top: 1px solid #e5e5e5;} .player_descriptions .speakers { font-size: 1.1em; margin: 6px 0 0 0;} .player_descriptions p { margin-bottom: 0;} .series_listing { margin-bottom: 0;} .latest_message_box { margin-top: 0; } .latest_message_box h3 { margin-top: 0;} .latest_message_title { font-size: 1.4em; margin-top: 16px;} .table_generic { width: 100%; border-collapse: collapse; font-size: 1.2em;} .table_generic td { padding: 10px; border-bottom: 1px solid #e5e5e5; vertical-align: middle; } .table_generic tr.alt td { background: #f7f5ee; } .no_padding td { padding: 1px 0; border-bottom:0; } .table_generic td.titles { background: #666666; color: #ffffff; font-weight: bold; border-bottom: 1px solid #333333;} .table_generic td small { font-size: .825em;} .sermon_listing { margin-bottom: 24px;} /* Media Hidden Divs */ .media_hidden_div { width: 94%; overflow: hidden; padding: 14px 3% 20px 3%; background: transparent url(../images/bg/bg_transparency_2_5.png) repeat; } .media_hidden_div h4 { margin: 0 0 12px 0; font-size: 1.2em; font-weight: bold;} .media_hidden_div p { margin: 0 0 12px 0; font-size: 1.2em; font-style: italic;} .media_hidden_div input { width: 97%; margin-bottom: 12px; padding: 4px 6px 4px 4px;} .media_hidden_div input.last { margin-bottom: 0;} .media_hidden_div a.close { float: right; display: inline; font-size: 1em; text-transform: uppercase; font-weight: bold; margin-top: 3px; color: #7d7469;} .media_hidden_div a.close:hover { color: #7d7469;} h5.more_from { margin: 0 0 16px 0;} /* Social Links */ .main_content .social_links { width: 100%; overflow: hidden; height: 30px; margin: 0 0 0 0; padding: 0;} .main_content .social_links li { float:left; display: inline; margin: 0 17px 0 0; padding: 0; list-style: none;} .main_content .social_links li.last { margin-right: 0;} .main_content .social_links li.extra_margin { margin-left: 0;} .social_links li a { display: block; height: 30px; width: 30px; text-indent: -9999px; background: transparent url(../images/media/btn_social_links.gif) 0 0 no-repeat;} #btn_sl_facebook { background-position: 0 0;} #btn_sl_facebook:hover { background-position: 0 -30px;} #btn_sl_twitter { background-position: -30px 0;} #btn_sl_twitter:hover { background-position: -30px -30px;} #btn_sl_delicious { background-position: -60px 0;} #btn_sl_delicious:hover { background-position: -60px -30px;} #btn_sl_stumbleupon { background-position: -90px 0;} #btn_sl_stumbleupon:hover { background-position: -90px -30px;} #btn_sl_digg { background-position: -120px 0;} #btn_sl_digg:hover { background-position: -120px -30px;} #btn_sl_mixx { background-position: -150px 0;} #btn_sl_mixx:hover { background-position: -150px -30px;} #btn_sl_technorati { background-position: -180px 0;} #btn_sl_technorati:hover { background-position: -180px -30px;} #btn_sl_newsvine { background-position: -210px 0;} #btn_sl_newsvine:hover { background-position: -210px -30px;} #btn_sl_reddit { background-position: -300px 0;} #btn_sl_reddit:hover { background-position: -300px -30px;} #btn_sl_rss { background-position: -330px 0;} #btn_sl_rss:hover { background-position: -330px -30px;} #btn_sl_email { background-position: -360px 0;} #btn_sl_email:hover { background-position: -360px -30px;} ul.media_options { margin: 0; padding: 0; overflow: hidden; } ul.media_options li { margin: 0; padding: 0; float: left; display: inline; list-style: none; margin-right: 5px; } ul.media_options a.watch { display: block; width: 94px; height: 43px; text-indent: -9999px; background: transparent url(../images/media/btn_watch.jpg) 0 0 no-repeat; } ul.media_options a.watch { width: 95px; background-position: 0 0;} ul.media_options a.watch:hover { background-position: 0 -43px;} ul.media_options a.listen { display: block; width: 95px; height: 43px; text-indent: -9999px; background: transparent url(../images/media/btn_listen.jpg) 0 0 no-repeat; } ul.media_options a.listen { background-position: 0 0;} ul.media_options a.listen:hover { background-position: 0 -43px;} .table_sermons { width: 100%; border-collapse: collapse; font-size: 1.1em; margin:8px 0 24px 0;} .table_sermons td { padding: 6px 0; border-bottom: 1px dashed #c7c1af; vertical-align: middle; } .table_sermons td.titles { font-weight: bold; color: #333333;} a.icon_watch { display: block; width: 15px; height: 15px; text-indent: -9999px; background: transparent url(../images/media/icons_watch_listen_buy_new.jpg) 0 0 no-repeat;} a.icon_watch:hover { background-position: 0 -15px;} a.icon_listen { display: block; width: 15px; height: 15px; text-indent: -9999px; background: transparent url(../images/media/icons_watch_listen_buy_new.jpg) -15px 0 no-repeat;} a.icon_listen:hover { background-position: -15px -15px;} a.icon_buy { display: block; width: 15px; height: 15px; text-indent: -9999px; background: transparent url(../images/media/icons_watch_listen_buy_new.jpg) -30px 0 no-repeat;} a.icon_buy:hover { background-position: -30px -15px;} a.btn_download { display: block; width: 89px; height: 22px; text-indent: -9999px; background: transparent url(../images/media/btn_download.gif) 0 0 no-repeat;} a.btn_download:hover { background-position: 0 -22px;} a.btn_give { display: block; width: 186px; height: 44px; text-indent: -9999px; background: transparent url(../images/btn/btn_give.jpg) top left no-repeat;} a.btn_give:hover { background-position: top right;} .podcast_row { width: 100%; overflow: hidden; margin-top: 10px;} .podcast_info { width: 54%; float:right; display:inline;} .media_page_social_wrap { width: 100%; margin: 24px 0; padding-bottom: 24px; } /* Resources/Downloads Module ______________________________________________________________________________________ */ .resources_group { padding: 20px 0; margin-top: 10px; overflow: hidden; width: 580px; } .resource_header { overflow: hidden; margin-bottom: 10px; } .resource_header h3 { font-size: 2.2em; display: inline; float: left; margin: 3px 10px 0 0; } .resource_header h3 a { font-size: .8em; text-decoration: underline; } .resource_header h3 a:hover { font-size: .8em; text-decoration: none; } .resource { overflow: hidden; padding: 15px 0; padding-right: 10px; border-bottom: 1px solid #d9d7d0; clear: both; width: 580px; } .resource .left { float: left; display: inline; width: 25%; clear: left; } .resource .right { float: right; display: inline; width: 73%; } .resource .right h6 { font-family: Arial, sans-serif; font-size: 1.8em; color: #555; font-weight: 200; margin-top: 0; padding-top: 0; } .resource .right p { margin-top: 6px; } .download_row { margin-bottom: 26px; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-top: 20px;} .single { margin-bottom: 0; padding-bottom: 0; border-bottom: none; margin-top: 20px;} .download_left_panel { float: left; display: inline; width: 20%; position: relative; text-align: center; } .download_left_panel img { padding: 10px; background: #eee; } .download_left_panel a { display: block; width: 140px; } .icon_zoom { position: absolute; bottom: 0; right: 0; z-index: 1; } .download_right_panel { float: right; display: inline; width:73%; } .download_right_panel h4 { margin: 0 0 0 0; } .download_right_panel h5 { font-size: 1.2em; margin-top: 3px; color: #888888; font-weight: normal; } .download_right_panel p { margin: 8px 0 0 0; } ul.download_items { margin: 8px 0 16px 0; padding: 0; overflow: hidden; width: 100%; } ul.download_items li { list-style: none; margin: 0; padding: 4px 0 4px 24px; float: left; display: inline; margin-right: 12px; width: 41%; font-size: 1.2em; } .download_item_img { background: transparent url(../images/icons/icon_download_img.gif) 0 50% no-repeat; } .download_item_pdf { background: transparent url(../images/icons/icon_download_pdf.gif) 0 50% no-repeat; } .download_item_doc { background: transparent url(../images/icons/icon_download_doc.gif) 0 50% no-repeat; } .download_item_xls { background: transparent url(../images/icons/icon_download_xls.gif) 0 50% no-repeat; } .download_item_ppt { background: transparent url(../images/icons/icon_download_ppt.gif) 0 50% no-repeat; } .download_item_mp3 { background: transparent url(../images/icons/icon_download_mp3.gif) 0 50% no-repeat; } .download_item_mov { background: transparent url(../images/icons/icon_download_mov.gif) 0 50% no-repeat; } .download_item_mpg { background: transparent url(../images/icons/icon_download_mpg.gif) 0 50% no-repeat; } .download_item_pie { background: transparent url(../images/icons/icon_download_pie.gif) 0 50% no-repeat; } .download_item_generic { background: transparent url(../images/icons/icon_download_generic.gif) 0 50% no-repeat; } .download_header { width: 96%; background: #eee; padding: 6px 2%; overflow: hidden; border-bottom: 1px solid #ddd; } .download_header h4 { margin: 0; float: left; display: inline; font-size: 1.8em; margin-top: 3px; } p.download_paragraph { margin: 12px 0 0 0; clear: left; width: auto; } .download_box { margin-top: 18px; } /* Sidebar Layout --------------------------------------------------------------------------------------- */ .sidebar h2 { margin: 0; padding-bottom: 10px; border-bottom: 1px solid #ddd7c8; font-size: 1.8em; font-weight: bold; text-transform: uppercase; color: #333333; } .side_nav { margin: 4px 0 24px 0; width: 310px; padding: 0; clear: both; } .side_nav li { font-size: 1.4em; border-bottom: 1px solid #ddd7c8; } .side_nav li a:link, .side_nav li a:visited, .side_nav li a:active { display: block; width: 310px; padding: 13px 0 13px 0; color: #000000; font-weight: bold; text-shadow: 1px 1px 0 #eeeeee; } .side_nav li a.active:link, .side_nav li a.active:visited, .side_nav li a.active:hover, .side_nav li a.active:active { color: #b91a00; background: transparent url(../images/bg/bg_sidenav_active.png) 0 50% no-repeat; padding: 13px 0 13px 15px; width: 295px; } .side_nav li a:hover, a.active:visited:hover { color: #b91a00; text-decoration: none; } .sidebar ul.checklist { margin: 24px 0; } .sidebar ul.checklist li { padding-left: 28px; background: transparent url(../images/icons/icon_check_small.gif) 0 50% no-repeat; font-size: 1.4em; color: #555555; margin-bottom: 6px; font-weight: bold; } .side_box { width: 310px; padding: 0; margin: 30px 0 0 0; clear: both; } body.blog .side_box_top { margin: 0; } .sidebar_ads { margin: 0; } .sidebar_ads img { margin: 12px 0; width: 310px; } .life_group_launch { overflow: hidden; } /* Footer Layout --------------------------------------------------------------------------------------- */ .bottom_location { width: 426px; height: 222px; background: transparent url(../images/bg/bg_bottom_content_box.png) top right no-repeat; overflow: hidden; float: left; display: inline; } .bottom_location h2 { width: 100%; padding: 0 0 3px 0; font-size: 2.4em; color: #666; } .bottom_location p { padding-left: 5px; } .bottom_location h3 { padding-left: 5px; font-size: 1.8em; } .bottom_location_map { width: 94px; float: right; margin: 0 30px 0 0; text-align: center; } .bottom_location_map a img { border: 5px solid #e5e5e5; margin-bottom: 10px; } .bottom_location_map a:hover img { border: 5px solid #cccccc; text-decoration: none; } .bottom_location_map a { color: #a21700; font-size: 1.2em; } .bottom_location_map a:hover { color: #999999; text-decoration: none; } .bottom_contact { width: 252px; padding-left: 30px; } .bottom_social { width: 222px; padding-left: 30px; background: none; } .follow_us_menu { width: 148px; float: left; margin: 12px 0 0 0; } .follow_us_menu li { float: left; display: inline; height: 30px; margin-bottom: 10px; } .follow_us_menu li a { display: block; height: 30px; text-indent: -9999px; background: transparent url(../images/bg/bg_follow_us.png) 0 0 no-repeat; } #btn_facebook { width: 148px; background-position: -128px 0; } #btn_facebook:hover { background-position: -128px -30px; } #btn_twitter { width: 128px; background-position: 0 0; } #btn_twitter:hover { background-position: 0 -30px; } #btn_blog { width: 94px; background-position: -276px 0; } #btn_blog:hover { background-position: -276px -30px; } .footer .cm { float: left; display: inline; margin-top: 8px; width: 200px; height: 18px; margin-left: 380px; margin-top: 5px; } .footer img.church { float: left; display: inline; margin-top: 12px; width: 57px; height: 32px; } .copyright { width: 100%; text-align: center; margin-top: 9px; } .copyright p { font-size: 1.1em; margin: 0 0 4px 0; } .copyright p.last { margin-bottom: 0; } p.last { margin-top: 5px; padding-bottom: 10px; } #foot_cmg_logo { display: block; width: 200px; height: 18px; text-indent: -9999px; background-image: url(../images/church_media_logo.png); background-repeat: no-repeat; background-color: transparent;} .black_50 { background-position: bottom left;} .black_50:hover { background-position: bottom right;} p.no_margin { margin-top: 0; } /* Blog?? --------------------------------------------------------------------------------------- */ .post h2 { border: none; margin: 0; background: none; } .right_post h4 { margin: 5px 0; } h1.margin_bottom_24 { margin-bottom: 24px;} a.margin_top_0 { margin-top: 0;} /* Search Box --------------------------------------------------------------------------------------- */ .search_box { float: right; display: inline; background: transparent url(../images/bg/bg_search.png) top right no-repeat; width: 234px; height:39px; padding: 3px 13px 0 54px; margin: 0; } .small_search { width:234px; height:18px; padding: 9px 0 0 0; font-size:1.2em; color:#999999; border: 0; background: none;; } .small_search:focus { color:#000000; } /* Misc --------------------------------------------------------------------------------------- */ img.youth_link_images { padding: 5px; background: #e5e5e5; border: 1px solid #cccccc; float: left; margin: 0 8px 8px 0; } .no-top-margin { margin-top: 0px; } .margin_top_0 { margin-top: 0px; }