/* Stylesheet for Relaxed Church Website -------------------------------------------------------- File Name: styles.css Media: Screen Version: 1.1 Created: 05/09/2007 Last-Modified: 05/10/2007 -------------------------------------------------------- */ /* HTML Elements ---------------------------------------------------------- */ /* --- Document Elements --- */ * { margin: 0px; padding: 0px; } * html div { behavior: url(/user-styles/iepngfix.htc); } /* --- Block Elements --- */ br {} hr {} img { border: 0px none; } a img { border: 0px none; } /* --- Header Text --- */ h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } h1 { font-size: 32px; color: #000000; margin-bottom: 15px; } h2 { font-size: 16px; color: #000000; margin-bottom: 2px; } h3 { font-size: 13px; color: #000000; margin-bottom: 2px; } h4 { font-size: 12px; color: #000000; margin-bottom: 2px; } h5 { font-size: 11px; color: #000000; margin-bottom: 2px; } h6 { font-size: 10px; color: #000000; margin-bottom: 2px; } /* --- Block Text --- */ p, blockquote, caption, div { font-family: Arial, Helvetica, sans-serif; } p { } blockquote {} caption {} div {} /* --- Text Elements --- */ a { } a:hover { } pre {} span {} sup { font-size: 9px; } small { font-size: 10px; } address {} /* --- List Items --- */ ul, ol, li { font-family: Arial, Helvetica, sans-serif; } ul {} ul li { } ol {} /* --- Definition Elements --- */ dl, dt, dd { font-family: Arial, Helvetica, sans-serif; } dl {} dt {} dd {} /* --- Table Elements --- */ table { } table a { } table a:hover { } th { } thead {} tbody {} tr {} td { } tfoot {} legend {} /* --- Inputs --- */ input, select, button, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } fieldset {} legend {} form {} input { margin: 0px 5px 0px 0px; } select { margin-bottom: 10px; } button {} textarea { margin-bottom: 10px; } /* Site-wide Body ---------------------------------------------------------- */ body { background: #414140 none; margin: 0px; padding: 0px; font-size: 12px; height: 100%; } body#i1320 19th Street 8th Floornterior {} /* Container ---------------------------------------------------------- */ #container, .center { margin: 0px auto; padding: 0px; width: 955px; } /* Header ---------------------------------------------------------- */ #header { width: 955px; background: transparent url(/frame-images/relaxedchurch_com/backgrounds/top_background.jpg) no-repeat 0px 0px; height: 53px; margin: 0px; padding: 10px 0px 0px 0px; } * html #header { margin-bottom: -6px; position: relative; } #header h1 { display: none; } body#interior #header { width: 955px; background: transparent url(/frame-images/relaxedchurch_com/backgrounds/interior_header_background.jpg) no-repeat 0px 0px; height: 77px; margin: 0px; padding: 10px 0px 0px 0px; } /* ADDED May 10th, 2007 - AL */ /*body#interior #header { width: 955px; background: transparent url(/frame-images/relaxedchurch_com/backgrounds/interior_header_background.jpg) no-repeat 0px 0px; height: 67px; margin: 0px; padding: 20px 0px 0px 0px; }*/ /* Primary Navigation */ #nav { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; background: transparent url(/frame-images/relaxedchurch_com/backgrounds/nav_background.jpg) no-repeat 0px 0px; height: 28px; list-style-type: none; } #nav li { padding: 0px; margin: 0px 0px 0px -3px; float: left; } #nav a { display: block; height: 28px; } /* Secondary Navigation */ #nav2 { padding: 0px 0px 0px 50px; margin: 10px 0px 0px 0px; list-style-type: none; } #nav2 li { padding: 0px; margin: 0px 12px 0px 0px; float: left; } #nav2 a { display: block; height: 11px; width: 71px; } /* Flash ---------------------------------------------------------- */ #flash { margin: 0px; padding: 0px; width: 955px; height: 471px; background: transparent url(/frame-images/relaxedchurch_com/backgrounds/banner-bg.jpg) no-repeat 0px 0px; } /* Middle Body (Interior) ---------------------------------------------------------- */ #middlebody { display: block; background: transparent url(/frame-images/relaxedchurch_com/backgrounds/middle_background.jpg) no-repeat 0px 0px; width: 955px; height: 532px; padding: 0px; margin: 0px 0px -532px 0px; } /* Content ---------------------------------------------------------- */ #content { width: 955px; margin: 0px; padding: 0px 0px 8px 0px; background: transparent url(/frame-images/relaxedchurch_com/backgrounds/content_background.jpg) repeat-y 0px 177px; } * html #content { } body#interior #content { width: 955px; margin: 0px; padding: 0px 0px 0px 0px; background: transparent none; } * html #secnav { margin-left: 7px } #secnav { margin: 0px -129px 0px 15px; padding: 0px 0px 0px 0px; width: 219px; float: left; position: relative; } #content #secnav h2 { color: #ffffff; font-size: 18px; background: url(/frame-images/relaxedchurch_com/backgrounds/secnav_header_background.png); width: 184px; height: 22px; padding: 40px 0px 0px 35px; margin: 0px; line-height: 18px; } * html #content #secnav h2 {behavior: url(css/iepngfix.htc);} #content #secnav a { color: #ffffff; text-decoration: none; } #content #secnav a:hover { text-decoration: line-through; color: #ffffff; } #content #secnav ul { margin: 0px -4px 0px 0px; padding: 15px 0px 0px 0px; list-style-type: none; background: transparent url(/frame-images/relaxedchurch_com/backgrounds/secnav_background.png) repeat 0px 0px; width: 197px; float: left; min-height: 158px; } * html #content #secnav ul { behavior: url(css/iepngfix.htc); background:url("/frame-images/relaxedchurch_com/backgrounds/secnav_background_ie6.png"); width: 200px; height: 247px;} #content #secnav li { color: #000000; padding: 0px 0px 12px 25px; font-weight: bold; background: transparent url(/frame-images/relaxedchurch_com/lists/star_bullet.gif) no-repeat 9px 2px; font-size: 13px; } #content #secnav li.selected { color: #B6D8ED; background-image: url(/frame-images/relaxedchurch_com/lists/starselected_bullet.gif); } #content #secnav li a { color: #000000; } #content #secnav li.selected a { color: #B6D8ED; text-decoration: none; } #secnavleft { display: inline; width: 4px; height: 173px; background: transparent url(/frame-images/relaxedchurch_com/backgrounds/secnav_left_stripe.png) no-repeat 0px 0px; margin: 0px -4px 0px 22px; padding: 0px; float: left; position: relative; } * html #secnavleft{behavior: url(css/iepngfix.htc); background: url(/frame-images/relaxedchurch_com/backgrounds/secnav_left_stripe_ie6.png) } #text { width: 597px; min-height: 455px; margin: 0px 0px 0px 0px; padding: 37px 60px 40px 162px; float: left; } #content #text p { line-height: 24px; } #content #text ul { margin: 15px 0px 15px 0px; padding: 0px; list-style-type: none; } #content #text ul li { margin: 0px; padding: 0px 0px 5px 15px; background: transparent url(/frame-images/relaxedchurch_com/lists/graystar_bullet.gif) no-repeat 0px 5px; line-height: 24px; } #content #text div.photoright { float: right; margin: 5px 0px 10px 10px; padding: 0px 0px 5px 0px; } #content #text div.photoright img { border: 3px solid #3c7ba7; padding: 0px; margin: 0px; float: none; } #content #text div.photoright p { border-top: 1px dashed #3c7ba7; margin: 3px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; } #content h2 { font-size: 54px; line-height: 56px; color: #9C1717; margin: 0px 0px 20px 0px; } #content h3 { font-size: 14px; margin: 10px 0px 3px 0px; } #content a { color: #227AB2; } #content a:hover { color: #cc0000; } #content p { margin-bottom: 5px; line-height: 18px; } #content img { display: block; float: left; padding: 0px 10px 10px 0px; } #content strong, #content b { color: #227AB2; } /* Upcoming Events */ #events { width: 251px; margin: 0px; padding: 0px 25px 0px 90px; float: left; } #events h2 { background: transparent url(/frame-images/relaxedchurch_com/backgrounds/ue_header_background.jpg) no-repeat 0px 0px; height: 177px; width: 366px; margin: 0px -25px -135px -90px; } /* Interactive Pastors */ #pastors { width: 302px; margin: 0px; padding: 0px 10px 0px 25px; float: left; } #pastors h2 { background: transparent url(/frame-images/relaxedchurch_com/backgrounds/ip_header_background.jpg) no-repeat 0px 0px; height: 177px; width: 337px; margin: 0px -25px -125px -25px; } .stories { margin: 0px 0px 10px 0px; float: left; width: 195px; min-height: 82px; } .storiesnoimage { margin: -10px 0px 10px 0px; float: left; min-height: 82px; } #pastors .stories h3 { margin: 0px 0px 3px 0px; padding: 0px; } /* Outreach */ #outreach { width: 202px; margin: 0px; padding: 0px 25px 0px 25px; float: left; } #outreach h2 { background: transparent url(/frame-images/relaxedchurch_com/backgrounds/outreach_header_background.jpg) no-repeat 0px 0px; height: 177px; width: 252px; margin: 0px -25px -135px -25px; } #outreach ul { margin: 10px 0px 3px 0px; list-style-type: none; } #outreach li { padding: 0px 0px 10px 15px; line-height: 18px; background: transparent url(/frame-images/relaxedchurch_com/lists/outreach_bullet.gif) no-repeat 0px 3px; font-weight: bold; } /* Content Bottom */ #contentbottom { display: block; background: transparent url(/frame-images/relaxedchurch_com/backgrounds/ue_bottom_background.jpg) no-repeat 0px 0px; width: 366px; height: 8px; margin: -5px 0px 0px 0px; padding: 0px; font-size: 8px; } /* Other Classes */ .bluebold { color: #2E89C3; } .darkgraybold { color: #51575F; } /* Utility ID's ---------------------------------------------------------- */ .clear { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0px -1px -1px 0px; border: 0px; font-size: 0px; line-height: 0px; } .hide { display: none; } /* Footer ---------------------------------------------------------- */ #footer { margin: 5px 0px 10px 44px; padding: 10px 0px 0px 22px; background: transparent url(/frame-images/relaxedchurch_com/backgrounds/footer_background.jpg) no-repeat 0px 0px; width: 858px; height: 23px; color: #51575F; } body#interior #footer { margin: 5px 0px 10px 105px; width: 797px; } /* Logo Link ------------------------------------------------------------ */ .logo-link { position:absolute; z-index: 99; display:block; margin:18px 0 0 566px; width: 235px; height: 80px; } /* Default Styles DO NOT REMOVE */ div.listRow { clear: both; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } div.listRow div.icon { float: left; margin: 0px 0px 0px 0px; } div.listRow div.title { float: left; margin: 0px 0px 0px 0px; } div.listRow div.description { clear: both; margin: 0px 0px 0px 0px; } div.listRow div.listRowChildren { clear both: margin: 5px 0px 0px 10px; padding: 0px 0px 0px 0px; } div.listRow div.listRowChildren ul { } div.listRow div.listRowChildren li { } /* End Default Styles */ /* Start of Site Search Styles */ #siteSearchContainer { clear: both; } #siteSearchContainer input { width: 170px; } #siteSearchContainer div.siteSearchBox { clear: both; background: #F6F6ED; border: 1px solid #B1BCB4; padding: 10px 10px 10px 10px; margin: 20px 0px 20px 0px; } #siteSearchContainer div.clear { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; font-size: 5px; } #siteSearchContainer div.siteSearchBox h3 {float: left; margin: 0px 0px 10px 0px; } #siteSearchAction { float: left; margin: 0px 10px 0px 5px; } #siteSearchContainer div.left { float: left; margin: 0px 5px 0px 0px; } #siteSearchContainer div.right { float: right; margin: 0px 2px 0px 0px; } #siteSearchContainer table, tr, td { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; background: none; text-align: left; vertical-align : top; } #advancedSearchOptionsContainer { display: none; clear: both; } #searchHelpContainer { display: none; clear: both; } #advancedSearchOptionsContainer input.radioGroup { width: 20px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; background: none; } #advancedSearchOptionsContainer input.checkbox { width: 20px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; border: none; background: none; text-align: left; } #advancedSearchOptionsContainer div#textFiltersContainer { clear: both; display: none; } #advancedSearchOptionsContainer div#documentFiltersContainer { clear: both; display: none; } #siteSearchResultsContainer { clear: both; } #siteSearchResultsContainer div#siteSearchResultsHeader {} #siteSearchResultsContainer div#siteSearchResultsHeader h3 {} #siteSearchResultsContainer div.siteSearchPaging { margin: 20px 0px 20px 0px; } #siteSearchResultsContainer div.resultRow { clear: both; background: none; margin: 20px 0px 0px 0px; padding: 1px 1px 1px 1px; } #siteSearchResultsContainer div.resultTitle { padding: 2px 0px 0px 0px; border: 1px solid #B1BCB4; background: #F6F6ED; clear: both; } #siteSearchResultsContainer div.resultTitle a { font-weight: bold; margin-top: 40px; } #siteSearchResultsContainer span.highlight { padding: 1px 1px 1px 1px; background: #F6F6ED; border: 1px solid #B1BCB4; font-weight: bold; } #siteSearchResultsContainer a.pagingAction { text-decoration: none; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.pagingAction:hover { text-decoration: none; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.pagingAction:visited { text-decoration: none; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.pagingAction:selected { text-decoration: none; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.disabled { text-decoration: none; color: silver; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.disabled:hover { text-decoration: none; color: silver; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.disabled:visited { text-decoration: none; color: silver; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.disabled:selected { text-decoration: none; color: silver; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.selected { text-decoration: none; font-weight: bold; } #siteSearchResultsContainer a.selected:hover { text-decoration: none; font-weight: bold; } #siteSearchResultsContainer a.selected:visited { text-decoration: none; font-weight: bold; } #siteSearchResultsContainer a.selected:selected { text-decoration: none; font-weight: bold; } #siteSearchResultsContainer div.siteSearchPaging a {} #siteSearchResultsContainer div.siteSearchPaging a:hover {} #siteSearchResultsContainer div.siteSearchPaging a:visited {} #siteSearchResultsContainer div.siteSearchPaging a:selected {} #siteSearchErrorContainer { display: none; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 20px; font-size: 12px; background: url(/frame-images/icons/error_icon.gif) no-repeat 0px 0px; } #siteSearchErrorContainer ul#siteSearchErrorDetail { margin: 5px 0px 5px 10px; color: #d51b1b; font-size: 12px; } #siteSearchErrorContainer ul#siteSearchErrorDetail li { padding: 0px 0px 5px 0px; font-weight: normal; } .error_header { font-size: 14px; font-weight: bold; color: #d51b1b; text-transform : uppercase; } .validationError input { border: 1px solid red; } /* End of Site Search Styles */