/* @group Global */
html { height:100%; }
body { font:normal 12px Arial, sans-serif;text-align:center; height:100%; }
.outer { min-height:100%; min-width:100%; position:relative; }
.bg_top { width:100%; height:288px; position:absolute; left:0; display:block; }
img { border:0}
iframe { border: 0;}
.clear { clear:both}
p, li, td { font:14px/20px Helvetica Neue, Helvetica, Arial, sans-serif;margin:0 0 15px 0; }
td { margin-bottom:0; }
a { line-height:16px;text-decoration:none;}
a:hover { text-decoration:underline}
/* @end */
/* @group Headings */
h1 { font:bold 31px/34px Helvetica Neue, Helvetica, Arial, sans-serif; margin:0 0 19px 0; }
h2 { font:bold 20px/24px Helvetica Neue, Helvetica, Arial, sans-serif; margin:5px 0 10px 0;}
h3 { font:bold 18px/20px Helvetica Neue, Helvetica, Arial, sans-serif;margin:0 0 10px 0;}
h4 { font:bold 18px/20px Helvetica Neue, Helvetica, Arial, sans-serif;margin:17px 0 10px 0;}
h5 { font:bold 18px/20px Helvetica Neue, Helvetica, Arial, sans-serif;margin:17px 0 10px 0;}
h6 { font:17px/20px Helvetica Neue, Helvetica, Arial, sans-serif;margin:17px 0 10px 0;}
/* @end */
.txtbox { height:15px;margin:0;padding:0;font-size:12px;float:left}
.fleft { float:left;}
.container { width:989px;margin:0 auto;text-align:left; padding:0 8px; position:relative; z-index:9;}
.header { height:209px;float:left;width:989px;position:relative;}
h1.logo { position:absolute;left:20px; top:63px; width:355px; height:76px; display:block; margin:0;}
h1.logo a { width:355px; height:76px;display:block;text-indent:-99999px;}
/* @group Timings Area */
.timings_area { float:right; }
.timings_area p { font:bold 13px/15px helvetica, arial, sans-serif; float:left; margin-top:14px; }
.btn_findus {
width:95px; height:38px; display:block; float:left; margin:0px 0 0 10px; position:relative;
top:-12px; text-indent:-999em;
}
.txtsearch {
border:none; height:19px;width:215px; margin:3px 0 0 5px; padding:5px 0 0 5px;
background:transparent; font-size: 13px;
}
.search_area { width:304px; height:31px; float:right; margin-top:6px; margin-left:15px; padding-left:15px; }
.btn_search {
width:73px; height:30px; display:block; border:none; float:right; text-indent:-999em;
cursor:pointer;
}
/* @end */
/* @group Navigation */
#nav_area { height:66px; width:969px; position:absolute; bottom:0; left:9px; }
ul#nav {float:left;list-style:none}
ul#nav li {float:left;list-style:none;position:relative;padding-top:22px;}
ul#nav li a {
float:left;padding:0 31px 28px;text-decoration:none;height:16px;
font:bold 15px/18px helvetica neue, helvetica, arial, sans-serif; text-transform: uppercase;
}
ul#nav li a:hover {text-decoration:none; }
ul#nav li.current a {text-decoration:none; }
ul#nav li:hover ul { position:absolute}
ul#nav li ul { display:none;}
/* @end */
.wrapper { float:left;padding:14px 22px 17px; width:945px; position:relative;}
.inner { width:973px; padding:0 8px; }
.btm_wrapper { width:989px; height:8px; display:block; position:absolute; left:0; bottom:-8px;}
/* @group Home */
#banner { float:right; width:616px; height:390px;}
#slider-wrapper { width:998px; height:392px; margin:0 auto; padding-top:74px; margin-top:50px;}
#slider { position:relative; width:618px; height:246px; margin-left:190px; }
#slider img { position:absolute; top:0px;left:0px; display:none;}
/*
#slider a { border:0;display:block;}
.nivo-controlNav { display:none;}
.nivo-directionNav a { display:none; width:30px; height:30px; text-indent:-9999px; border:0;}
a.nivo-nextNav { background-position:-30px 0;right:15px;}
a.nivo-prevNav { left:15px;}
*/
/* @end Home */
/* @group Welcome Area */
.welcome_area { float:left;width:329px; height:390px;}
.welcome_area h1 {
font:bold 25px/30px "proxima-nova-1","proxima-nova-2", arial, sans-serif;
margin:22px 0 12px 27px;
}
.welcome_area .img_area { width:295px; height:106px; padding:0 7px 20px 17px;}
.welcome_area p { margin-bottom:0; }
.welcome_area ul { float:left; width:295px;margin:0; padding:0 0 0 17px;}
.welcome_area li { float:left; clear:left; width:295px;list-style:none;height:30px;margin-bottom:4px;}
.welcome_area li a {
width:295px; height:30px; display:block; text-indent:10px;
font:bold 15px/30px helvetica, arial, sans-serif;
}
.welcome_area li a:hover { background-position:-712px -30px;text-decoration:none;}
/* @end */
/* @group Sidebar */
.sidebar {float:left;width:242px; margin-top:26px;}
.sidebar h2 {
padding-left:10px;font:bolder 17px/20px "proxima-nova-1","proxima-nova-2", arial, sans-serif;
margin:0 0 13px;
}
.sidebar_list { margin:0; padding:0;float:left;width:242px;list-style:none;}
.sidebar_list li {
margin:0; list-style:none;padding:6px 0;width:233px; float:left; clear:left;min-height:28px;
position:relative; margin-left: 10px;
}
.sidebar_list li:last-child {
margin:0; border-bottom: none;list-style:none;padding:6px 0;width:233px; float:left;
clear:left;min-height:28px; position:relative; margin-left: 10px;
}
.sermons_area li {padding-left:23px; width:219px;padding-top: 7px; padding-bottom: 0px;margin-left: 0px;}
.sermons_area li:last-child {padding-left:23px; width:219px;padding-top: 7px; margin-left: 0px;}
.sermons_area h2 {padding-left:23px;}
.sidebar_list li.nobrdr {border:none;}
.sidebar_list li a {
width:170px;float:left; padding:0;text-decoration:none;
font:bold 13px/16px "helvetica Neue", helvetica, arial, sans-serif; margin:0; padding-top: 6px;
}
.sidebar_list li a:hover { text-decoration:none;}
.sidebar_list li p { font:12px/16px helevtica, arial, sans-serif; float:left; clear:left; padding-top: 3px;}
.sidebar_list li .date {
float:right; padding:1px 0 0 12px; height:28px;width:49px; font:bold 13px/28px arial,sans-serif;
letter-spacing: -.8pt; text-transform:uppercase;
}
.sidebar_list li a.play { width:31px;height:33px;float:right;position:absolute; right:29px; top:7px; text-indent:-999em; }
.sidebar_list li a.play:hover { background-position:-649px -39px; margin-top: 4px;}
.sidebar_list li a.download { width:31px; height:33px; position:absolute; right:0px; top:7px; text-indent:-999em; }
.sidebar_list li a.download:hover { background-position:-678px -39px; margin-top: 4px;z-index:9 }
.sidebar .view_buttons { width:138px; height:39px; display:block;margin:12px 0 0 47px; float:left; }
/* @end Sidebar */
/* Home page middle */
.middle_area {float:left;width:407px; padding:24px 27px 0; min-height:211px;}
.middle_area h1 { font: bold 25px/28px "proxima-nova-1","proxima-nova-2", arial, sans-serif; margin-bottom: 8px;}
.middle_area p {font:14px/20px Helvetica Neue, Helvetica, Arial, sans-serif;margin:0 0 10px 0; line-height: 21px;}
/* Left area (subpages) */
.left_area {float:left; width:235px; padding:28px 15px 0; height:100%; display:block;}
.left_area h1 {font:bold 22px/24px "proxima-nova-1","proxima-nova-2", arial, sans-serif; margin:30px 0 0 17px;}
/* Subnav */
#subnav {margin:0px 0 43px; padding:0; list-style:none; width:235px;}
#subnav li {margin:0; padding:0;width:235px;}
#subnav li a {
height:41px; width:235px; display:block; text-indent:18px;
font:bold 15px/38px helvetica neue, helvetica, arial, sans-serif;
}
#subnav li a:hover { text-decoration:underline; }
#subnav a#subnav_toplevel {
font-size:22px; font-family:"proxima-nova-1","proxima-nova-2", arial; border:none;
padding-bottom: 10px;
}
#subnav li.children a { position:relative; }
#subnav li.children a span {
display:inline-block; width:8px; height:6px; position:absolute; top:17px; margin-left:10px;
background:url(../images/subnav_down_arrow.png) no-repeat; text-indent:-999em;
}
#subnav li li.current a { height:45px; line-height:45px; border:0;margin-bottom: 0px;}
#subnav li > li.current { margin-top: -3px;}
#subnav li li.children.current a:after,
#subnav li li.children li a:after,
#subnav li li ul { display:none; }
#subnav li li.current > ul,
#subnav li li li.current > ul { display:block }
#subnav li li.current li a { background:none; line-height:38px; height:auto; padding-left:11px; font-size:14px; }
#subnav li li .subnav_level3 a { text-indent:35px; font-size:13px; line-height:32px; }
/* Content Area */
.right_area { float:right; width:678px;margin:13px 15px 30px 0;}
.wide .right_area { float:left; padding:0; margin:0; width:945px; }
.banner_inner { width:652px; height:184px; padding:12px 12px; float:left;}
.content_area { float:left; width:634px;margin-left:20px; margin-top:20px; position:relative; }
.wide .content_area { margin:32px 14px; width:914px}
.content_area a { text-decoration:underline;}
.content_area ul, .content_area ol { padding-left: 20px; margin-bottom:18px; }
.content_area ul { list-style-type:disc; }
.content_area ol { list-style-type:decimal; }
strong, b { font-weight:bold; }
i, em { font-style:italic; }
td * { font-size:1em; }
.content_area img.left-align { float:left; display:inline; margin:5px 10px 10px 0; }
.content_area img.right-align { float:right; display:inline; margin:5px 0 10px 10px; }
.content_area img.center-align { display:block; margin:0 auto; }
/* Footer */
#footer { width:968px; padding:20px 0 0 13px; height:90px; float:left;}
#footer p { font-size:12px; line-height:16px; font-family:helvetica neue, Helvetica, arial, sans-serif; }
#footer p a { font-weight:bold; line-height:15px;margin:0 0px 8px 6px; }
#footer p span.divider { margin:0 2px 0 9px; }
#footer p a.cpmlnk { margin:0;}
#footer .fleft p { float:left; }
#footer .fleft p a { font-weight:bold; line-height:15px;margin:0 7px 8px 7px;}
#footer p.fnone { float:none; margin:0; }
.social_lnks, .social { float:right;margin-top:0px;}
.social_lnks p { margin:0;}
.social_lnks a { float:left; width:46px; height:46px; display:block; text-indent:-999em;margin:0 7px 8px 7px; }
@font-face {
font-family: 'Socialicons';
src: url('https://cpmlightsail2.com/fonts/social/Socialicons.eot');
src: url('https://cpmlightsail2.com/fonts/social/Socialicons.eot#iefix') format('embedded-opentype'),
url('https://cpmlightsail2.com/fonts/social/Socialicons.woff') format('woff'),
url('https://cpmlightsail2.com/fonts/social/Socialicons.ttf') format('truetype'),
url('https://cpmlightsail2.com/fonts/social/Socialicons.svg#Socialicons') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'fontello';
src: url('https://cpmlightsail2.com/fonts/fontello.eot?65758075');
src: url('https://cpmlightsail2.com/fonts/fontello.eot?65758075#iefix') format('embedded-opentype'),
url('https://cpmlightsail2.com/fonts/fontello.woff?65758075') format('woff'),
url('https://cpmlightsail2.com/fonts/fontello.ttf?65758075') format('truetype'),
url('https://cpmlightsail2.com/fonts/fontello.svg?65758075#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
.social a {
display:inline-block;
vertical-align:top;
margin:0 0 0 8px;
width:46px;
text-indent:0;
}
.social a.sharethis {
display:none;
}
.social a:hover {
text-decoration:none;
}
.social a:before{
display:block;
font-family:'fontello';
font-style:normal;
font-weight:normal !important;
speak:none;
text-decoration: inherit;
font-variant:normal;
text-transform:none;
line-height:1em;
font-size:46px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
}
.social .thecity:before,
.social .itunes:before,
.social .rss:before,
.social .search:before,
.social .youtube:before,
.social .fellowshipone:before,
.social .thetable:before,
.social .ccb:before {
font-family:'Socialicons';
}
.social .thecity:before { content:"\6f"; }
.social .googleplus:before { content:'\e800'; }
.social .vimeo:before { content:'\e801'; }
.social .instagram:before { content:'\e802'; }
.social .linkedin:before { content:'\e803'; }
.social .tumblr:before { content:'\e804'; }
.social .facebook:before { content:'\e805'; }
.social .flickr:before { content:'\e806'; }
.social .pinterest:before { content:'\e807'; }
.social .twitter:before { content:'\e808'; }
.social .mail:before { content:'\e810'; }
.social .itunes:before { content:'\21'; }
.social .rss:before { content:'\22'; }
.social .search:before { content:'\23'; }
.social .youtube:before { content:'\25'; }
.social .fellowshipone:before { content:'\71'; }
.social .thetable:before { content:'\72'; }
.social .ccb:before { content:'\75'; }
/* Sorting */
.box { padding:3px; width:218px; margin:0 auto 21px; }
#sorting.box { padding:15px; width:194px; }
#sorting h3 { font-size:12px; text-transform:uppercase; text-align:center; }
#sorting span.select {
position:relative; display:block; padding:7px 0 0 12px; width:183px; height:21px;
margin-bottom:4px;
}
#sorting .select select { opacity:0; filter:alpha(opacity=0); width:98%; position:absolute; top:2px; left:2px; }
.button { display:block; width:217px; height:46px; background-repeat:no-repeat; text-indent:-999em; }
#blog .content_area h1 { padding-bottom:33px; margin-bottom:5px; width: 645px;}
#sermons .content_area h1 { padding-bottom:33px; margin-bottom:15px; width: 645px; }
#events .content_area .inner_h1,
#blog .content_area .inner_h1,
#sermons .content_area .inner_h1 { font-size:27px;}
.wide_page .inner { background:none;}
.wide_page .wrapper { padding:14px 22px 17px;position:relative;width:945px;}
.wide_page .left_area { display:none;}
.wide_page .right_area { float: left; margin: 0; padding: 0; width: 945px;}
.wide_page .content_area { margin:20px 14px;width:914px;}
/* @group Pagination */
#pagination-wrap { text-align:center;}
#pagination, .pagination { padding-right:18px; }
#blog #pagination { position:absolute; top:18px; right:30px; }
#sermons #pagination,
#pagination-wrap .pagination,
#sermons .pagination { background:none; margin-top:21px; text-align:center; }
#pagination-wrap .pagination { display:inline-block;}
#sermons #pagination:after,
#sermons .pagination:after {
content:'';display:inline-block; width:17px; height:19px; position:relative; top:3px; left:8px;
z-index:1;
}
#pagination span,
.pagination span { font-weight:bold; display:inline-block; line-height:21px; padding-right:30px; margin-right:0; }
#pagination a,
#sermons .pagination a {
display:inline-block; width:20px; height:21px; font-weight:bold; text-decoration:none;
text-align:center; line-height:21px; margin:0 3px;
}
#pagination a.next,
.pagination a.next,
#pagination a.previous,
.pagination a.previous { height:19px; text-indent:-999em; position:relative; top:2px; z-index:1000; }
/* @end Pagination */
/* @bugfixin -RG */
#footer p a.cpmlnk {
margin-left: 3px !important;
}
.sidebar_list li a {
width: 160px;
}
#subnav li ul li.current a {
border-bottom: 0 !important;
}
.timings_area .btn_findus:hover {
opacity: .85;
}
/* @end bugfixin -RG */
/* iPad */
@media all and (device-width: 768px) and (device-height: 1024px) {
.sidebar_list li a.download, .media a.save { display:none; }
}
/*------------------------------------------------------------------------------
Giving Styles
------------------------------------------------------------------------------*/
#give-form fieldset {
border: none;
}
input[name="amount"],
input[name="a3"] {
background: #fff;
font-family: "proxima-nova", helvetica, arial, sans-serif;
font-weight: 400;
font-size: 1.4em;
padding-left: 8px;
width: 457px;
height: 35px;
border: 1px solid #777;
border-radius: 4px 4px;
-webkit-border-radius: 4px 4px;
-moz-border-radius: 4px 4px;
-ms-border-radius: 4px 4px;
}
input[name="amount"]:focus,
input[name="a3"]:focus {
outline: none;
}
input[name="amount"] {
margin-bottom: 10px;
}
input[name="Submit"],
input[name="Submit2"] {
height: 30px;
width: 105px;
border: 1px solid #777;
border-radius: 6px 6px;
-webkit-border-radius: 6px 6px;
-moz-border-radius: 6px 6px;
-ms-border-radius: 6px 6px;
box-shadow: 1px 1px 1px #555;
-webkit-box-shadow: 1px 1px 1px #555;
-moz-box-shadow: 1px 1px 1px #555;
-ms-box-shadow: 1px 1px 1px #555;
margin-left: 5px;
background: #b2b2b2;
font-size: 11px;
}
input[name="Submit"]:hover,
input[name="Submit2"]:hover {
background-color: #c3c3c3;
}
input[name="Submit"]:active,
input[name="Submit2"]:active {
box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
-ms-box-shadow: 0 0 0;
position: relative;
top: 1px;
}
/*------------------------------------------------------------------------------
End Giving Form Styles
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
HTML5 Video Player - 12.29.2015 - B.D.O.
------------------------------------------------------------------------------*/
.content_area [data-width="100"] .vjs-current-time {
margin-top:2px;
margin-left:15px;
}
.content_area [data-width="50"] .vjs-progress-control {
left:22%;
width:35%;
}
.wide .content_area [data-width="50"] .vjs-progress-control {
left:16%;
width:50%;
}
.content_area [data-width="75"] .vjs-progress-control {
left:18%;
width:47%;
}
.wide .content_area [data-width="75"] .vjs-progress-control {
left:14%;
width:61%;
}
.content_area [data-width="100"] .vjs-progress-control {
left:105px;
width:47%;
}
.wide .content_area [data-width="100"] .vjs-progress-control {
width:62%;
}
.wide .content_area [data-width="50"] .vjs-duration-display {
right:110px;
}
.content_area [data-width="100"] .vjs-duration-display {
margin-top:2px;
}
.content_area [data-width="50"] .vjs-mute-control {
right:95px;
}
.wide .content_area [data-width="50"] .vjs-mute-control {
right:100px;
}
.content_area [data-width="75"] .vjs-mute-control {
right:115px;
}
/*------------------------------------------------------------------------------
End HTML5 Video Player
------------------------------------------------------------------------------*/