/* @override http://chosenministries.cpmpreview1.com/css/styles.css */ /*===== SITE: Chosen Ministries FILE: styles.css - main CSS styles for staging site CREATED: 4/30/2008 MODIFIED: 4/31/2008 AUTHOR: Ben Otero (ben@churchplantmedia.com) /* @group GLOBAL */ html { height:100%; } body { background:#ebe4d5 url(/images/body_bg.gif) repeat-x; margin:0; padding:0; font-size:62.5%; font-family:"Lucida Grande", arial, helvetica, sans-serif; color:#4b4b47; height:100%; } hr { display: none; } #skip { position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; } #container { margin:0 auto; width:860px; position:relative; min-height:100%; } * html #container { height:100%; } #mainContent { position:relative; clear:both; } .column { float:left; display:inline; } .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 NAVIGATION */ #nav, #nav * { list-style:none; margin:0; padding:0; } #nav { height:37px; position:relative; z-index:1000; padding-left:23px; } #nav li { float:left; display:inline; } #nav li a { font-size:1.2em; color:#53514f; text-decoration:none; padding:0 20px; display:block; line-height:37px;} #nav li a:hover { color:#262624; background:#f7f2e8 url(/images/nav_hover_bg.gif) repeat-x left bottom; } #nav li.current { padding-left:3px; background:url(/images/nav_li_current.gif) no-repeat left top; position:relative; top:-3px; margin-bottom:-8px; } #nav li.current a, #nav li.current a:hover { padding-left:17px; background:url(/images/nav_a_current.gif) no-repeat right top; color:#244564; line-height:43px; } #nav li ul { display:none; } /* @end */ /* @group HEADER */ #header { position:relative; width:860px; height:136px; } #header h1, #header h1 a { display:block; width:266px; height:94px; } #header h1 { margin:0; padding:0; position:absolute; top:20px; left:5px; text-indent: -999em; background:url(/images/logo.gif) no-repeat; } #header h1 a:focus { outline:none; } #eletter { position:absolute; top:43px; right:-13px; width:215px; } #eletter * { margin:0; padding:0; border:0; } #eletter label { display:block; text-indent:-999em; background:url(/images/eletter_label.gif) no-repeat; height:18px; margin-bottom:7px; } #eletter input#ea { padding:5px 4px; width:138px; float:left; } #eletter input#button { position:relative; top:0px; left:3px; float:left; } #tagline { display:block; width:180px; height:49px; background:url(/images/tagline_bg.png) no-repeat; text-indent:-999em; position:absolute; top:59px; right:-5px; } #skip { position:absolute; top:-999em; left:-999em; } /* @end */ /* @group PRIMARY CONTENT */ #primaryContent { position:relative; } #buttons { position:absolute; top:-28px; right:18px; z-index:3000; } #buttons form { float:left; position:relative; left:10px; top:0px; margin:0; padding:0; } #buttons img { border:0; } #buttons p { float:left; margin:0; padding:0; display:inline; } #content { float:left; width:600px; padding-left:15px;} #content.wide { width:860px; } #content a { color:#183a6c; } #content a:hover { text-decoration:none; } #lowerContent { padding-bottom:50px; } #lowerContent p, #lowerContent li, #lowerContent td { font-size:1.3em; color:#3d3d3a; line-height:1.5em; } #content .article p { margin-top:0; } #primaryContent li p, #content li p, #content td * { font-size:1em; margin:0; line-height:1em; } 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 */ h2, h3, h4, h5, h6 { color:#183a6c; } h2 { margin-top:0; font-size:1.9em; } #content h3 { font-size:1.5em; } #content h4 { font-size:1.4em; } #content h4.title { margin:0; } #content h5 { font-size:1.3em } #content h6 { font-size:1.3em; font-style:italic; } /* @end */ /* @group BANNER */ #banner img { border:0; } #banner { display:block; width:890px; height:222px; position:relative; top:-5px; background:url(/images/sub_banner_bg.jpg) no-repeat; } #banner-inner { float:left; margin:0; width:869px; height:192px; background:url(/mediafiles/subpage-header.jpg) no-repeat; position:relative; left:10px; top:12px; } #banner-left { display:block; width:126px; height:213px; background:url(/images/sub_banner_left.jpg) no-repeat; position:absolute; top:4px; left:-126px; } #banner-right { display:block; width:116px; height:213px; background:url(/images/sub_banner_right.jpg) no-repeat; position:absolute; top:3px; right:-112px; } /* @end */ /* @group SIDEBAR */ .box { background:url(/images/box_bg.gif) repeat-y left top; } .box-btm { background:url(/images/box_btm.gif) no-repeat left bottom; display:block; height:20px; width:235px; position:relative; } #subnav .box-btm { margin:0; } #sidebar { float:right; width:235px; background:url(/images/sidebar_bg.gif) no-repeat; position:relative; right:-15px;; } #sermons #sidebar { background:none; } #subnav { margin-top:7px; padding:7px 17px 0 17px; background:url(/images/box_bg.gif) repeat-y left top; } #subnav .box-btm { margin-left:-17px; } #snav, #snav * { margin:0; padding:0; list-style:none; } #snav li { display:none; } #articles li#snav_resources, #articles li#snav_resources li, #sermons li#snav_resources, #sermons li#snav_resources li, #snav li.current, #snav li.current li { display:block; } #articles li#snav_resources a, #sermons li#snav_resources a, #snav li.current a { display:block; font-size:16px; font-weight:bold; text-decoration:none; color:#183a6c; padding:0 7px 9px; border-bottom:1px solid #dcd7c7; margin-bottom:8px; } #articles li#snav_resources li a, #sermons li#snav_resources li a, #snav li.current li a { font-size:13px; font-weight:normal; color:#656560; padding:0 7px; margin:0; border:0; height:27px; line-height:27px; } #articles li#snav_resources li#snav_resources_articles a, #sermons li#snav_resources li#snav_resources_sermons a, #snav li li.current a { background:url(/images/subnav_current.gif) no-repeat; position:relative; left:-17px; padding:0 0 0 24px; height:27px; color:#fdfcf9; margin:0; line-height:27px; width:213px; } #sermons li#snav_resources li a:hover, #articles li#snav_resources li a:hover, #snav li li a:hover { color:#292927; } /* SERMON AND ARTICLE PAGE CORRECTIONS */ #events li#snav_home, #articles li#snav_home, #sermons li#snav_home { display:none; } /* @end */ /* @end */ /* @group SECONDARY CONTENT */ #secondaryContent { position:relative; } #secondaryContent .column { width:267px; margin-right:30px; background:url(/images/stripe_bg.gif) repeat-x left 26px;} /* @end */ /* @group FOOTER */ #footer { position:relative; top:10px; margin-top:-50px; background:url(/images/footer_bg.gif) repeat-x; } #footer-inner { margin:0 auto; width:860px; text-align:center; height:121px; padding-top:44px; background:url(/images/vignette_bg.gif) no-repeat center 20px; } #footer p { font-size:1.1em; color:#fdfcf9; line-height:1.5em; margin:0;} #footer a { color:#fdfcf9; } #footer a:hover { text-decoration: none; } #footer-buttons { margin-top:11px; } #footer img { border:0; } /* @end */ /* @group SERMONS */ #filter { margin:0 0 1em; } #filter select { width:100px; margin-left:10px; } #filter a { margin-left:20px; } .sermonlist { } #content .sermonlist h4 { margin:0; padding:10px 0; } .sermonbox { position:relative; padding:10px 0; border-top:1px solid #dfdaca; } .sermonbox a { text-decoration:underline; } .sermonbox a:hover { text-decoration:none; } #content .sermonbox h5 { margin:0;} #content .sermonbox h5 span { font-size:10px; margin-left:10px; } .sermonbox h5 a { font-weight:bold; color:#183a6c;} .sermonbox h5 a:hover { color:#556c6b } #content .sermonbox p { margin:0;} .sermonbox ul { position:absolute; top:30px; 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 { } #byline { margin:10px 0 0; padding:0; list-style:none; } #mediabox { float:right; width:125px; padding:10px; margin:5px 0 0 10px; list-style:none; border:1px solid #dfdaca; background:#f2ede3; } #mediabox li { padding:2px 0 2px 20px; } #mediabox li a { color:#183a6c; } #mediabox li a:hover { text-decoration:none; } #mediabox li#mb_links { background:#d3cebd; color:#656560; margin:-10px -10px 10px; padding:10px; font-weight:bold; border-bottom:1px solid #d3cebd; } #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; } /* @end */ /* @group HOW IT WORKS */ #sorting, #how-it-works { padding:17px; margin:10px 0; } #sorting h3, #how-it-works h3 { background:url(/images/sidebar_bg.gif) no-repeat left top; margin:-17px -17px 1em; padding:17px 17px 0; font-size:1.5em; } #how-it-works ul { margin:1.5em 0 0; padding:0; list-style:none; } #how-it-works li { padding-left:20px; margin-bottom:1.5em; font-size:1.2em; } #how-it-works li span { font-weight:bold; } #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; } .box .box-btm { margin:0 -17px -17px; } /* @end */ /* @group SORTING */ #sorting { } #sorting ul { margin-top:1.5em; padding:0; list-style:none; } #sorting li a { font-size:1.2em; color:#e9a924; } #sorting li a:hover { text-decoration: none; } /* @end */ /* @end */ /* @group CALENDAR */ #content table.calendar { margin-bottom: 25px; border-collapse: collapse; width:100%; } #content table.calendar caption { padding-bottom: 10px; color: #183a6c; font-size: 1.4em; } #content table.calendar th { padding: 6px 0; background:#d3cebd; color:#183a6c; font-size: 1.3em; font-weight: normal; } #content table.calendar td { width: 68px; height: 68px; padding: 2px; border: 1px solid #dfdaca; border-left: 0; border-top: 0; background:#f2ede3; color:#252525; font-size: 1em; vertical-align: top; } #content table.calendar td.linked-day{ background:#79abcd; } #content table.calendar td a { text-decoration: none; color:#fff;} #content table.calendar td ul { margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; } #content table.calendar td li { margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; } #content table.calendar td li a { text-decoration: underline; } #content table.calendar td li a:hover{ text-decoration: none; } /* @end */