/* @override http://secondmilechurch.cpmpreview1.com/css/styles.css */ /*===== SITE: Second Mile Church FILE: styles.css CREATED: 10/7/2008 MODIFIED:10/14/2008 AUTHOR: Ben Otero (ben@churchplantmedia.com) =====*/ /* @group GLOBALS */ * { margin:0; padding:0; line-height:1; } html { height:100%; } body { font-size:62.5%; margin:0; padding:0; background:#f4f4f4 url(/images/body_bg.gif) repeat-x; height:100%; font-family:helvetica, arial, verdana, sans-serif; color:#4c4c4c; } #container { margin:0 auto; position:relative; padding-top:4px; background:url(/images/container2_bg.gif) repeat-x center top; } #mainContent { display:block; width:891px; padding:45px 25px 18px; background:url(/images/content2_bg.gif) no-repeat left top; margin:0 auto; } .show { display:block; } .hidden, hr { display:none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block;} a img { border: none; } #evt-list { margin: 30px 0 !important; } #evt-list li { line-height: 2px !important; } /* @end */ /* @group HEADER */ #header { position:relative; z-index:1000; height:165px; background:url(/images/header_bg.jpg) repeat-x left bottom; margin-bottom:-6px;} #header-inner { width:897px; margin:0 auto; position:relative; } #header-inner img { position: absolute; right: 0; top: 30px; } #header h1, #header h1 a { display:block; width:215px; height:95px; } #header h1 { background:url(/images/logo.png) no-repeat; text-indent:-999em; position:absolute; top:10px; left:-13px} #header h1 a:focus { outline:none; } #guide { display:block; width:137px; height:34px; background:url(/images/contact-us-btn.gif) no-repeat; text-indent:-999em; position:absolute; top:119px; right:1px; } #guide.on { background:url(/images/contact-us-btn.gif) no-repeat; top:119px; } #guide:focus { outline:none; } #new-here { position:absolute; top:26px; right:-5px; } #new-here a { display:block; width:188px; height:52px; text-indent:-999em; background:url(/images/new_here_btn.gif) no-repeat; } #new-here a:focus { outline:none; } #skip { position:absolute; top:-999em; } /* @end */ /* @group SHELF */ #shelf { background:url(/images/shelf_bg.jpg) repeat-x left bottom; position:relative; height:278px; overflow:hidden; top:-4px; z-index:2000; width:100%; display:none; margin-bottom:-5px; } #shelf-inner { padding:1px 0 0 26px; width:879px; margin:0 auto; padding-top:30px; } #shelf .col { float:left; width:200px; } #shelf h4 { font-size:1.4em; color:#fff; } #shelf p { font-size:12px; color:#c7c7c7; line-height:1.5em; margin:0 0 1em; } #shelf a { color:#c8aa29; } #shelf a:hover { text-decoration:none; } /* @group CONTACT */ #contact.col { width:272px; margin-left:12px;} #contact fieldset, #contact form { margin:0; padding:0; } #contact fieldset { border:none; } #contact ul { margin-bottom:.5em; } #contact ol { margin:0; padding:0; list-style:none; } #contact li { display:block; color:#fff; } #contact label { font-size:1.2em; font-weight:bold; color:#c7c7c7; line-height:26px; float:left; display:block; } #contact input.text { padding:4px; width:221px; height:18px; border:none; margin-bottom:10px; float:right; } #contact #sp-trap { position:absolute; left:-999em; } #contact textarea { border:none; padding:4px; width:201px; height:77px; float:right; } #contact .submit { margin:10px 0 0; float:right; } /* @end */ /* @group MAP */ #map.col { width:356px; margin-left:33px;} #map img { border:none } /* @end */ /* @end */ /* @group NAVIGATION */ #nav, #nav * { list-style:none;margin:0;padding:0;} #nav { position:absolute; top:119px; left:-10px; height:42px; width:800px;} #nav li { cursor:pointer; float:left; padding-left:3px; } #nav li a { display:block; padding:0 24px 0 24px; text-decoration:none; line-height:40px; font-size:1.5em; color:#c1cbd2; } #nav li a:hover { color:#f3f3f3; } #articles #nav li#nav_resources, #nav li.current, #nav li:hover { padding-right:3px; background:url(/images/nav_li_bg.gif) no-repeat right 2px; } #articles #nav li#nav_resources a, #nav li.current a, #nav li:hover a { background:url(/images/nav_li_a.gif) no-repeat left 2px; color:#f3f3f3; padding:0 21px 0 24px; } #nav li li, #nav li li:hover { padding:0; background:none; } #nav li li.current { background:none; } #nav li:hover li a, #nav li.current li a, #nav li li a { line-height:20px; padding:5px 24px 5px 24px; background:none; font-size:13px; color:#fff; font-weight:normal; width:132px; } #nav_contact-us { display: none; } #nav li li.current a, #nav li li a:hover { background:#ac9a3f; color:#fff; } #nav li ul { position:absolute;left:-5000px;z-index:1001; width:180px; background:#91700b; padding-top:10px; margin-top:-4px; } #nav li:hover ul { left:auto; zoom:1;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { left:-5000px; padding-top:0; } #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:-30px 0 0 180px;} #sermons #nav_home a, #sermons #nav_home, #articles #nav_home a, #articles #nav_home { background:none; color:#afae98; } /* @end */ #content-wrap { background:#fff url(/images/wrap_bg.gif) repeat-y; width:890px; padding:20px 0;} /* @group PRIMARY CONTENT */ #primaryContent { float:right; padding:0 25px 0 33px; width:632px; position: relative; } #primaryContent.wide { float:none; width:100%; } #banner { display:block; width:891px; height:231px; background:url(/mediafiles/subpage-header.jpg) no-repeat; margin:0 0 10px; position:relative; } #overlay-top, #overlay-btm { margin:0; padding:0; display:block; position:absolute; width:522px; height:8px; left:0; } #overlay-top { background:url(/images/overlay_top.png) no-repeat; z-index:10; top:0; } #overlay-btm { background:url(/images/overlay_btm.png) no-repeat; z-index:11; top:266px; } #primaryContent a { text-decoration:underline; color:#3d4b4e; } #primaryContent a:hover { text-decoration: none; } #primaryContent p, #primaryContent li, #primaryContent td { font-size:1.3em; line-height:20px; margin-bottom:1em; color:#4c4c4c;} #primaryContent li p, #primaryContent td * { font-size:1em; line-height:1; margin:0; } #primaryContent ul, #primaryContent ol { margin:1em; padding-left:2em; } img.left-align { float:left; margin:10px 10px 10px 0; } img.right-align { float:right; margin:10px 0 10px 10px; } img.no-border, img.mcms_stats { border:0; } /* @group HEADINGS */ h2, h3, h4, h5, h6 { margin-bottom:1em; } #primaryContent h2 { font-size:21px; color:#313131; margin-top:0; margin-bottom:.5em; } .article h4 { margin-bottom:4px } .article p { margin-top:3px; } #primaryContent h3 { font-size:1.6em; color: #385e78; } #primaryContent h4 { font-size:1.5em; } #primaryContent h5 { font-size:1.4em; color: #385e78; } #primaryContent h6 { font-size:1.3em; color: #385e78; } /* @end */ /* @group QUICKLINKS */ #quicklinks { margin:0 auto; padding:0; list-style:none; height:132px; padding-bottom:20px; width:890px; position:relative; left:-3px; } #quicklinks li { display:inline; position:relative; float:left; margin-left:8px; height:152px; width:214px; } #quicklinks li span { display:block; padding:11px 14px 0; width:186px; height:122px; position:absolute; top:0; left:0; background:url(/images/quicklink_title_bg.png) no-repeat; } #quicklinks li a { text-decoration:none; font-weight:bold; font-size:1.1em; color:#f4f4f4; } #quicklinks li:hover span { background-position:right top; } #quicklinks span { display:block; width:214px; } #quicklinks img { border:none; } /* @end */ /* @end */ /* @group SECONDARY CONTENT */ #secondaryContent { float:left; display:inline; width:199px; background:url(/images/secondary_bg.gif) repeat-y right top; } /* @group SUBNAV */ #subnav * { margin:0; padding:0; list-style:none; } #subnav { margin-top:-20px; padding-bottom:30px;} #subnav li a { text-decoration:none; padding-left:22px;} #subnav li.current a { font:bold 1.4em helvetica, arial, sans-serif; color:#313131; text-transform:uppercase; line-height:47px; display:block; background:url(/images/subnav_top.gif) no-repeat left top; padding-top:1px; } #subnav li.current li a { background:none; font-size:13px; font-weight:normal; text-transform:none;line-height:16px; padding:12px 20px 12px 22px; } #subnav li li.current { background:url(/images/subnav_li.gif) no-repeat right top; padding-top:10px} #subnav li li.current a { background:url(/images/subnav_a.gif) no-repeat right 100%; padding:2px 20px 11px 22px; } #subnav li li.current.children a{ background:url(/images/subnav_a_down.gif) no-repeat right bottom; } #subnav li li a:hover { text-decoration:underline; } /* THIRD LEVELS */ #subnav li li.current.children li a { background: none; } #subnav li li ul { display:none; } #subnav li li.current ul { margin-top:5px; display:block; } #subnav li li.current li, #subnav li li.current li a { background:none; } #subnav li li.current li { padding-top:0; } #subnav li li.current li a { font-size:12px; color:#757575; padding-right:10px; } #subnav li li.current li a:hover, #subnav li li li.current a { color:#313131; text-decoration:underline; } /* @end */ /* @group GATHERINGS */ #sorting, #gatherings { background:#d6d6d6 url(/images/sub_gatherings_bg.gif) no-repeat left bottom; padding:0 15px 15px; width:150px; margin:0 10px; } #sorting h3, #gatherings h3 { display:block; width:180px; line-height:36px; background:url(/images/sub_gatherings_h3.gif) no-repeat; margin:0 -15px .5em; padding:0 15px 0; font-size:1.4em; color:#585857; } #gatherings h5 { font-size:1.3em; color:#2b2c2c; font-weight:normal; margin-bottom:0; } #gatherings p { font-size:1.3em; color:#585858; margin:5px 0 1em; } #gatherings a { display:block; width:122px; height:22px; background:url(/images/map_btn.gif) no-repeat; text-indent:-999em; } #gatherings a:focus { outline:none; } /* @end */ /* @end */ /* @group FOOTER */ #footer { position:relative; padding-bottom:110px; background:#192f3f url(/images/footer_bg.gif) repeat-x; z-index:8; padding-top:50px;} #footer-inner { display:block; width:940px; margin:0 auto; position:relative; } #footer-bottom { clear:both; padding-top:20px; width:885px; border-top:1px solid #2c4150; margin:0 auto;} #footer p#copyright { font-size:1.1em; color:#495a66; float:left; width:50%; } #footer #copyright a { color:#495a66; } #footer a:hover { text-decoration:none; } #footer p#designed { float:right; width:auto; margin:1px 4px 0 0} #footer #cpm-logo { display:block; width:141px; height:21px; background:url(/images/cpm_logo.gif) no-repeat; text-indent:-999em; } #footer #cpm-logo:hover { opacity: .75; } #footer #cpm-logo:focus { outline:none; } #social { clear: both; } #social img { margin-right: 12px; } /* @end */ /* @group SERMONS */ #filter select { width:200px; margin-left:10px; } #filter a { margin-left:20px; } #primaryContent h4#current { clear:both; } #primaryContent .sermonlist h4 { margin:0; padding:10px 0; clear:both; } .sermonbox { position:relative; padding:10px 0; border-top:1px solid #f3f3f3; } #primaryContent .sermonbox h5 { margin:0;} #primaryContent .sermonbox h5 span { font-size:10px; margin-left:10px; } #primaryContent .sermonbox p { margin:5px 0 0; line-height:1; } .sermonbox ul { position:absolute; top:10px; right:10px; margin:0; padding:0; list-style: none;} .sermonbox li { float:left; display:inline; margin-right:8px; } .sermonbox li a { display:block; width:16px; height:16px; text-indent:-999em; } .sermonbox li.sl_listen a { background:url(/images/play_icon_app.gif) no-repeat; } .sermonbox li.sl_download a { background:url(/images/download_icon_app.gif) no-repeat; } .sermonbox li.sl_notes a { background:url(/images/notes_icon_app.gif) no-repeat; } .sermonbox li.sl_video a { background:url(/images/video_icon_app.gif) no-repeat; } .sermonbox li a:focus { outline:none; } /* @group MEDIA BOX */ #byline { margin:10px 0 0; padding:0; list-style:none; } #primaryContent #byline li { line-height:1; margin:2px 0 0 0; padding:0; } #mediabox { padding:20px; margin:0; } #mediabox ul { margin:0; padding:0; list-style:none; } #mediabox li { padding:4px 0 4px 20px; } #mediabox li a { font-size:1.2em; color:#3d4b4e } #mediabox li a:hover { text-decoration:none; } #mediabox li#mb_links { margin:-20px -20px 0; padding:20px; font-size:1.6em; font-weight:bold; color:#1d2426; } #mediabox li#mb_jukebox { background:url(/images/play_icon_app.gif) no-repeat left 2px; } #mediabox li#mb_download { background:url(/images/download_icon_app.gif) no-repeat left 2px; } #mediabox li#mb_notes { background:url(/images/notes_icon_app.gif) no-repeat left 2px; } #mediabox li#mb_video { background:url(/images/video_icon_app.gif) no-repeat left 2px; } #mediabox li#mb_podcast { background:url(/images/feed_icon_app.gif) no-repeat left 2px; } #mediabox .btm { margin:20px -20px -20px; } /* @end */ /* @group HOW IT WORKS */ #primaryContent #how-it-works { display:block; height:20px; margin:0 0 2.5em; padding:10px; list-style:none; background:#eaeaea; } #how-it-works li { padding-left:20px; margin-bottom:1.5em; font-size:1.2em; float:left; display:inline; margin-right:30px;} #how-it-works li#how { font-weight:bold; margin-right:20px; padding:0; } #how-it-works li#play { background:url(/images/play_icon.gif) no-repeat left center; } #how-it-works li#notes { background:url(/images/notes_icon.gif) no-repeat left center; } #how-it-works li#hwvideo { background:url(/images/video_icon.gif) no-repeat left center; } #how-it-works li#save { background:url(/images/download_icon.gif) no-repeat left center; } /* @end */ /* @group SORTING */ #sorting { padding-bottom:20px; } #sorting label, #sorting select { display:block; } #sorting label { font-weight:bold; font-size:1.2em; margin-bottom:.5em; color:#1d2426; } #sorting select { width:100%; margin-bottom:1em; } #sorting a { display:block; width:122px; height:22px; background:url(/images/all_messages_btn.gif) no-repeat; text-indent:-999em; margin:0 auto; } #sorting a:focus { outline:none; } /* @end */ /* @end */ /* @group CALENDAR */ .calendar { margin-bottom: 25px; border: 1px solid #fff; border-right: 0; border-bottom: 0; border-collapse: collapse; width:100%; } .calendar caption { padding-bottom: 10px; font-size: 1.6em; } .calendar th { padding: 6px 0; background: #f6f5f0; color: #1d2426; font-size: 1.3em; font-weight: normal; } .calendar td { width: 68px; height: 68px; padding: 2px; border: 1px solid #fff; border-left: 0; border-top: 0; background: #eaeaea; color: #1d2426; font-size: 12px; vertical-align: top; } .calendar td a { color: #FCFDFE; text-decoration: none; } #primaryContent .calendar ul { margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; } #primaryContent .calendar td li { margin-bottom: .75em; font-size: 10px; line-height: 1.2; } .calendar td li a { color: #FFF; text-decoration: underline; } /* @end */ .details { background:#212121; border:4px solid #d1ad3c; } .inner { padding:20px; } #primaryContent .details p { color:#fff; } #primaryContent .details a { color:#fff; } #post-comment-form { padding: 20px; background: #eee; -mox-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 20px; } #post-comment-form h3 { font-size: 24px; margin-bottom: 20px; } #post-comment-form label { display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-bottom: 2px; color: #333; } #post-comment-form input.inp { background: #fff; border: none; width: 299px; height: 34px; padding-left: 10px; opacity: .65; margin-bottom: 10px; } #post-comment-form textarea { background: #fff; border: none; width: 399px; height: 134px; padding: 10px; opacity: .65; margin-bottom: 10px; } #post-comment-form input:hover, #post-comment-form input:focus, #post-comment-form textarea:hover, #post-comment-form textarea:focus { opacity: 1; } #comment-submit { display: block; } #comment-status { background: #eee; font-weight: bold; font-size: 14px; text-align: center; padding: 20px; } #facebook { background: url(../images/fbicon.gif) no-repeat; display: block; padding: 0 0 4px 25px; line-height: 17px; } #twitter { background: url(../images/twittericon.gif) no-repeat; display: block; padding: 0 0 4px 25px; line-height: 17px; } .rss { background: url(../images/rssicon.gif) no-repeat; display: block; padding: 0 0 4px 25px; line-height: 17px; }