/* @override http://thegardenchristianfellowship.cpmpreview1.com/css/styles.css */ /*===== SITE: The Garden Christian Fellowship FILE: styles.css CREATED: 5/29/2008 MODIFIED:2/11/2009 AUTHOR: Ben Otero (ben@churchplantmedia.com) =====*/ /* @group GLOBALS */ html { height:100%; } body { background:#281c10 url(/images/body_bg.gif) repeat-x left 157px; font-size:62.5%; font-family:"Trebuchet MS", verdana, helvetica, arial, sans-serif; color:#dad0bc; margin:0; padding:0; height:100%; } #home body { background-position:left 157px; } #outer-container { background:url(/images/outer_container_bg.jpg) no-repeat center 157px; padding-bottom:200px; min-height:100%; } #home #outer-container { background:url(/images/home_outer_container_bg.jpg) no-repeat center 157px; } #container { margin:0 auto; width:860px; min-height:100%; } * html #container { height:100%; } #mainContent { padding:20px 0 40px; } #home #mainContent { padding:0; } .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 { position:relative; z-index:1000; height:156px; margin-bottom:14px; background:url(/images/header_bg.jpg) repeat-x; } #header-inner { position:relative; width:860px; margin:0 auto; } #header-wrap { background:url(/images/header_wrap_bg.jpg) no-repeat center 107px; height:156px; } #skip { position:absolute; top:-999em; left:-999em; } #header h1, #header h1 a { display:block; width:263px; height:89px; } #header h1 { position:absolute; top:5px; left:6px; background:url(/images/logo.png) no-repeat; text-indent:-999em; margin:0; padding:0; } #header h1 a:focus { outline:none; } #topbar { position:absolute; top:5px; right:20px; z-index:200; } #topbar p { margin:11px 0 0; padding:0; font-size:1.2em; color:#19130b; } #topbar a { padding:4px 7px 2px 7px; color:#fff; text-transform:uppercase; font-size:11px; text-decoration:none; background:#827750; margin-left:10px; } #topbar a:hover { background:#33281b; } #topbar form { margin:2em 0 0; padding:0; width:250px; } #topbar fieldset { margin:0; padding:0; border:none; } #topbar .submit { position:relative; top:5px; } #topbar #ea { border:none; padding:3px; font-size:1.1em; color:#19130b; } /* @end */ /* @group NAVIGATION */ #nav, #nav * { list-style:none;margin:0;padding:0;} #nav { position:absolute; top:122px; height:48px; width:854px; z-index:1001; padding-left:6px;} #nav li { cursor:pointer; float:left; margin:0 20px; } #events #nav_home a, #sermons #nav_home a, #articles #nav_home a, #nav li a { display:block; font:1.5em arial, helvetica, verdana, sans-serif; color:#fff; text-decoration:none; padding:0 0 5px; line-height:18px; text-transform:uppercase; font-weight: lighter; } #events #nav_home a:hover, #sermons #nav_home a:hover, #articles #nav_home a:hover, #nav li a:hover, #nav li:hover a, #nav li.current a { color:#ca8a2f; background:url(/images/nav_hover.gif) repeat-x left bottom; } #nav li ul { display:none; } /* @end */ /* @group BANNER IMAGES */ #banner { display:block; width:910px; height:240px; background:url(/images/banner_bg.png) no-repeat; margin-left:0px; margin-bottom:-17px; position:relative; left:-23px; top:-17px; } #banner-inner { display:block; width:814px; height:171px; background:url(/mediafiles/subpage-header.jpg) no-repeat; position:relative; top:17px; left:45px; } #home #banner { height:315px; width:814px; left:0; top:19px; margin-bottom:32px; margin-left:22px; background:none; } #home #banner p { margin:0; } #home #banner img { border:0; } /* @end */ /* @group PRIMARY CONTENT */ .column { float:left; width:240px; padding-right:20px; margin-right:15px; } .last { margin:0; } #content { padding-top:26px; padding-left:11px; } #primaryContent { padding-left:28px; float:left; width:560px; } #primaryContent.wide { width:800px; } #home #primaryContent { padding-left:15px; } #primaryContent a { color:#64ceda; } #primaryContent a:hover { text-decoration:none } #primaryContent p, #primaryContent li, #primaryContent td { color:#fff; font-size:1.3em; line-height:1.5em; } #primaryContent li p, #primaryContent td p { font-size:1em; font-weight: lighter; text-align: left; line-height:1; } img.left-align { float:left; margin:10px 10px 10px 0; } img.right-align { float:right; margin:10px 0 10px 10px; } img.no-border { border:0; } /* @group HEADINGS */ #primaryContent h2 { font-size:2.1em; color:#64ceda; text-transform:uppercase; margin:0;} #home .column h2 { margin:0; font-size:2.1em; color:#62b4bd; font-weight:normal; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; } #primaryContent h3 { font-size:1.5em; color:#64ceda} #primaryContent h4 { font-size:1.4em; color:#fff } #primaryContent h5 { font-size:1.3em; color:#fff; } #primaryContent h6 { font-size:1.2em; color:#64ceda; } /* ARTICLE HEADINGS */ .article { padding-bottom:15px; } h4.title { margin:0; text-transform:uppercase; } h4.title a { text-decoration:none; } #primaryContent h4.title a:hover{ text-decoration:underline; } .article p { margin-top:0; } /* @end */ /* @group UPCOMING EVENTS */ #upcoming-events { padding-left:10px; } #upcoming-events.column h2 { margin-bottom:4px; } #upcoming-events .event { padding:10px 0 8px; } #upcoming-events h4 { margin:0; font-size:1.2em; font-weight:normal; color:#8f7c65;padding-bottom: 2px; } #upcoming-events p { margin:0; font-size:1.2em; color:#dad0bc; line-height: 1.3em; } #upcoming-events p a { font-size:13px; font-weight:bold; color:#eee; text-decoration:none; } #upcoming-events p a:hover { text-decoration:underline; } /* @end */ /* @group WELCOME */ #welcome { margin-left:7px; position:relative; min-height:250px; padding-bottom: 12px; } #welcome.column h2 { margin-bottom:4px; } #welcome p { font-size: 1.5em; color:#ebe1cc; line-height:1.2em; } #welcome p b { background:url(/images/read_more_left.gif) no-repeat left top; padding-left:3px; } #welcome p a { display:block; text-transform:uppercase; background:url(/images/read_more_right.gif) no-repeat right top; line-height:26px; font-size:10px; color:#fff; text-decoration:none; padding-left:10px; font-family:helvetica, arial, sans-serif; font-style: normal; } /* @end */ /* @group MEDIA */ #media { margin-right:0; margin-left:8px; position:relative; min-height:245px; } #media.column h2 { margin-bottom:4px; } #media .sermon { position:relative; padding:10px 0 8px; } #media p, #media h4 { margin:0; width:70%; } #media h4 { font-size:1.4em; line-height:1.4em; color:#8f7c65; } #media h4 a { color:#eee; text-decoration:none; } #media h4 a:hover { text-decoration:underline; } #media p { font-size:1.2em; color:#8f7c65;} #media a.play { position:absolute; top:14px; right:-17px; text-indent:-999em; display:block; background:url(/images/play_btn.gif) no-repeat; width:56px; height:23px; } #media a.play:focus { outline:none; } /* @end */ /* @group QUICKLINKS */ #quicklinks { clear:both; margin-right:-50px; position:relative; left:-3px; margin-left:0; } #quicklinks ul { margin:0; padding:0; list-style:none; } #quicklinks li { display:block; float:left; margin-right:10px; border:4px solid #261d11; width:195px; height:96px; } #quicklinks li:hover{ border-color:#60acbe; } #quicklinks a img, #quicklinks img { padding:0; margin:0; border:0; } /* @end */ /* @end */ /* @group SECONDARY CONTENT */ #secondaryContent { float:right; width:220px; position:relative; left:-5px; top:-13px; } /* @group SUBNAV */ #subnav, #media-links, #how-it-works, #sorting { background:#22180e; padding:6px; margin:0 15px 25px -18px; } #subnav { position:relative; } #snav, #snav * { margin:0; padding:0; list-style:none; } #sermons #snav_home, #events #snav_home, #articles #snav_home, #snav li, #snav li.current li ul { display:none; } #articles #snav li#snav_resources, #articles #snav li#snav_resources *, #events #snav_events, #events #snav_events *, #sermons #snav_resources, #sermons #snav_resources *, #snav li.current, #snav li.current li, #snav li li.current ul { display:block; } #events li#snav_events a, #sermons li#snav_media a, #articles li#snav_media a, #snav li.current a { font-size:1.4em; font-weight:bold; color:#f3eee3; text-decoration:none; text-transform:uppercase; border-bottom:1px solid #1c140b; display:block; line-height:27px; margin-bottom:10px; position:relative; left:-5px; } #events #snav_events li a, #sermons #snav_media li a, #articles #snav_media li a, #snav li.current li a { font-size:13px; color:#b5ac94; text-transform:none; font-weight:normal; margin:0; border:0; padding-left: 5px; padding-bottom:0; left:0; } #events #snav_events li a:hover, #sermons #snav_media li a:hover, #articles #snav_media li a:hover, #snav li.current li a:hover { color:#fff; } #sermons #snav_media li#snav_media_sermons a, #articles #snav_media li#snav_media_articles a, #snav li li.current a { background:url(/images/subnav_current.gif) no-repeat; color:#fff; position:relative;left:-12px; padding-left:18px; width:181px; } /* 3rd levels */ #snav li li ul { padding-left:10px; } #snav li li.current li a { background:none; } #snav li.current li.current li.current a { background:url(/images/subnav_current.gif) no-repeat; color:#fff} #snav li li.active a, #snav li li.active a:hover { background:url(/images/active_bg.gif) no-repeat right center; display:inline; padding-right:20px; color:#b5ac94 } #snav li li.current.active a { background:url(/images/down_arrow.gif) no-repeat right center; } #snav li li.current.active li a { background:none; } #snav li li.active li a, #snav li li.active li a:hover { background:none; font-size:13px; } #snav li li.active a:hover { text-decoration:underline; color:#fff; } #articles #snav li li#snav_resources_articles a, #articles #snav li li#snav_resources_articles a:hover, #snav li li.active li.current a, #snav li li.active li.current a:hover { color:#130d0d; display:block; width:159px; margin-left:-36px; padding-left:49px; padding-right:0; text-decoration:none; } #snav li li.current li a:hover, #snav li li.active li a:hover { text-decoration:underline; } /* @end */ /* @group FOOTER */ #footer { position:relative; width:780px;margin:21px auto 0;padding:11px 7px 40px;border-top:3px solid #24190f;} #home #footer { width:824px; } #footer p { font-size:1.2em; color:#806f5b; margin:0; float:left; } #footer p#designed { float:right; } #footer a#cpm { display:block; width:142px; height:21px; background:url(/images/cpm_logo.png) no-repeat; text-indent:-999em; } #footer a#cpm:hover { background-position:left bottom; } /* @end */ /* @group SERMONS */ #filter select { width:200px; margin-left:25px;} #filter a { margin-left:35px; } .sermonbox { position:relative; padding:10px 0; border-bottom:1px solid #4f3e2c} .sermonbox a { text-decoration:underline; } .sermonbox a:hover { text-decoration:none; } #primaryContent .sermonbox h5 { margin:0;} #primaryContent .sermonbox h5 span { font-size:11px; } #primaryContent .sermonbox p { margin:0; } .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; } li#mb_jukebox { background:url(/images/play_icon_app.gif) no-repeat left 2px; padding:4px 0 4px 20px;} li#mb_download { background:url(/images/download_icon_app.gif) no-repeat left 2px; padding:4px 0 4px 20px; } li#mb_notes { background:url(/images/notes_icon.gif) no-repeat left 2px; padding:4px 0 4px 20px; } li#mb_video { background:url(/images/video_icon_app.gif) no-repeat left 2px; padding:4px 0 4px 20px; } li#mb_podcast { background:url(/images/feed_icon_app.gif) no-repeat left 2px; padding:4px 0 4px 20px; } /* @end */ #snav, #sorting ul, #how-it-works ul, #media-links ul, #sorting .inner { background:#2b1f12; border:1px solid #36281a; padding:18px; } #snav { padding:8px 18px; } /* @group HOW IT WORKS */ #how-it-works ul, .inner, #media-links ul { margin:0; padding:18px; list-style:none; border:1px solid #443624; } #how-it-works ul { height:20px; padding:10px; } #how-it-works li { padding-left:20px; padding-right:15px; font-size:1.2em; color:#fefefd; float:left; display:inline; line-height:20px; } #how-it-works li#works, #media-links li#mb_links { font-size:1.6em; margin:0 0 1em -20px; color:#64ceda; text-transform:uppercase; } #how-it-works li span { font-weight:bold; } #how-it-works li#play { 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#save { background:url(/images/download_icon_app.gif) no-repeat left center; } /* @end */ #media-links li#mb_links { margin-left:0; } /* @group SORTING */ #sorting label, #sorting select { display:block; } #sorting h3 { color:#64ceda; font-size:1.6em; text-transform:uppercase; margin:0 0 1em } #sorting label { font-size:1.3em; font-weight:bold; margin-bottom:.5em; } #sorting select { width:170px; margin-bottom:1em; } #media-links li a, #sorting a { font-size:1.2em; color:#64ceda; } /* @end */ /* @end */ /* @group CALENDAR */ #primaryContent table.calendar { margin-bottom: 25px; border: 1px solid #3b2e1f; border-right: 0; border-bottom: 0; border-collapse: collapse; width:100%; } #primaryContent table.calendar caption { padding-bottom: 10px; color: #fff; font-size: 1.6em; } #primaryContent table.calendar caption span { color: #fff; } #primaryContent table.calendar th { padding: 6px 0; background: #443624; color: #fff; font-size: 1.3em; font-weight: normal; border:1px solid #443624; } #primaryContent table.calendar td { width: 68px; height: 68px; padding: 2px; border: 1px solid #443624; border-left: 0; border-top: 0; background: #705a3f; color: #fff; font-size: 1em; vertical-align: top; } #primaryContent table.calendar td a { text-decoration: none; } #primaryContent table.calendar td ul { padding:0; margin: .5em 0 0 .5em; font-size: 100%; list-style: none; } #primaryContent table.calendar td li { margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; } #primaryContent table.calendar td li a { text-decoration: underline; } #primaryContent table.calendar td li a:hover{ text-decoration: none; } #primaryContent table.calendar td.current { background:#64ceda; color:#000} #primaryContent table td.current li a, #primaryContent table.calendar td.current a { color:#181818; } /* @end */ form { margin-top:2.5em; } label { display:block; font-size:1.3em; } fieldset { border:0; padding:0; }