/* @override http://www.thegatheringfm.org/css/styles.css */ /*===== CLIENT:Gathering Fort Mill FILE: styles.css CREATED: 10/3/2008 MODIFIED: 11/4/2008 AUTHOR: Ben Otero (ben@churchplantmedia.com) =====*/ /* @group GLOBALS */ * { margin:0; padding:0; line-height:1; } body { background:url(/images/body_bg.jpg) repeat center top; font-size:62.5%; font-family:helvetica, arial, verdana, sans-serif; margin:0; padding:0; } #container { margin:0 auto; width:757px; position:relative; } #mainContent { background:url(/images/maincontent_bg.gif) repeat-y; width:725px; padding:7px 16px 40px; } #home #mainContent { padding-bottom:0; } .show { display:block; } .hidden, hr { display:none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block;} /* @end */ /* @group TYPOGRAPHY */ p, li, td { font-size:1.3em; color:#b7ae9a; line-height:1.5em; } #primaryContent .article p { margin-top:8px; } #primaryContent p.date { margin:0; } #primaryContent a { color:#b5573a; } #primaryContent a:hover { text-decoration:none; } h2, h3, h4, h5, h6 { margin-bottom:1em; color:#b5573a; } h2 { font-size:1.8em; font-weight:normal; color:#b5573a; margin:0 0 1em; } h3 { font-size:1.6em; } #primaryContent h4 { font-size:1.5em; } #primaryContent .article h4 { margin-bottom:8px; } #primaryContent h5 { font-size:1.4em; color:#b7ae9a; } #primaryContent h6 { font-size:1.3em; color:#b5573a; } #primaryContent h4#current { clear:both; } /* @end */ /* @group HEADER */ #header { position:relative; z-index:1000; width:757px; height:142px; background:url(/images/header_bg.jpg) no-repeat; } #header h1, #header h1 a { display:block; width:228px; height:73px; margin:0; padding:0; } #header h1 { background:url(/images/logo.gif) no-repeat; text-indent:-999em; position:absolute; top:50px; left:24px; } #header form { margin:0; padding:0; width:200px; height:43px; background:url(/images/form_bg.gif) no-repeat left bottom; position:absolute; top:74px; right:15px; } #header fieldset { margin:0; padding:0 5px 0 2px; border:0; position:relative; } #header label { display:block; width:183px; height:12px; background:url(/images/header_label.gif) no-repeat; text-indent:-999em; } #header input { float:left; } #header #ea { width:130px; padding:2px; margin:11px 0 0; background:none; border:none;} #header #signup { margin:11px 0 0 6px; position:relative; } #skip { position:absolute; top:-999em; } /* @end */ /* @group NAVIGATION */ #nav, #nav * { list-style:none;margin:0;padding:0;} #nav { width:228px; } #nav li { cursor:pointer; } #nav li.current a, #nav li:hover a, #nav li a:hover { background-position:left bottom; } #nav li a { display:block; padding:13px 16px 3px; height:41px; width:196px; background:url(/images/nav_a_bg.gif) no-repeat; text-decoration:none; line-height:1; font-size:12px; color:#c0b78c; margin-bottom:4px; } #nav li a strong { font-family:helvetica, arial, verdana, sans-serif; color:#e9e1ba; font-size:18px; display:block; margin:0 0 2px; font-weight:normal; } #nav li a:hover { color:#e5debc; } #nav li a:hover strong { color:#fefcf1; } /* @end */ /* @group BANNER */ #banner { display:block; width:487px; height:155px; background:url(/mediafiles/subpage-header.jpg) no-repeat; margin-bottom:6px; position:relative; left:-15px; } /* @end */ /* @group PRIMARY CONTENT */ #primaryContent { float:left; position:relative; width:462px; padding-left:15px; padding-right:10px; } #primaryContent a { text-decoration:underline; color:#fff; } #primaryContent a:hover { text-decoration: none; } #primaryContent p, #primaryContent li, #primaryContent td { font-size:1.2em; line-height:1.5em; margin-bottom:1em; color:#d5ceaa; } #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 */ #primaryContent h2 { display:block; background:#2d3e1b; margin:3px -10px .5em -15px; font-size:2em; color:#e1dcc4; } #primaryContent h3, #primaryContent h4, #primaryContent h5, #primaryContent h6 { color:#e5d195; } #primaryContent h3 { font-size:1.8em; } #primaryContent h4 { font-size:1.6em; } #primaryContent h5 { font-size:1.4em; } #primaryContent h6 { font-size:1.3em; } /* @end */ /* @group SUBNAV */ #sub { background:#312213; margin:0 -10px 0 -15px; width:482px; position:relative; padding:10px 0 10px 5px; } #primaryContent ul#subnav { list-style:none; margin:0; padding:0; } #subnav li { display:inline; } #primaryContent #subnav li a { padding:0 5px; text-decoration:none; color:#bdb28f; background:url(/images/divider.gif) no-repeat right center; } #primaryContent #subnav li a:hover { text-decoration:underline; } #subnav li.current a { font-weight:bold; } /* #primaryContent #subnav li { display:inline; } #primaryContent #subnav li a { display:block; float:left; padding:0 3px; text-decoration:none; } #primaryContent #subnav li.current { margin:0; padding:0; } #subnav li.current a { padding-left:0; font-weight:bold; font-size:12px; color:#bdb28f; } #primaryContent #subnav li.current li a { padding:0 7px; font-weight:normal; font-size:12px; background:url(/images/divider.gif) no-repeat right center; } #primaryContent #subnav li ul { margin:0; padding-left:0 } #subnav li.current li a:hover { text-decoration:underline; } #subnav li.current li.current { width:auto; float:left; } #subnav li.current li.current a { color:#fbf8e9; float:left; font-weight:bold; } #subnav li.current ul { margin:0; padding:0;} */ /* @end */ /* @end */ /* @group SECONDARY CONTENT */ #secondaryContent { float:right; position:relative; width:228px; z-index:2001; margin-right:4px; } /* @group UPCOMING EVENTS */ #upcoming-events { width:214px; padding-left:13px; background:#312213; padding-bottom:1px; margin-top:7px; position:relative; left:1px; } #upcoming-events h3 { display:block; line-height:46px; background:#547133 url(/images/upcoming_h3.gif) no-repeat 14px 16px; padding-left:38px; font-size:1.6em; color:#e5d195; margin-left:-13px; margin-bottom:10px; padding-top:3px; } #upcoming-events h5 { font:normal 10px helvetica, arial, verdana, sans-serif; color:#ddd4ac; text-transform:uppercase; margin:0; } #upcoming-events h4 { font:bold 1.4em helvetica, arial, verdana, sans-serif; margin:3px 0 18px;} #upcoming-events h4 a { color:#fbf8e9; text-decoration:none } #upcoming-events h4 a:hover { text-decoration:underline; } /* @end */ /* @end */ /* @group ORNAMENTATION */ #left-ornament { display:block; width:66px; height:472px; background:url(/images/left_ornament.png) no-repeat; position:absolute; left:-65px; top:25px; } #right-ornament { display:block; width:50px; height:282px; background:url(/images/right_ornament.png) no-repeat; position:absolute; right:-30px; bottom:104px; z-index:2000; } /* @end */ /* @group FOOTER */ #footer { position:relative; top:-11px; padding:47px 85px 20px 20px; background:url(/images/footer_bg.png) no-repeat; height:50px; z-index:1;} #footer p { color:#fff; } #footer a { color:#fff; } #footer a:hover { text-decoration:none; } /* @end */ /* @group SERMONS */ .sermonbox { position:relative; padding:10px 0 15px; } .sermonbox a { text-decoration:underline; } .sermonbox a:hover { text-decoration:none; } #primaryContent .sermonlist h4 { clear:both; } #primaryContent h4#current { clear:both; } #primaryContent .sermonbox h5 { margin:0;} #primaryContent .sermonbox h5 span { font-size:10px; margin-left:10px; } #primaryContent .sermonbox p { margin:0; width:75% } .sermonbox ul { position:absolute; top:15px; right:10px; margin:0; padding:0; list-style: none;} .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 */ #text { float:left; width:300px; margin-top:2em; } ul#byline { margin:10px 0 0; padding:0; list-style:none; width:200px; float:left;} #byline li { line-height:1; } ul#mediabox { float:right; padding:10px; margin:0; list-style:none; } #mediabox li { padding:2px 0 0px 20px; } #mediabox li#mb_links { background:#2d3017; color:#fff; margin:-10px -10px 10px -10px; padding:10px; } #mediabox li#mb_jukebox { background:url(/images/play_icon.gif) no-repeat left 2px; } #mediabox li#mb_download { background:url(/images/download_icon.gif) no-repeat left 2px; } #mediabox li#mb_notes { background:url(/images/notes_icon.gif) no-repeat left 2px; } #mediabox li#mb_video { background:url(/images/video_icon.gif) no-repeat left 2px; } #mediabox li#mb_podcast { background:url(/images/feed_icon.gif) no-repeat left 2px; } #text { margin-right:10px;} /* @end */ /* @group HOW IT WORKS */ #how-it-works { height:10px; background:#2d3017; padding:6px 10px 12px; } #how-it-works ul { margin:0; padding:0; list-style:none; } #how-it-works li { padding-left:20px; margin-bottom:1.5em; font-size:1.2em; float:left; display:inline; margin-right:10px; } li#loading { display:none; background:url(/images/ajax-loader.gif) no-repeat; } #how-it-works li#how { padding-left:0; padding-right:20px; } #how-it-works li#play { background:url(/images/play_icon_app.gif) no-repeat; } #how-it-works li#notes { background:url(/images/notes_icon_app.gif) no-repeat; } #how-it-works li#video { background:url(/images/video_icon_app.gif) no-repeat; } #how-it-works li#save { background:url(/images/download_icon_app.gif) no-repeat; } /* @end */ /* @group SORTING */ #sorting { background:#312213; padding:0 13px 10px; width:202px; margin-top:6px;} #sorting h3 { display:block; line-height:46px; background:#547133 url(/images/upcoming_h3.gif) no-repeat 14px center; padding-left:38px; font-size:1.6em; color:#e5d195; margin:0 -13px; margin-bottom:10px; } #sorting label { display:block; font-size:1.3em; color:#e5d195; margin-bottom:5px; } #sorting select { width:200px; margin-bottom:10px; } #sorting a { color:#e5d195; font-size:1.2em; } #sorting a:focus { outline:none; } /* @end */ /* @end */ /* @group CALENDAR */ #primaryContent table.calendar { margin-bottom: 25px; border:0; border-collapse: collapse; } #primaryContent table.calendar caption { padding-bottom: 10px; color: #FCFDFE; font-size: 1.4em; } #primaryContent table.calendar th { padding: 6px 0; background: #2d3017; color: #fcfdfe; font-size: 1.3em; font-weight: normal; } #primaryContent table.calendar td { width: 68px; height: 68px; padding: 2px; border: 1px solid #24190e; border-left: 0; border-top: 0; background: #312213; color: #fff; 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; } #primaryContent table.calendar td li a { color: #fff; text-decoration: underline; } #primaryContent table.calendar td li a:hover{ text-decoration: none; } /* @end */ img.mcms_stats{ display: none; }