/* @override http://riverscrossing.cpmpreview1.com/css/styles.css */ body { background: url(/images/bg.gif) repeat; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-size: 62.5%; } hr { display: none; } #skip { position: absolute; text-indent: -9999px; list-style: none; } #container { width: 763px; margin: 20px auto; } #mainContent { float: left; width: 733px; padding: 5px 15px 10px; background: url(/images/maincontent_bg.gif) repeat-y; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ a { overflow: hidden; } /* =Header --------------------------------------------------------------------- */ #header { position:relative; width: 763px; height: 114px; margin: 0; background: url(/images/bg_header.gif) no-repeat; } #header h1 { position:absolute; top:32px; left:44px; background: url(/images/logo.jpg) no-repeat; width: 265px; height: 63px; margin:0; padding:0; text-indent: -9999px; } #header h1 a { display:block; width: 265px; height:63px; } #header a#invite { display:block; position:absolute; top:49px; right:78px; background:url(/images/invite.jpg) no-repeat; width:158px; height:32px; text-indent:-999em;} /* =Navigation --------------------------------------------------------------------- */ #nav * { list-style:none; } #nav { position: relative; z-index: 20; float:right; width: 239px; list-style: none; margin-bottom:3px; } #nav li { float: left; border-bottom: 1px solid #292e31; font-size: 1em; text-transform: uppercase; } #events #nav_home a, #nav li a { display: block; background:url(/images/sub_nav_li_a_bg.gif) repeat-x; width: 205px; padding: 12px 17px 8px; color: #fff; text-decoration: none; font-family: "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif; height:22px; font-size:1.5em; } #events li#nav_community a, #nav li a:hover, #nav li.current a { background:url(/images/sub_nav_li_a_hover_bg.jpg) no-repeat; color:#0b6298; } /*----- SECOND LEVEL -----*/ #nav li li { border:none; } #nav li ul { display:none; } #events #nav_community ul, #nav li.current ul { display:block; } #nav li li { border-bottom:1px solid #181b1d; } #events li#nav_community ul a, #nav li li a, #nav li.current li a { background:none; color:#fafbfc; padding:8px 17px 12px; height:9px; text-transform:capitalize; } #nav li li a { font-size:13px; } /* ---- THIRD LEVEL ----*/ #nav li li ul { margin-left:20px; width:120px; } #nav li li li a { font-size:11px;} #nav li li a:hover, #nav li li.current a, #nav li li.current li a { background:none; } #nav li li li a { font-size:11px; width:185px; } #nav li li.current a, #nav li li li.current a, #nav li li li a:hover, #nav li li a:hover { background:#181b1c url(/images/subnav_li_a_hover.jpg) no-repeat; color:#fafbfc; } #home #nav { border:0; margin-bottom:4px;} #home #nav li { border-bottom: 2px solid #282d30; } #home #nav li a { background: url(/images/bg_nav_li_a.gif) repeat-x; height: 31px; padding: 11px 17px; color: #86c8f2; font-size: 1em; font-family: "Lucida Grande", Arial, Verdana, sans-serif; text-transform: none; } #home #nav li a b { font-size:1.5em; display:block; color:#fff; text-transform:uppercase; font-weight:normal;} #home #nav li a:hover { color:#000; background: url(/images/bg_nav_li_a_hover.jpg) no-repeat; } #home #nav li a:hover b { color:#0b6298; } /* =Content --------------------------------------------------------------------- */ #primaryContent { float: left; width: 479px; margin-left:5px; } #content { background:url(/images/sub_content_bg.gif) repeat-x; padding:10px; margin-top:5px; } #home #content { margin:0; background:none; } #home-header { margin-bottom:5px; } #sub_header { background:url(/mediafiles/sub-header.jpg) no-repeat; display:block; height:173px; } #content h2 { font-size:1.667em; color:#50b2e9; background:url(/images/sub_heading_bg.gif) repeat-x left bottom; padding-bottom:10px; margin-bottom:1em;} #content h3 { font-size: 1.5em; color:#fff; } #secondaryContent h3{ font-size:1.3em; color:#fff; } #content h4 { font-size:1.4em; } #content h5 { font-size:1.3em; } #content h6 { font-size:1.2em; font-weight:bold; } #content h4, #content h5, #content h6 { color: #50b2e9; } #content p, #content ul, #content ol, #content td { margin-bottom: 1em; color: #ddd; font-size: 1.2em; line-height: 1.43; } body#home #content p, body#home #content ul, body#home #content ol, body#home #content td { color: #ddd; } #content p#special { position: relative; float: left; margin-bottom: 1em; background: url(/images/bg_p_special.gif) no-repeat; font-size: 105%; font-weight: bold; } #content p#special a { display: block; padding: 0 22px 2px; background: url(/images/bg_p_special_a.gif) no-repeat right top; color: #C9AA6F; text-decoration: none; } #content ul, #content ol { margin-left: 3em; } #content a { color: #50b2e9; } #content a:hover { text-decoration: none; } #content img#mcms_stats { display: none; } #content img#masterimage{ float: left; margin: 0 10px 10px 0; } /*----- SERMONS -----*/ #content .sermonlist { margin:1em 0; border-top:6px solid #1d2123; padding:0; } #content .sermonbox { position:relative; background:#43484c; padding:10px; } #content .sermonbox:hover { background:#1d2123; } #content .sermonbox h4 { margin-bottom: 5px; } #content .sermonlist h4 { margin-top:1em; } #content .sermonbox h5 { font-size:1.2em; } #content .sermonbox h5 span { font-size:0.8em; margin-left:10px;} #content .sermonbox p { padding: 0; margin: 0; font-size:1.1em; } #content .sermonbox ul { position:absolute; top:10px; right:20px; margin:0; padding:0; list-style:none } #content .sermonbox li { float:left; display:inline; margin-right:5px; } .sermonbox li a { display:block; width:16px; height:16px; text-indent:-999em; } .sermonbox li.sl_listen { background:url(/images/listen_icon.png) no-repeat; } .sermonbox li.sl_download { background:url(/images/download_icon.png) no-repeat; } .sermonbox li.sl_download-notes { background:url(/images/notes_icon.png) no-repeat; } .sermonbox li.sl_watch-video { background:url(/images/video_icon.png) no-repeat; } /*----- HOW IT WORKS -----*/ #how-it-works { padding:2em 15px 0; } #how-it-works ul { margin:1em 0 0; padding:0; list-style:none; } #how-it-works li { font-size:1.1em; color:#fff; padding-left:20px; margin:1em 0; } #how-it-works li span { font-weight:bold; color:#50b2e9;} #how-it-works li#play { background:url(/images/listen_icon.png) no-repeat; } #how-it-works li#save { background:url(/images/download_icon.png) no-repeat; } #how-it-works li#notes { background:url(/images/notes_icon.png) no-repeat; } #how-it-works li#video { background:url(/images/video_icon.png) no-repeat; } /*----- SORTING -----*/ #sorting, #blog-sidebar { position:relative; clear:both; padding:2em 15px 0; margin:0; } #sorting ul, #blog-sidebar ul { margin:0.5em 0 0; padding:0; list-style:none; } #blog-sidebar ul { margin-bottom:2em; } #sorting li, #blog-sidebar li { margin:0.5em 0 0; } #sorting li a, #blog-sidebar li a { color:#50b2e9; font-size:1.2em; } #sorting li a:hover, #blog-sidebar li a:hover { text-decoration:none; } /*----- BYLINE -----*/ #content ul#byline { float:left; margin:0 0 2em; padding:5px 5px 0; height:20px; width:300px; list-style:none; background:#1d2123; } #content ul#byline li { float:left; font-size:0.8em; margin-right:10px; } /*----- MEDIABOX -----*/ #text { width:300px; } #content #mediabox { float:right; margin-top:-4.1em; width: 125px; list-style: none; padding:10px; border:1px solid #1d2123; } #content #mediabox li { margin-bottom: 5px; font-size:0.9em; font-weight: bold; } #content #mediabox li a { display: block; height: 16px; padding-left: 20px; background-repeat: no-repeat; } #content #mediabox li#mb_links { background:#1d2123; color:#fff; margin:-10px -10px 1em -10px; padding:5px 5px 5px 12px;} #content #mediabox li#mb_download a { background-image: url(/images/download_icon.png); } #content #mediabox li#mb_jukebox a { background-image: url(/images/listen_icon.png); } #content #mediabox li#mb_podcast a { background-image: url(/images/rss_icon.png); } /*----- CALENDAR -----*/ #content table.calendar { margin-bottom: 25px; border: 1px solid #1d2123; border-width:1px 0 0 1px; border-collapse: collapse; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } #content table.calendar caption { padding-bottom: .4em; font-size:1.4em; color:#fafafd; } #content table.calendar caption span { color: #fafafd; } #content table.calendar th { padding: 2px 0; background: #1d2123; color: #FAFAFD; font-size: 1.4em;; font-weight: normal; } #content table.calendar td { width: 68px; height: 68px; padding: 2px; border: 1px solid #1d2123; border-width:0 1px 1px 0; color: #FDFDFA; font-size: 1em; vertical-align: top; } #content table.calendar td.empty { /*background: #0C0801;*/ } #content table.calendar td ul { margin: .5em 0 0 0; font-size: 113%; list-style: none; line-height: 1.2;} #content table.calendar td li { margin-bottom: .5em; } /* =SECONDARY CONTENT --------------------------------------------------------------------- */ #secondaryContent { float:right; padding:0; margin-right:5px; width:239px; } /*----- QUICKLINKS -----*/ #quicklinks { float:left; margin-left:2px; width:485px; } #quicklinks ul { margin:0; padding:0; list-style:none; } #quicklinks li { float:left; display:inline; margin-right:3px; text-align:center; } #quicklinks li a { display:block; background-color:#111314; background-repeat:no-repeat; padding:0 0 5px; width:117px; font-size:1em; color:#fff; text-decoration:none; } #quicklinks img { border:none; } #quicklinks li#quick1 a { background-image:url(/mediafiles/quicklinks1.jpg); } #quicklinks li#quick2 a { background-image:url(/mediafiles/quicklinks2.jpg) } #quicklinks li#quick3 a { background-image:url(/mediafiles/quicklinks3.jpg) } #quicklinks li#quick4 a { background-image:url(/mediafiles/quicklinks4.jpg) } #quicklinks li a:hover { color:#50b2e9 } /*----- SIDEBAR -----*/ #sidebar { float:right; width:239px; padding:0; background:url(/images/sidebar_bg.jpg) repeat-x; } #home #sidebar { height:130px; margin-top:-1px;} body#home #sidebar { margin-top: 2px; } #service-times { position:relative; background:url(/images/clock_icon.gif) no-repeat 169px 9px; padding:17px 0 0 15px; height:67px; border:1 } #service-times p { font-size:1.1em; color:#fff; } #service-times p span { color:#97d7fe } #service-times p a { display:block; background:url(/images/directions_bg.gif) no-repeat; width:159px; height:23px; position:absolute; top:34px; left:10px; text-indent:-999em; } #podcast-blog { background:url(/images/dotted_bg.gif) repeat-x left top; margin:0 10px 10px; border:1; height:40px; } #home #podcast-blog { margin-bottom:0; } #podcast-blog p a { float:left; display:block; width:106px; height:32px; text-indent:-999em; } #podcast-blog #podcast { background:url(/images/podcast_btn.gif) no-repeat; margin-right:4px;} #podcast-blog #give { background:url(/mediafiles/give-now-button.gif) no-repeat; } /* =Footer --------------------------------------------------------------------- */ #footer { clear:both; width:727px; margin:0 auto; padding: 30px 30px 0; background: url(/images/footer_bg.gif) no-repeat left top; } #footer p#powered { float:right; } #footer p { font-size: 1em; color:#fff; } #footer a { color: #86c8f2;; text-decoration: underline; } #footer a:hover { text-decoration: none; } #blog #comments { margin-top:5em; } #blog #comments h3 { margin:2.5em 0; } #blog .comment { padding:10px 0; margin:1.5em 0; } #blog label { font-size:14px; margin-bottom:1em; display:block; color:#fff; } #blog textarea { width:75%; height:100px; } #blog input { margin-top:1.5em; }