/* @override http://momentumchristian.cpmpreview1.com/css/styles.css http://www.momentumsandiego.com/css/styles.css */ /* CLIENT: Momentum Christian CREATED: 8/1/2008 MODIFIED: 8/4/2008 AUTHOR: Ben Otero (ben@churchplantmedia.com) */ /* @group GLOBALS */ body { background:#9e936d url(/images/body_bg.jpg) repeat-x; font-size:62.5%; margin:0; padding:0; font-family:helvetica, arial, verdana, sans-serif; color:#4f4c46; } #outer-container { } #container { margin:0 auto; width:887px; position:relative; z-index:500; } .show { display:block; } .hidden, hr { display:none; } .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 */ /* @end */ /* @group HEADER */ #header { width:887px; height:118px; position:relative; background:url(/images/header_bg.jpg) no-repeat left bottom; z-index:1000; } #header h1 a, #header h1 { display:block; width:308px; height:76px; } #header h1 { background:url(/images/logo.gif) no-repeat; text-indent:-999em; position:absolute; top:33px; left:15px; margin:0; padding:0; } #skip { position:absolute; top:-999em; left:-999em; } #subnav { position:absolute; top:77px; right:70px;height:42px; } #subnav ul { margin:0; padding:0; list-style:none; } #subnav li { display:inline; float:left; } #subnav li a { line-height:42px; padding:0 10px; font-weight:bold; font-size:1.3em; color:#ffeab6; text-decoration:none; } #subnav li a:hover { text-decoration:underline; } #slogan { position:absolute; top:52px; right:16px; width:350px; } /* @end */ /* @group NAVIGATION */ #nav, #nav * { list-style:none; margin:0; padding:0;} #nav { position:absolute; top:76px; height:42px; padding-left:20px;} #nav li { cursor:pointer;float:left; padding-left:4px; margin:0 5px;} #nav li a { display:block; line-height:42px; padding:0 10px; text-decoration:none; font-weight:bold; font-size:1.4em; color:#fff; } #nav li a:hover { color:#efeac6; } #nav li ul { position:absolute;left:-5000px;z-index:1001; width:150px; } #nav li li { display:block; float:none; padding:0; margin:0; background:none; } #events #nav_events li a, #articles #nav_resources li a, #sermons #nav_resources li a, #nav li.current:hover li a, #nav li:hover li a, #nav li li a { line-height:26px; background:#333330; color:#fffefe; font-size:13px; font-weight:normal; padding:0 15px; width:130px; } #events #nav li:hover li a:hover, #articles #nav li:hover li a:hover, #sermons #nav li:hover li a:hover, #nav li:hover li a:hover { background:#1b1b1a; } #nav li:hover ul { left:auto; margin-left:-3px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { left:-5000px;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { left:auto;} #nav li:hover ul li:hover ul{ margin:-28px 0 0 140px;} /* @end */ #mainContent { background:url(/images/content_bg.jpg) repeat-y; padding:0 20px 0 0;} /* @group PRIMARY CONTENT */ #primaryContent { width:579px; float:left; padding:14px 0 425px 31px; position:relative; z-index:20; background:url(/images/primary_bg.jpg) no-repeat 12px 0; } #home #primaryContent { padding-left:22px; padding-bottom:0; width:590px; } #primaryContent h2 { } #primaryContent h3 { font-size:16px; } #primaryContent h4 { font-size:15px; } .article h4 { margin-bottom:0 } .article p { margin-top:2px; } #primaryContent h5 { font-size:14px; color:#1f1e18 } #primaryContent h6 { font-size:13px; } #primaryContent li, #primaryContent td p, #primaryContent p { font-size:1.2em; line-height:1.5em; color:#1f1e18; } #primaryContent td { font-size:12px; } #primaryContent td * { font-size:1em; line-height:1; } #primaryContent a { color:#990100; font-weight:bold; } #primaryContent a:hover { text-decoration:none; } #mainContent img { border:none } #mainContent img.left-align { float:left; position:relative; left:-5px; margin:0 5px 5px 0; } #mainContent img.right-align{ float:right; position:relative; right:-5px; margin:0 0 5px 5px; } #ornament { display:block; width:583px; height:636px; background:url(/images/ornament.png) no-repeat; position:absolute; top:0; left:-100px; z-index:-1; } /* @group BANNER */ #banner { display:block; width:575px; height:171px; background:url(/mediafiles/subpage-header.jpg) no-repeat; position:relative; top:-1px; left:-6px; z-index:20; } #home #banner { width:575px; height:318px; background:url(/mediafiles/home-header.jpg) no-repeat; left:0; } /* @end */ /* @group QUICKLINKS */ #quicklinks { margin:10px 0 0; padding:0 0 0 1px; list-style:none; width:600px; } #quicklinks li { display:inline; float:left; margin-right:13px; position:relative; font-size:1.3em; } #quicklinks li img { margin:0; position:relative; z-index:1; } #quicklinks li span { display:block; margin:0; padding-top:10px; position:relative; top:-9px; z-index:2; text-align: center; font-weight: bold; color: #53534f;} #quicklinks li:hover span { border-top:4px solid #990100; padding-top:6px; } #quicklinks li a { color:#53534f; text-decoration:none; margin:0; padding:0; text-align:center; } #quicklinks li:hover a { color:#990100; } /* @end */ /* @end */ /* @group SECONDARY CONTENT */ #secondaryContent { width:208px; float:right; padding:14px 15px 25px 0; margin-right:10px; } #secondaryContent h3 { font-size:1.7em; color:#990100; padding-bottom:17px; background:url(/images/divider_bg.gif) no-repeat center bottom; } /* @group SIDENAV */ #snav, #snav * { margin:0; padding:0; list-style:none; } #snav { padding-left:8px; margin-top:1.5em;margin-bottom:3.5em;} #articles #snav_resources a, #snav li.current a { font-size:1.7em; color:#990100; font-weight:bold; text-decoration:none; padding-bottom:17px; display:block; background:url(/images/divider_bg.gif) no-repeat center bottom; margin-bottom:9px; } #articles #snav_resources li a, #snav li.current li a { font-size:14px; font-weight:normal; color:#4d4d49; line-height:31px; padding:0; background:none; text-transform:lowercase; } #articles #snav_resources li#snav_resources_articles a, #snav li li.current a { background:url(/images/current_arrow.gif) no-repeat left center; position:relative; left:-20px; padding-left:20px; font-weight:bold; width:208px; margin-right:-30px; } /* @end */ /* @group WELCOME */ #welcome { background:url(/images/divider_bg.gif) no-repeat center bottom; } #welcome h2 { margin-bottom:0; } #welcome p { font-size:11px; line-height:15px; font-family:arial, helvetica, verdana, sans-serif; color:#3b372c; margin-top:0;} #welcome p strong, #welcome p b { font-weight:normal; font-family:georgia, times, serif; font-style:italic; color:#990100; } #welcome img.left-align { padding:5px; background:url(/images/pic_bg.gif) no-repeat; margin:0 9px 0 0; position:relative; left:1px;} #welcome img.mcms_stats { padding:0; border:0; background:none; } #welcome a { color:#990100; } #welcome a:hover { text-decoration:none } #welcome a.expect { display:block; width:213px; height:23px; background:url(/images/expect_btn.gif) no-repeat; text-align:center; padding-top:7px; color:#565653; font-size:10px; text-decoration:none; text-transform:uppercase; } /* @end */ /* @group CURRENT */ #current p { margin:0; padding:0; } #current img { background:none; border:0; position:relative; } #current .wrap img { padding:6px 9px 6px 6px; background:#fff url(/images/img_border_bg.gif) repeat-y right top; display:block; position:relative; left:-5px; border:1px solid #e8e6c5; border-width:1px 0 1px 1px; } #current h3 { background:none; margin-bottom:0; padding:0;} /* @end */ /* @group MESSAGE */ #message { background:url(/images/message_bg.gif) no-repeat left 20px; } #message h3 { background:none; margin-bottom:11px; padding-bottom:0;} #message h4 { font-size:1.5em; font-weight:normal; margin:0; } #message h4 a { color:#2d2d2b; text-decoration:none; } #message h4 a:hover { text-decoration:underline; } #message p { font-size:1.1em; color:#696352; margin-top:3px; } #message p a { color:#990100; } #message p a:hover { text-decoration:none; } #message a.play, #message a#download, #message a#launch-vid { position:relative; left:-2px; } #message a.play { display:block; float:left; width:90px; height:27px; background:url(/images/listen_btn.gif) no-repeat; text-indent:-999em; } #message a#download { display:block; float:left; width:114px; height:27px; background:url(/images/download_btn.gif) no-repeat; text-indent:-999em; } #message a#launch-vid { display:block; width:102px; height:28px; background:url(/images/video_btn.gif) no-repeat; text-indent:-999em; } #message a:focus { outline:none; } /* @end */ /* @group SERVICE TIMES */ #service-times { padding:9px 18px 0 18px; width:540px; height:57px; position:relative; background:url(/images/service_times_bg.jpg) no-repeat; z-index:20; } #service-times p { margin-top:0; font-size:1.2em; color:#878781; float:left; } #service-times img { float:left; border:none; margin-right:13px; } #service-times h4 { font:bold 16px arial, verdana, helvetica, sans-serif; color:#fdfcfc; margin:9px 0 0; float:left; width: 440px;} #service-times p a { display:block; width:95px; height:43px; background:url(/images/map_btn.gif) no-repeat; text-indent:-999em; position:absolute; top:11px; right:11px; } #service-times a:focus { outline:none; } /* @end */ /* @group SIDEBAR SERVICES */ #services { background:url(/images/sidebar_service_times_bg.gif) no-repeat left top; padding:15px 2px 0 2px; } #services p { margin:0 0 1.5em; font-size:1.2em; color:#70706a; line-height:17px; } #services h4 { margin:0; font:bold 12px arial, verdana, sans-serif; color:#30302e; position:relative; top:-10px; margin-bottom:-10px;} #services img.left-align, #services img { margin:0 7px 0 0; left:0; top:4px; } #services a { display:block; width:153px; height:26px; background:url(/images/sidebar_map_btn.gif) no-repeat; text-indent:-999em; } #services a:focus { outline:none; } /* @end */ /* @end */ /* @group FOOTER */ #footer { background:url(/images/footer_bg.gif) no-repeat left top; padding:35px 25px 15px; position:relative; } #footer p { font:1.1em arial, verdana, sans-serif; color:#1e1e1d; float:left; } #footer a { color:#1e1e1d; } #footer a:hover { text-decoration:none; } #footer ul { margin:11px 0 0 17px; padding:0; list-style:none; float:left; } #footer li { display:inline; float:left; } #footer li a { font-size:1.1em; padding:0 7px; } #footer #cpm { display:block; width:139px; height:19px; background:url(/images/cpm_logo.gif) no-repeat left top; position:absolute; top:45px; right:30px; text-indent:-999em; } #footer #cpm:hover { background-position:left bottom; } #footer #cpm:focus { outline:none; } /* @end */ /* @group SERMONS */ #primaryContent .sermonlist h4 { margin:0; padding:10px 0 } .sermonbox { position:relative; padding:10px 0; border-top:1px solid #efefef; } .sermonbox a { text-decoration:underline; } .sermonbox a:hover { text-decoration:none; } #primaryContent .sermonbox h5 { margin:0;} #primaryContent .sermonbox h5 a { } #primaryContent .sermonbox h5 span { font-size:11px; margin-left:10px; } #primaryContent .sermonbox p { margin:0;} #primaryContent .sermonbox p a { } .sermonbox ul { position:absolute; top:20px; right:10px; } .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 a { background:url(/images/play_icon.gif) no-repeat; } .sermonbox li.sl_download a { background:url(/images/download_icon.gif) no-repeat; } .sermonbox li.sl_notes a { background:url(/images/notes_icon.gif) no-repeat; } .sermonbox li.sl_video a { background:url(/images/video_icon.gif) no-repeat; } .sermonbox li a:focus { outline:none; } /* @group MEDIA BOX */ #byline { margin:10px 0 0; padding:0; list-style:none; } #mediabox ul { margin:0; padding:0; list-style:none; } #mediabox li { padding:2px 0 0px 20px; } #mediabox li a { color:#990100; line-height:24px; font-size:1.2em;} #mediabox li a:hover { text-decoration:none; } #mediabox li#mb_jukebox { background:url(/images/play_icon_app.gif) no-repeat left center; } #mediabox li#mb_download { background:url(/images/download_icon_app.gif) no-repeat left center; } #mediabox li#mb_notes { background:url(/images/notes_icon_app.gif) no-repeat left center; } #mediabox li#mb_video { background:url(/images/video_icon_app.gif) no-repeat left center; } #mediabox li#mb_podcast { background:url(/images/feed_icon_app.gif) no-repeat left center; } #text { margin-right:10px;} /* @end */ /* @group HOW IT WORKS */ #how-it-works { margin:0 0 2em; padding:0; list-style:none; height:30px; background:#edece3; border:4px solid #dedccb} #how-it-works li { padding-left:20px; margin-right:20px;font-size:1.2em; line-height:30px; display:inline; float:left; } #how-it-works li#how { font-weight:bold; padding-left:10px; } #how-it-works li#listen { background:url(/images/play_icon_app.gif) no-repeat left center; } #how-it-works li#notes { background:url(/images/notes_icon_app.gif) no-repeat left center; } #how-it-works li#video { background:url(/images/video_icon_app.gif) no-repeat left center; } #how-it-works li#download { background:url(/images/download_icon_app.gif) no-repeat left center; } /* @end */ /* @group SORTING */ #sorting { margin-top:2.5em; } #sorting label, #sorting select { display:block; } #sorting label { font-size:1.2em; font-weight:bold; margin-bottom:.5em; } #sorting select { margin-bottom:1.5em; width:100%; } #sorting a { font-size:1.2em; color:#990100; } #sorting a:hover { text-decoration:none; } /* @end */ /* @end */ /* @group CALENDAR */ #primaryContent table.calendar { margin:0 auto; border: 1px solid #dedccb; border-right: 0; border-bottom: 0; border-collapse: collapse; width:95%} #primaryContent table.calendar caption { padding-bottom: 10px; color: #4b4740; font-size: 1.4em; } #primaryContent table.calendar caption span { color:#990100; } #primaryContent table.calendar th { padding: 6px 0; background: #990100; color: #fff; font-size: 1.3em; font-weight: normal; } #primaryContent table.calendar td { width: 68px; height: 68px; padding: 2px; border: 1px solid #fff; border-left: 0; border-top: 0; background: #e9e8df; color: #4b4740; font-size: 1em; vertical-align: top; } #primaryContent table.calendar td a { text-decoration: none; } #primaryContent table.calendar td ul { margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; } #primaryContent table.calendar td li { margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; padding:0; } #primaryContent table.calendar td li a { text-decoration: underline; } #primaryContent table.calendar td li a:hover{ text-decoration: none; } /* @end */