/* @override http://bedrockcommunity.cpmpreview1.com/css/styles.css */ /* Site: Bedrock Community Church */ @import url(/css/nav.css); /* @group GLOBALS */ * { margin: 0; padding: 0; line-height: 1; } 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 */ #skip { display:none; position: absolute; text-indent: -9999px; list-style: none; } body { background: url(/images/bg_body.jpg); text-align:center; font-size: 62.5%; font-family: "lucida grande", "lucida sans unicode", Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #1F1E18; text-align:center; } #container { width: 831px; position:relative; margin: 71px auto; padding-top: 15px; font-size: 1.2em; text-align:left; } /* @end */ /* @group CONTENT */ #content-wrap { float:left; width:831px; clear:both; position:relative; z-index:200; padding-bottom:20px; background:url(/images/bg_container.jpg) repeat-y 265px top; } #home #content-wrap { padding-bottom:0; margin-bottom:0; background:url(/images/home_content_wrap_bg.jpg) no-repeat left top; } #banner { display:block; width:541px; height:153px; background:url(/mediafiles/subpage-banner.jpg) no-repeat; } #home #banner { height:387px; background:url(/mediafiles/home-banner.jpg) no-repeat; } #content { float:right; position:relative; left:-1px; z-index:222; width:534px; padding: 15px 15px 15px 16px; } #content h3 { color: #9a4833; margin: 0 0 0.5em; text-transform: lowercase; font: 1.6em normal georgia, serif; } #content h4, #content h5, #content h6 { font-size: 1.1em; margin: 1em 0; } #content h4 { color: #B89635; } #content h4.title { margin: 1.5em 0 0.2em; } #content h5 { color: #2A2A2A; } #content h6 { text-transform: uppercase; font-weight: normal; } #content p, #content ul, #content ol, #content td { margin: 0 1em 1em 0; line-height: 1.5; } #content ul, #content ol { margin-left: 3em; } #content ul#byline { display: inline; float: left; font-size: 1.1em; list-style: none; width:300px; margin:0 0 10px; padding:0; } #content li { line-height: 1.5; } #content hr { display: block; margin-bottom: 1em; } #content a { color: #436071; text-decoration: underline; } #content a:hover { text-decoration: none; } #content img { margin: 0 10px 5px 0; } #content img.mcms_stats { display: none; } #content #text { width:300px; float:left; } #content-topper { position: relative; top: -15px; right: 8px; } p#breadcrumbs { background: #ededd0; display:block; padding: 2px 7px; width: 524px; margin:0 0 1em; position:relative; left: 2px; top:4px; color:#572d0c; font-size:10px; } p#breadcrumbs a { color: #9a4833; text-decoration:none; } p#breadcrumbs a:hover { text-decoration:underline; } #content img#masthead { float:none; margin: 0 0 -4px 0; } /* @end */ /* @group CALENDAR */ #content table.calendar { border: 1px solid #d4cfbb; margin: 0 auto 25px; border-right: 0; border-bottom: 0; border-collapse: collapse;} #content table.calendar caption { padding-bottom: 10px; color: #303030; font-weight:bold; font-size: 110%; } #content table.calendar caption span{ color: #9f8a51; } #content table.calendar th { padding: 6px 0; background: #7a3a1d; color: #fff; font-weight: normal; text-align:center; } #content table.calendar td { width: 68px; height: 68px; padding: 2px; border: 1px solid #d4cfbb; border-left: 0; border-top: 0; background: #f5f5ea; color: #555; vertical-align: top; font-size: 0.85em; } #content table.calendar td.empty { background: #f5f5ea; } #content table.calendar td a { color: #7a3a1d; text-decoration: none; } #content table.calendar td ul { margin: .5em 0 0 .5em; font-size: 100%; list-style: none; } #content table.calendar td li { margin-bottom: .75em; font-size: 1.1em; } #content table.calendar td li a { text-decoration: underline; } #content table.calendar td li a:hover{ text-decoration: none; } /* @end */ /* @group SERMONS */ #content .sermonbox { margin-bottom: 20px; } #content .sermonbox h4 { margin-bottom: 5px; } #content .sermonbox p { padding: 0; margin: 0; } #content .sermonbox p.sermonlink { margin-top: 10px; } #content .sermonbox p.eventtime { margin-bottom: 0; } #content #mediabox { float: right; width: 125px; padding: 5px 5px 0; border: 1px solid #eee; font-size: 1em; list-style: none; } #content #mediabox li { margin-bottom: 5px; font-weight: bold; } #content #mediabox li a { display: block; height: 16px; padding-left: 20px; background-repeat: no-repeat; } #content #mediabox li#mb_print a { background-image: url(/images/mb_print.gif); } #content #mediabox li#mb_video a { background-image: url(/images/mb_video.gif); } #content #mediabox li#mb_download a { background-image: url(/images/mb_download.gif); } #content #mediabox li#mb_notes a { background-image: url(/images/mb_notes.gif); } #content #mediabox li#mb_jukebox a { background-image: url(/images/mb_jukebox.gif); } #content #mediabox li#mb_podcast a { background-image: url(/images/mb_podcast.gif); } #content #spacer { float: left; width: 1px; height: 700px; } /* @end */ /* @group QUICKLINKS */ #quicklinks { clear:both; margin:-10px 0 0 -10px; } #quicklinks ul { margin:0; padding:0; list-style:none; z-index:999; width:546px } #quicklinks li { float:left; } #quicklinks li a { display:block; width:134px; height:110px; text-align:center; margin-left:2px; font:13px arial, verdana, sans-serif; color:#572d0c; text-transform:lowercase; text-decoration:none; } #quicklinks li span { display:block; text-align:center; } #quicklinks li img { border:0; margin-bottom:0; } #quicklinks li a:hover { color:#697d83; } /* @end */ /* @group Sidebar */ #sidebar { float:left; width:255px; padding-left:10px; position:relative; background:url(/images/bg_side.gif) repeat-y 12px top; margin-top:15px; } #home #sidebar { padding-left:10px; height:475px; } #side-back { height:256px; width:265px; background:url(/images/side_back_bg.gif) no-repeat 3px top; position:absolute; top:15px; z-index:0; } #side-bottom { clear:both; display:block; height:31px; width:265px; background:url(/images/sidebar_btm_bg.gif) no-repeat; position:absolute; bottom:-31px; left:0; z-index:100; } #side-bottom p { font:10px arial, verdana, sans-serif; color:#020202; margin:0; padding:0; position:relative; top:-8px; left:8px;} #sidebar p { margin: 10px; } #sidebar ul { list-style: none; margin: 0 0 10px 8px; } #sidebar a { color: #5C340A; } #sidebar h3 { padding-bottom:10px; width:95%; background:url(/images/dotted_bg.gif) repeat-x left bottom; text-transform:lowercase; margin:0 0 1em; font-size:15px; color:#572d0c; font-weight:normal; } /* @group SUBNAV */ #subnav { padding:0px 10px 0; list-style:none; float:right; height:20px; clear:both; position:absolute; right:0; top:-10px; z-index:1; } #subnav li { float:left; } #subnav li a { display:block; float:left; width:19px; height:19px; text-indent:-999em; } #subnav li a#podcast { background:url(/images/sidebar_podcast_icon.gif) no-repeat; margin-right:12px; } #subnav li a#rss-feed { background:url(/images/sidebar_rss_icon.gif) no-repeat; } /* @end */ /* @group QUICKLINKS */ #sidebar #quicklinks { padding:0; margin-bottom:2.5em; position:relative; z-index:1; width:230px; } #sidebar #quicklinks h3 { background:url(/images/quicklinks_h3.gif) no-repeat; text-indent:-999em; height:19px; margin-bottom:1em; } #sidebar #quicklinks ul { margin:0; padding:0; } #sidebar #quicklinks li { margin-bottom:.5em; } #sidebar #quicklinks img{ border:0; } /* @end */ /* @group UPCOMING EVENTS */ #upcoming-events { margin:10px 0 0 23px; position:relative; } #home #upcoming-events { height:240px; } #upcoming-events h4 a { font-size:12px; color:#ba973a; text-decoration:none; text-transform:uppercase; } #upcoming-events p { font-size:11px; line-height:16px; color:#2b2f2f; margin:.5em 0 2em; } /* @end */ /* @group SERVICE TIMES */ #service-times { margin:0 0 2em 23px; position:relative; } #service-times h3 { margin-bottom:.5em; } #service-times a.directions { font-size:12px; color:#ba973a; text-decoration:none; position:absolute; top:2px; right:10px; padding-left:12px; background:url(/images/directions_arrow.gif) no-repeat left 2px; } #service-times a.directions:hover{ text-decoration:underline } #service-times p { font-size:12px; color:#00627a; margin:0 0 .5em; } /* @end */ /* @group LOGO AND ADDRESS */ h1 { display:block; background:url(/images/logo.gif) no-repeat; width:255px; height:99px; text-indent:-999em; margin-left:0; } #home h1 { position:absolute; bottom:0; margin-left:2px; margin-bottom:0; } h1 a { display:block; width:255px; height:99px; } #address { background:url(/images/sidebar_btm_bg.gif) no-repeat; position:absolute; width:255px; } #address p { font-size:10px; font-family:arial, verdana, sans-serif; color:#020202; position:relative; top:-7px; } #home #address { background:none; height:25px; bottom:-25px; } /* @end */ /* @end */ /* @group Footer */ #footer { position:relative; z-index: 111; width:831px; height:50px; clear: both; background:url(/images/sub_footer_bg.gif) no-repeat 265px top; font-size: 95%; z-index:5; } #home #footer { width:831px; margin:0px 0 0 11px; background:transparent url(/images/footer_bg.gif) no-repeat; top:-26px;} #footer, p.copyright a, p.powered a { color: #f5f4eb; overflow:visible; } p.copyright { position:absolute; top: 35px; left: 265px; } p.powered { position:absolute; top: 35px; right: 15px; text-align:right; } #footer a:hover { text-decoration:none; } /* @end */ /* @group COMMENTS */ #comments form { margin-top:2.5em; } #comments label { display:block; font-weight:bold; margin-bottom:.5em; } #comments textarea { width:75%; height:200px; margin-bottom:1em; } #comments .comment { padding:1em 0; border-bottom:1px solid #efefef; } /* @end */