/* @override http://www.crosspointewinterpark.com/css/styles.css */ /*===== CLIENT: CrossPointe Winter Park FILE: styles.css - main CSS styles for staging site CREATED: 1/12/2009 MODIFIED: 1/21/2009 AUTHOR: Ben Otero (ben@churchplantmedia.com) =====*/ /* @group GLOBAL */ body { background:#fff url(/images/body_bg.gif) repeat-x center top; margin:0; padding:0; font-size:62.5%; font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif; height:100%; } * html, html { height:100%; } hr { display: none; } #skip { position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; } #outer-container { background:url(/images/outer_container_bg.jpg) no-repeat center top; min-height:100%; position:relative; padding-bottom:4.5em;} #home #outer-container { padding-bottom:0; } * html #outer-container { height:100%; } #container { margin:0 auto; width:960px; position:relative; } a { overflow: 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; height:195px; z-index:1000; margin-bottom:8px} #header-inner { width:960px; height:195px; margin:0 auto; position:relative; } #header h1, #header h1 a { display:block; width:185px; height:52px; margin:0; } #header h1 { background:url(/images/logo.gif) no-repeat; text-indent:-999em; position:absolute; left:94px; top:71px; } /* @end */ /* @group CONGREGATION TABS */ #congregations { position:absolute; height:22px; top:4px; left:116px; margin:0; padding:0; } #congregations li { padding-left:3px; float:left; margin-right:4px;} #congregations li a { display:block; line-height:23px; float:left; padding:0 7px 0 4px; color:#bababa; font-weight:bold; font-size:1.2em; text-decoration:none; } #congregations li#winter-park { background:url(/images/topbar_li_bg.gif) no-repeat left top; } #congregations li#winter-park a { background:url(/images/topbar_a_bg.gif) no-repeat right top; color:#fff; } /* @end */ /* @group NAVIGATION */ #nav, #nav * { margin:0; padding:0; list-style:none; } #nav { position:absolute; top:0; right:15px; z-index:1000; } #nav li { float:left } #nav li a { display:block; padding:0 15px; font-size:1.2em; color:#a9aeb3; line-height:32px; text-decoration:none;padding-top: 1px; } #nav li:hover { background:#46505b;height: 32px; } #nav li a:hover {color: #fff; } #nav li.current a { } #nav li.children a { background:url(/images/down_arrow.gif) no-repeat 90% center; padding-left: 17px; padding-right: 21px; } #nav li ul { position:absolute; left:-999em; width:160px; background:#1a2027; margin-top: -1px; } #nav li:hover ul { left:auto } #nav li:hover li a { background:none; width:120px; line-height:22px; padding:5px 20px; } #nav li li a:hover { background:#46505b; } /* @end */ /* @group SUBMENU */ #submenu { position:absolute; right:5px; top:79px; margin:0px; padding:0px; z-index:1 } #submenu ul, #submenu * { list-style:none; margin:0px; padding:0px; } #submenu li { float:left; list-style:none; margin:0 12px; padding:0px; } #submenu li a { display:block; margin:0px; padding:0; text-decoration:none; color:#fff; font:bold 16px "Lucida Grande", arial, helvetica, geneva, sans-serif; text-shadow: 0 1px 1px #1f2932; } #submenu li.current a, #submenu li:hover a { color:#fff; text-decoration:#fff; border-bottom:5px solid #587f96; height: 22px; } #submenu li ul { position:absolute; left:-999em; padding-top:10px; background:#1b2026; width:160px; padding-bottom: 7px;} #submenu li li { margin:0; margin-bottom: 2px;} #submenu li:hover li a { font-size:11px; font-weight: normal;border:none; color:#a4aeb3; display:block; line-height:18px; padding:1px 13px; width:134px; text-shadow:none; } #submenu li:hover li a:hover { font-size:11px; border:none; color:#fff; display:block; line-height:18px; padding:1px 13px; width:160px; text-shadow:none; } #submenu li:hover ul { left:auto;} #submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li:hover ul ul ul ul { left:-5000px;} #submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li li li li:hover ul { left:auto;} #submenu li:hover ul li:hover ul { margin:-28px 0 0 140px;} /* @end */ /* @group BANNER */ #banner { display:block; padding:15px 0 0 16px; width:957px; height:272px; background:url(/images/banner_bg.png) no-repeat; position:relative; left:-14px; z-index:2; margin-top:-67px } #banner p { margin:0; padding:0; display:block; width:940px; height:254px; background:url(/mediafiles/subpage-header.jpg) no-repeat; } #home #banner { padding:15px 0 0 16px; width:957px; height:491px; background:url(/images/home_banner_bg.jpg) no-repeat; position:relative; left:-14px; } #home #banner p { margin:0; display:block; width:940px; height:474px; background:url(/mediafiles/home-header.jpg) no-repeat; } #home #rotator { position:relative; display:block; width:940px; height:474px; } #home #rotator img { border:0; position:absolute; top:0; left:0; display:none; width:940px; height:474px; } /* @end */ /* @group ROTATOR CONTROLS */ #controls { height:29px; background:url(/images/controls_container_bg.png) no-repeat left top; padding-left:2px; position:absolute; top:452px; } #controller { background:url(/images/controls_bg.png) no-repeat right top; padding-right:3px; } #controls ul { margin:0; padding:3px 0; list-style:none; height:23px; position:relative; } #controls li { display:inline; } #controls li a { float:left; display:block; line-height:23px; font-size:11px; color:#bbb7b1; text-decoration:none; padding:0 9px;} #controls li a.current { background:#567c93; color:#fff; } #controls li#controls-previous { position:absolute; left:-34px; top:0 } #controls li#controls-previous a{ display:block; width:29px; height:29px; background:url(/images/controls_prev_btn.png) no-repeat; text-indent:-999em; padding:0; } #controls li#controls-next { position:absolute; right:-35px; top:0;} #controls li#controls-next a { display:block; width:29px; height:29px; background:url(/images/controls_next_btn.png) no-repeat; text-indent:-999em; padding:0; } #controls li a:focus { outline:none; } /* @end */ /* @group PRIMARY CONTENT */ #primaryContent { float:left; padding:0 30px 0 2px; width:650px; position:relative; } #home #primaryContent { float:none; margin-bottom:14px; padding:0; } .wide #primaryContent { width:915px; } #primaryContent li, #primaryContent td, #primaryContent p { font-size:1.2em; color:#48494b; line-height:1.5em; } #primaryContent p *, #primaryContent li *, #primaryContent td * { font-size:1em; line-height:1; } #primaryContent a { color:#3591c4; } #primaryContent a:hover { text-decoration:none; } #primaryContent #subscribe { padding:2px 0 2px 20px; background:url(/images/feed_icon.gif) no-repeat left center; font-size:1.2em; position:absolute; top:20px; right:20px; } #primaryContent img { border:none; } img.left-align { float:left; position:relative; left:-10px; } img.right-align { float:right; position:relative; right:-10px; } #primaryContent h2 { font-size:2em; margin:11px 0 0; padding:0; color:#35414f; text-transform:uppercase; font-weight:normal; } h3, h4, h5, h6 { color:#35414f; } #primaryContent h3 { font-size:1.6em; } #primaryContent h4 { font-size:1.5em; } #primaryContent .article h4 { margin-bottom:8px; } #primaryContent h5 { font-size:1.4em; } #primaryContent h6 { font-size:1.3em; } /* @end */ /* @group QUICKLINKS */ #quicklinks { position:relative; left:-14px; top:-11px; width:980px; margin-right:-30px;} .quicklink { display:block; float:left; width:240px; height:159px; background:url(/images/ql_bg.gif) no-repeat; position:relative; margin-right:5px;} .quicklink img { position:absolute; top:11px; left:13px; border:0; z-index:10px; } #quicklinks a:hover img { border:2px solid #77bde4; top:9px; left:11px; } .quicklink span { display:block; padding:4px 10px 0 0; width:203px; height:21px; position:absolute; top:112px; left:13px; line-height:25px; background:url(/images/ql_overlay.png) no-repeat; text-align:right; } /* @end */ /* @group SECONDARY CONTENT */ #secondaryContent { float:left; padding-left:15px; width:235px; margin:0 0 0 20px; background:url(/images/sidebar_bg.gif) no-repeat; position:relative; top:-7px; z-index:1; min-height:390px; } /* @end */ /* @group SUBNAV */ #subnav, #subnav * { margin:0; padding:0; width:223px; list-style:none; } #subnav { margin:0; padding:20px 0 0; } #subnav li.current a { font-size:1.4em; color:#3a3e44; font-weight:bold; text-transform:uppercase; border-bottom:2px solid #d3d3d3; text-decoration:none; padding:0 13px 8px; margin-bottom:7px; display:block; width: 200px; } #subnav li.current li a { font-size:13px; font-weight:normal; border:none; text-transform:none; line-height:15px; padding:5px 15px 5px; } #subnav li li.current a { background:url(/images/subnav_current.gif) no-repeat; color:#fff; font-weight:bold; line-height:22px; padding-bottom:6px; margin-top:-1px; } #subnav li.current li li a{ margin-left: 20px; width: auto; background: none; color: #3a3e44; font-weight: normal; margin-bottom: 0; } #subnav li.current li li.current a{ font-weight: bold; color: #9C1D29; background: url(/images/bg_subnav_li_li_current.gif) no-repeat 0 12px; } /* @end */ /* @group FOOTER */ #footer { margin-top:-4em; padding:10px 0 50px 3px; position:relative; background:#eeeeee; clear:both; } #home #footer { top:6px; margin:0; } #footer-inner { width:960px; margin:0 auto; position:relative; } #footer p { margin-top:10px; font-size:1.1em; color:#737373; } #footer a { color:#737373; } #footer a:hover { text-decoration:none; color: #4f4f4f; } #footer #cpm { display:block; width:141px; height:21px; background:url(/images/cpm_logo.gif) no-repeat; text-indent:-999em; position:absolute; right:19px; top:0px; } #footer #cpm:hover { background-position:left bottom; } #footer form * { border:0; background:none; margin:0; padding:0; } #footer form { background:url(/images/eletter_bg.gif) no-repeat; display:block; width:432px; height:32px; position:relative; top:5px; left:-8px; padding-left:15px; padding-top:15px; } #footer label { display:block; float:left; width:140px; height:15px; text-indent:-999em;} #footer #ea { padding-left:7px; width:180px; float:left; margin-left:7px; height:15px; position:relative; top:-1px; font:11px helvetica, arial, sans-serif; color:#818181; } #footer #ea:focus { outline:none; } #footer #signup { position:relative; top:-7px;margin-left:5px; } /* @end */