/* @override http://adventpresbyterian.cpmpreview1.com/css/styles.css */ /*===== CLIENT: Advent Presbyterian FILE: styles.css - main CSS styles for staging site CREATED: 12/4/2008 MODIFIED 12/10/2008 AUTHOR: Ben Otero (ben@churchplantmedia.com) =====*/ /* @group GLOBAL */ body { background:url(/images/body_bg.gif) repeat; margin:0; padding:0; font-size:62.5%; font-family:"Lucida Grande", arial, helvetica, sans-serif; } hr { display: none; } #skip { position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; } .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 { background:url(/images/header_bg.gif) repeat-x; height:177px; position:relative; z-index:2000; } #header-wrap { background:url(/images/header_inner_bg.gif) no-repeat center top; height:177px; } #header-inner { width:945px; margin:0 auto; position:relative; height:177px;} #header h1 { margin:0; padding:0; position:absolute; left:36px; top:4px;} #header img { border:0; } /* @group SEARCH/CAMPUS */ #search { float:right; margin-right:2px; width:533px; height:34px; background:url(/images/search_bg.gif) no-repeat right top; position:relative } #search ul { margin:0; padding:0; list-style:none; height:24px; position:absolute; top:7px; left:169px;} #search li { display:inline; float:left; } #search li a { display:block; float:left; line-height:22px; padding:0 11px; font-size:1.2em; color:#fffefe; text-decoration:none; } #search li.current { background:url(/images/campus_tab_li.gif) no-repeat left top; padding-left:6px; position:relative; } #search li.current a { background:url(/images/campus_tab_a.gif) no-repeat right top; padding:0 13px 0 3px; color:#1d2426; line-height:22px;} #search li a:hover { text-decoration: underline; } #search li.current a:hover { text-decoration: none; } #search form { clear:both; width:188px; height:20px; margin:1px 8px 0 0; padding:0; position:relative; top:6px; float:right; } #search fieldset { margin:0; padding:0 0 0 5px; border:0; background:url(/images/input_bg.gif) no-repeat; width:188px;} #search input { border:0; width:155px; height:12px; padding:3px 0 5px; font-size:1.1em; color:#766548; float:left; position:relative; } #search form a { display:block; width:26px; height:21px; background:url(/images/search_btn.gif) no-repeat; text-indent:-999em; float:left; margin-left:3px; } /* @end */ /* @group SERVICES */ #services { position:absolute; top:57px; right:10px; height:54px; width:440px; background:url(/images/services_bg.gif) no-repeat; } #services div { position:relative; } #services p { float:left; width:250px; } #cordova p { position:absolute; left:131px; top:5px;} #services #arlington p { position:absolute; left:210px; top:7px; width:150px; } #cordova { height:27px; border-bottom:1px solid #336081; } #services img { float:right; position:relative; top:4px; } /* @end */ /* @end */ /* @group NAVIGATION */ #nav, #nav * { list-style:none; margin:0; padding:0} #nav { height:50px; position:absolute; top:126px; left:10px; width:100%; } #nav li { display:inline; float:left; margin-right:1px; background:url(/images/nav_li.gif) no-repeat right center;} #nav li a { display:block; font-size:12px; color:#b3b2a0; text-decoration:none; text-transform:uppercase; line-height:50px; padding:0 23px; } #nav li.current { padding-right:5px; background:url(/images/nav_current_li.gif) no-repeat right top; } #nav li.current a { padding-right:20px; background:url(/images/nav_current.gif) no-repeat left top; } #nav li.current a, #nav li:hover a { color:#fffefc; } #nav li ul { position:absolute; left:-999em; width:160px; background:#1b2326; z-index:1001; } #nav li li { display:block; background:none; } #nav li:hover li a { background:#1b2326; line-height:15px; padding:5px 10px; width:140px; } #nav li li a:hover { background:#3b79a5; color:#1b2326} #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; display:block; } #nav li:hover ul li:hover ul{ margin:-30px 0 0 160px;} /* @end */ /* @group CONTAINERS */ #container { background:url(/images/container_bg.gif) repeat-x left top; } #content-wrap { background:url(/images/container_bg.jpg) no-repeat center top; padding-top:26px; } #content { padding:16px 19px 50px 14px; width:919px; margin:0 auto; background:url(/images/maincontent_bg.gif) repeat-y; } /* @end */ /* @group ROTATOR */ #rotator { position:relative; display:block; width:600px; height: 263px; overflow:hidden; } #rotator img { display:none; position:absolute; top:0; border:0; } /* @end */ /* @group PRIMARY CONTENT */ #primaryContent { float:left; padding-left:10px; width:590px; position:relative} #primaryContent img#banner { margin-bottom:20px; margin-left:-8px;} #primaryContent a { color:#992b18; } #primaryContent a:hover { text-decoration:none; } #primaryContent p, #primaryContent li, #primaryContent td { font-size:14px; line-height:22px; font-family:georgia, times, serif; color:#36362e; } #primaryContent p *, #primaryContent li *, #primaryContent td * { font-size:1em; line-height:1; } #primaryContent h2 { background:url(/images/h2_bg.gif) no-repeat left bottom; padding-bottom:3px; } #primaryContent h3 { font-size:1.8em; color:#1d415a; } #primaryContent h4 { font-size:1.5em; color:#1d415a; margin-bottom: 10px; } #primaryContent h5 { font-size:1.4em; color:#36362e } #primaryContent h6 { font-size:1.3em; color:#992b18 } #primaryContent img { border:0; } #primaryContent img.left-align { float:left; position:relative; left:-10px; margin:0 10px 10px 0; } #primaryContent img.right-align { float:right; position:relative; right:-10px; margin:0 0 10px 10px; } #switcher { position:absolute; top:0px; right:48px; margin:0; padding:0; list-style:none; height:31px; } #switcher li { display:inline; padding-left:4px; float:left; } #switcher li a { float:left; display:block; font:15px georgia, times, serif; color:#51504b; padding:0 8px 0 5px; line-height:31px;} #switcher li a:hover { text-decoration:none; } #switcher li.active { background:url(/images/events_tab_li.gif) no-repeat left top; } #switcher li.active a { background:url(/images/events_tab_a.gif) no-repeat right top; text-decoration:none; } .all-events, .arlington-events { display:none; } /* @end */ /* @group SECONDARY CONTENT */ #secondaryContent { float:left; padding:25px 0 0 26px; width:286px; margin:-16px -30px 0 17px; background:url(/images/sidebar_bg.gif) no-repeat 2px top; } #secondaryContent .last { border:0; } /* @group SUBNAV */ #subnav, #subnav * { margin:0; padding:0; list-style:none; } #subnav { width:280px; position:relative; left:-8px; margin-bottom:4.5em;} #subnav li.current a { display:block; line-height:35px; background:#dbdacc; font-size:14px; color:#43433b; text-decoration:none; font-weight:bold; text-transform:uppercase; padding:0 16px; margin-bottom:10px; margin-top: -7px; margin-left: -2px; margin-right: 1px; } #subnav li.current li a { font-size:13px; text-transform:none; color:#5b5b52; font-weight:normal; background:none; line-height:20px; padding:7px 16px 10px; margin:0; } #subnav li.current li a:hover { text-decoration:underline; color:#373732; } #subnav li li.current a { color:#9d3424; font-weight:bold; background:url(/images/subnav_current.gif) no-repeat; position:relative; left:-18px; padding-left:34px; } /* @end */ /* @group FEATURED EVENTS */ #featured-events { position:relative; width:267px; margin-bottom:40px;} #secondaryContent h3 { margin:0; font-size:14px; color:#992b18; padding-bottom:11px; border-bottom:2px solid #e0dbc7; } #secondaryContent .all { display:block; width:62px; height:18px; background:url(/images/view_all_btn.gif) no-repeat; text-indent:-999em; position:absolute; top:-4px; right:0; } #recent-sermons .play:focus, #featured-articles .go:focus, #featured-articles .notes:focus, #secondaryContent .all:focus{ outline:none; } #featured-events .event { border-bottom:1px solid #e0e0cf; padding:10px 0 11px; } #featured-events .date { display:block; float:left; width:31px; height:33px; background:url(/images/date_bg.gif) no-repeat; margin-right:11px; } #featured-events .day, #featured-events .month { display:block; text-align:center; width:31px;padding-left: 2px;} #featured-events h4 { font-size:12px; margin:0; } #featured-events h4 a { color:#2f2d28; text-decoration:none; } #featured-events h4 a:hover { text-decoration:underline; } #featured-events p { font-size:11px; color:#2f2d28; margin-top:4px; margin-bottom:2px;} /* @end */ /* @group RECENT SERMONS */ #recent-sermons, #featured-articles, #mediabox { position:relative; width:267px; margin-bottom:50px; clear:both; } .sermon { position:relative; border-bottom:1px solid #e0e0cf; padding:9px 0; } .sermon h4 { font-size:1.2em; margin:0; } .sermon h4 a { color:#2f2d28; text-decoration:none; } .sermon h4 a:hover { text-decoration:underline; } .sermon p { font-size:1.1em; color:#2f2d28; margin:0; padding-top: 2px; } .sermon .play { position:absolute; top:15px; right:0; display:block; width:57px; height:21px; background:url(/images/play_btn.gif) no-repeat; text-indent:-999em; } /* @end */ /* @group FEATURED ARTICLES */ #featured-articles a.go, #featured-articles a.notes { position:absolute; display:block; height:16px; top:10px; text-indent:-999em;} #featured-articles .go { width:14px; background:url(/images/notes_icon.gif) no-repeat; right:30px; } #featured-articles .notes { width:16px; background:url(/images/pdf_icon.gif) no-repeat; right:0; } /* @end */ /* @end */ /* @group SECOND LEVEL */ #second-level { background:url(/images/second_level_bg.gif) repeat-x; height:237px; overflow:hidden; } #second-level-wrap { background:url(/images/second_level_inner_bg.gif) no-repeat center top; } #second-level .inner { padding:0 0 0 23px; width:922px; height:245px;margin:0 auto; padding-top:50px; } /* @group VERSE */ #verse { float:left; padding:10px 0 0 5px; width:271px; background:url(/images/verse_h4_bg.gif) no-repeat left 10px;} #verse p { font-size:12px; color:#fff; line-height:1.5em; } #verse a { color:#1e364a; text-decoration:none; } #verse a:hover { text-decoration:underline; } /* @end */ /* @group QUICKLINKS */ #quicklinks { float:left; padding:5px 20px 0 19px; width:276px; margin-left:17px; background:url(/images/ql_bg.gif) no-repeat left top; } .quicklink { padding:6px 0 2px; background:url(/images/quicklink_bg.gif) no-repeat bottom 60px; } #quicklinks img { float:left; border:2px solid #275171; margin-right:13px; margin-top:-3px;} #quicklinks h4 { margin:0; font-size:1.2em; color:#b4d9f4;padding-top: 5px; } #quicklinks p { font-size:1.1em; margin:0; color:#fff; } #quicklinks p a { color:#fff; text-decoration:none; } #quicklinks a:hover { text-decoration:underline; } /* @end */ /* @group ADDRESS */ #address { float:left; margin-top:14px; padding:0px 18px; width:254px; background:#38678f url(/images/address_bg.gif) repeat-x; } #address h4 { font-size:1.2em; color:#fffefe; margin:0; padding-bottom: 8px; padding-top: 15px; } #address p { font-size:1.1em; color:#fffefe; margin:0 0 0; line-height: 1.5em; } #address a { color:#acdafe; } #address a:hover { text-decoration:none; } /* @end */ /* @end */ /* @group FOOTER */ #footer { background:#1b2326; height:87px; } #footer-inner { width:920px; margin:0 auto; padding:20px 20px 0; position:relative; } #footer p { margin:0; float:left; width:40%; font-size:1.1em; color:#8498a8; } #footer-inner a { color:#8498a8; } #footer-inner a#designed { display:block; float:right; width:124px; height:19px; background:url(/images/cpm_logo.gif) no-repeat; text-indent:-999em; } #footer-inner a#designed:hover { background-position:left bottom; } #footer-inner a#designed:focus { outline:none; } /* @end */ /* @group SERMONS */ #filter select { width:100px; margin-left:10px; } #filter a { margin-left:20px; } #primaryContent .sermonbox h4 { margin:0; padding:0; font-size:16px; font-weight:normal; padding-bottom: 3px; } .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 { font-size:13px; color:#71706a; margin:0 0 7px;} #primaryContent .sermonbox h5 span { font-size:10px; margin-left:10px; } .sermonbox h5 a { font-weight:bold; color:#027cc9;} .sermonbox h5 a:hover { color:#556c6b } #primaryContent .sermonbox p { margin:0;} #primaryContent .sermonbox p.date { color:#71706a; margin:0; font-size: 11px;font-family: lucida grande, arial, sans-serif; padding-bottom: 1px; } #primaryContent .sermonbox p.byline { } .sermonbox ul { position:absolute; top:32px; right:10px; margin:0; padding:0; list-style: none;} .sermonbox li { float:left; display:inline; margin-left:10px; } .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/pdf_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 { margin-top:0; padding-bottom:200px; } #mediabox ul { margin:1em 0 0; padding:0; list-style:none; } #mediabox li { padding:2px 0 2px 20px; } #mediabox li a { display:block; font-size:13px; text-transform:none; color:#5b5b52; text-decoration:none; line-height:24px;} #mediabox li a:hover { text-decoration:underline; } #mediabox li#mb_jukebox { background:url(/images/play_icon.gif) no-repeat left center; } #mediabox li#mb_download { background:url(/images/download_icon.gif) no-repeat left center; } #mediabox li#mb_notes { background:url(/images/pdf_icon.gif) no-repeat left center; } #mediabox li#mb_video { background:url(/images/video_icon.gif) no-repeat left center; } #mediabox li#mb_podcast { background:url(/images/feed_icon.gif) no-repeat left center; } /* @end */ /* @group HOW IT WORKS */ #how-it-works { height: 33px; margin:0; padding:4px 10px 0px 5px; list-style:none; background:#f0eee6; } #how-it-works li { padding-left:20px; font-family: lucida grande, arial, sans-serif;font-size:1.2em; display:block; line-height:30px; margin-right:20px; float:left; } #how-it-works li#how { font-weight:bold; padding-left:10px; } #how-it-works li#play { background:url(/images/play_icon.gif) no-repeat left center; } #how-it-works li#notes { background:url(/images/pdf_icon.gif) no-repeat left center; } #how-it-works li#video { 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 { margin-bottom:3.5em; } #sorting label { font-size:1.2em; display:block; margin:1.5em 0 .5em; font-weight:bold; color:#2f2d28; } #sorting select { width:90%; display:block; margin-bottom: 1.5em; } #sorting a { font-size:1.2em; color:#992b18; } #sorting a:hover { text-decoration: none; } /* @end */ /* @end */ /* @group CALENDAR */ #primaryContent table.calendar { margin-bottom:25px; border: 5px solid #eae8e0; border-collapse: collapse; width:98%; position:relative; } #primaryContent table.calendar caption { padding:7px 0 8px; color:#1d415a; font-weight: bold;font-size:1.4em; text-align:center; } #primaryContent table.calendar th { padding:0; background:#1d415a; color:#fefefe; font-size: 1.2em; font-weight: normal; line-height:33px; text-transform:uppercase; } #primaryContent table.calendar td { width: 68px; height:68px; padding: 1px; padding-right: 2px; border:1px solid #e3e1d9; border-left:0; text-align:right; border-top:0; background:#fefefe url(/images/td_bg.gif) repeat-x; color:#898781; font-family: lucida grande, arial, sans-serif; font-size:.9em; vertical-align:top; } #primaryContent table.calendar td a { color:#898781; text-decoration: none; } #primaryContent table.calendar td ul { margin: .3em 0 0 .3em; font-size: 100%; list-style: none; padding:6px;margin-right: -4px; } #primaryContent table.calendar td li { margin-bottom: .95em; font-size: 1.1em; line-height: 1.3; text-align:left; } #primaryContent table.calendar td li a { color: #575653; text-decoration:none; font-size:11px; } #primaryContent table.calendar td li a:hover{ text-decoration:underline; color: #8d3224; } /* @end */