/* Theme Name: GracePointe Themew Description: Customized Theme Author: Mellowtown - Customized by GracePointe Church/Clint Ribble Version: 1.0 */ @charset "UTF-8"; /* ---------- RESET ------------ */ html, body, div, span,applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dd, dl, dt, ol, fieldset, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: Verdana, Arial, sans-serif; line-height: 18px;} a img, :link img, :visited img { border: 0px; } table {border-collapse: collapse; border-spacing: 0px; } ol, ul {padding: 0px; list-style-image: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; list-style:none;} .featuresList {padding: 0px; list-style-image: none; list-style-type: disc; margin-top: 0px; margin-right: 0px; margin-left: 20px;} .featuresList2 {padding: 0px; list-style-image: none; list-style-type: disc; margin-top: 0px; margin-right: 0px; margin-left: 30px;} .featuresList3 {padding: 0px; list-style-image: none; list-style-type: disc; margin-top: 0px; margin-right: 0px; margin-left: 40px;} a {outline-color: -moz-use-text-color; outline-style: none; outline-width: 0px;} /* ---------- CLEARFIX ------------ */ .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 */ /* ---------- BASIC SETUP ------------ */ * {margin: 0px; padding: 0px;} html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} a {color: #852a15; text-decoration: underline; outline: none;} a:hover {color: #031d40;} h1 {font-family:"Times New Roman", Times, serif; font-size:24px; color:#c9292f; font-weight:normal; padding-bottom: 6px; padding-top: 6px; line-height: 24px;} h2 {color:#852a15; font-family: 'News Cycle' Arial,Helvetica,sans-serif; font-size:1.5em; margin-bottom:6px; font-weight:bold; text-transform:uppercase;} h3 {font-family: 'News Cycle' Arial,Helvetica,sans-serif; font-size:1.3em; color:#23505e; font-weight:bold; margin-top:5px; padding-bottom: 5px;} h4 {font-family:Arial,Helvetica,sans-serif; font-size:1.1em; color:#282419; font-weight:bold; padding-bottom: 5px;} body {background-image:url(images/bg.jpg); background-repeat:repeat-x; background-color: #bda975; color:#151515; font-family:Helvetica, Arial, sans-serif; font-size: 13px; margin: 0px;} /*original color: #1F3250; font-family:Verdana, Arial, sans-serif; font-size: 13px; */ .clr {clear: both;} #small-nav {height:20px; padding-top:1px;} #small-nav li {font-size: 12px;} #small-nav li a {text-decoration: none;} #small-nav li a:hover {color: #765da3; text-decoration: none;} hr {border: 0; width: 100%; color: #c9c9c9; background-color: #c9c9c9; height: 1px; margin-bottom: 10px; clear: both;} .divider {height: 15px;} p {color:#151515; font-family:Helvetica,Arial, sans-serif; font-size:1em; font-weight:normal; margin-bottom:5px;} /* original */ .smalltext {font-size: 12px;} em {font-style: italic;} strong { font-weight: bold; } .alignleft {float: left; /* padding-right: 10px; */ } /* ---------- DESIGN ------------ */ #fullWrap {background-image:url("images/pageBg.jpg"); background-position:center top; background-repeat:no-repeat; height:893px; margin:0 auto; width:1200px;} #wrap { margin: 0 auto -203px; /* the bottom margin is the negative value of the footer's height */ width: 947px; position: relative; font-family: inherit;} #header {background-repeat: repeat-x; margin-right: auto; margin-left: auto; position: relative; height: 172px;} /* SEARCH BAR ADDITION */ #search-bar { float: right; background: url(images/search-bg.png) no-repeat; width: 162px; height: 31px; margin-top: 21px; margin-right:6px; } #search-bar #searchinput { background: none; border: none; float: left; margin: 7px 6px 0 0px; width: 112px; padding-left: 10px; font-size: 11px; font-family: Georgia, serif; color: #494949; } #search-bar #searchsubmit { margin-top: 1px; } #main { clear: both; padding-bottom: 203px;} /* ---------- HEADER ------------ */ a#logo {background: url(images/logo.png) no-repeat 0px 0px; position: absolute; top: 8px; left: 5px; width: 450px; height: 108px; text-indent: -9999px; display: block;} a#logo:hover {background: url(images/logo.png) no-repeat 0px 0px;} /*.streetaddress { margin-left:800px; padding-top:40px; font-weight:bold; }*/ /* ---------- MAIN NAV ------------ */ #topnav {background: url(images/navBg.png) no-repeat 0px 0px; width: 947px; display:block; position: absolute; left: 3px; top: 124px; height:51px;} #topnav li {float: left; display: inline; text-indent: -99999px;} #topnav li a {text-indent: -9999px; height: 51px; display: block; overflow: hidden; z-index: 5000px;} li#nav-home a {width: 69px; background: url(images/nav.png) no-repeat 0px 0px;} li#nav-home a:hover {background-position: 0px -51px;} li#nav-homeCurrent {width: 69px; background: url(images/nav.png) no-repeat 0px -51px;} li#nav-news a {background:url("images/nav.png") no-repeat scroll -69px 0 transparent;width:128px;} li#nav-news a:hover {background-position: -69px -51px;} li#nav-newsCurrent {width: 128px; background: url(images/nav.png) no-repeat -69px -51px;} li#nav-about a {background:url("images/nav.png") no-repeat scroll -196px 0 transparent;width:80px;} li#nav-about a:hover, li#nav-about a.abouthover {background-position: -196px -51px;} li#nav-aboutCurrent {width: 80px; background: url(images/nav.png) no-repeat -196px -51px;} li#nav-calendar a {background:url("images/nav.png") no-repeat scroll -276px 0 transparent;width:85px;} li#nav-calendar a:hover {background-position: -276px -51px;} li#nav-calendarCurrent {width: 85px; background: url(images/nav.png) no-repeat -276px -51px;} li#nav-contact a { background:url("images/nav.png") no-repeat scroll -362px 0 transparent;width:97px;} li#nav-contact a:hover {background-position: -362px -51px;} li#nav-contactCurrent { width: 97px; background: url(images/nav.png) no-repeat -362px -51px;} li#nav-meet a { width: 132px; background: url(images/nav.png) no-repeat -458px 0px;} li#nav-meet a:hover { background-position: -458px -51px;} li#nav-meetCurrent { width: 132px; background: url(images/nav.png) no-repeat -458px -51px;} li#nav-ministries a {width: 99px; background: url(images/nav.png) no-repeat -590px 0px;} li#nav-ministries a:hover, li#nav-ministries a.ministrieshover { background-position: -590px -51px;} li#nav-ministriesCurrent { width: 99px; background: url(images/nav.png) no-repeat -590px -51px;} li#nav-resources a { width: 91px; background: url(images/nav.png) no-repeat -690px 0px;} li#nav-resources a:hover, li#nav-resources a.resourceshover { background-position: -690px -51px;} li#nav-resourcesCurrent { width: 91px; background: url(images/nav.png) no-repeat -690px -51px;} li#nav-times a { width: 166px; background: url(images/nav.png) no-repeat -781px 0px;} li#nav-times a:hover { background-position: -781px -51px;} li#nav-timesCurrent { width: 166px; background: url(images/nav.png) no-repeat -781px -51px;} /* ---------- SUB NAV----------------------------------------------------------------------------------------------------------------- */ .submenu { display: none; width: 224px; position: absolute; top: 171px; z-index: 999999;} #aboutmenu { left: 202px; } #resourcesmenu { left: 693px; } #ministriesmenu { left: 594px; } .submenu a { font-weight: normal; color: #F1EEE4; display: block; padding: 8px 14px; background: url(images/dropdown-hr.png) no-repeat 12px bottom; text-decoration: none;} .submenu a:hover { color: #C4BCB1; text-decoration: none;} .submenu li { background: url(images/dropdown-middle.png) repeat-y;} .submenu li:last-child a { background: none;} .submenu li.subtop { background: url(images/dropdown-top.png) no-repeat; height: 5px;} .submenu li.subbottom { background: url(images/dropdown-bottom.png) no-repeat 0 bottom; height: 5px;} /* ---------- HOMEPAGE CALLOUTS ------------ */ #callouts {margin-left: 6px;} #callouts li {float: left;} #callouts li a {background-image: url(images/homepage-callouts.jpg); width: 234px; height:74px; text-indent: -99999px; display: block;} a#callout-youthgroup { background-position: 0 0; } a#callout-kids {background-position: -234px 0; } a#callout-life {background-position: -468px 0; } a#callout-care {background-position: -702px 0; } a#callout-youthgroup:hover { background-position: 0 -74px; } a#callout-kids:hover {background-position: -234px -74px; } a#callout-life:hover {background-position: -468px -74px; } a#callout-care:hover {background-position: -702px -74px; } /* ---------- HOMEPAGE SLIDER ------------ */ .navSlider {bottom:18px; margin:5px 10px 0 0; position:absolute; right:2px; z-index:99999;} #navSlider {z-index:99999;} #navSlider a {background: url(images/slideshowNav.png) no-repeat 0px 0px; color:#FFFFFF; font-family:verdana; font-size:12px; margin:50px 4px 0 0; padding:5px 7px; text-decoration:none;text-indent:-9999px; width:23px; height:26px; background-color: #151515;} #navSlider a.activeSlide {background: url(images/slideshowNav.png) no-repeat 0px -26px; background-color: #151515; color: #888;} #navSlider a:focus, #navSlider a:hover {background: url(images/slideshowNav.png) no-repeat 0px -26px; font-family:verdana; font-size:12px; text-decoration:none; padding:5px 7px; background-color: #000; color: #888;} /* ---------- HOMEPAGE FOOTER ------------ */ #homepagefooter {padding: 25px 8px; background-color: #BEB7A8; width: 920px; margin: 0 auto;} #homecontent {background-color: #F0E9E1; width: 602px; float: left; height:225px; position: relative; background: url(images/bg-home_welcome.jpg) no-repeat;} #homecontenttop {background: url(images/homecontent-top.jpg) no-repeat; position: absolute; height: 5px; width: 602px; top: 0;} #homecontentbody {padding: 8px 9px;} #homecontentbottom {background: url(images/homecontent-bottom.jpg) no-repeat; position: absolute; height: 5px; width: 602px; bottom: 0;} /* ---------- MAIN CONTENT ------------ */ #content {margin-top: 15px; background: #D7CFC4 url(images/bg-contenttop.jpg) no-repeat; width: 923px; margin: 15px auto 0 auto; min-height: 544px; padding: 12px 0 12px 13px;} #content1 {width: 656px; background: #F0E9E1 url(images/content-top.jpg) no-repeat; position: relative; padding: 10px; float: left;} #content1 #content1-bottom {position: absolute; bottom: 0; left: 0; background: url(images/content-bottom.jpg) no-repeat; width: 676px; height: 4px;} #content1 ul {margin-bottom:12px; padding:auto; margin-left:auto;} #content1 li {margin-left:30px; list-style-type:disc; list-style-position:outside; color:#151515;} #content1 table tr {margin-bottom:2px; padding:1px;} #content1 td {margin-bottom:3px;} #content1 hr {border: 0; width: 635px; height:14px; color: #c9c9c9; background-color: #c9c9c9; background-image:url(images/horizontal-rule-hr.jpg); margin-top:10px; margin-bottom: 7px; clear: both;} #content1 .scripture {display:block; background-color:#d7cfc4; clear:both; text-align:center; margin-left:20px; margin-right:20px; padding:10px; border-left-color:#FFF; border-right-color:#FFF; border-left-style:double; border-right-style:double; border-width:2px; font-size:0.9em;} #missionslinks {float:right; width:212px; margin-left:10px; margin-bottom:10px;} #content1 .sociable ul li { margin:0px;} #main-content {width: 952px; margin: 15px auto 0 auto; clear: both;} #sidebar {width: 225px; float: right; margin-right: 7px;} #sidebar ul li {margin-bottom: 10px;} #content1 .size-thumbnail {margin-left:5px; margin-bottom:5px;} /* Sub Content Boxes - initially used on counseling - Chris Hilicki Page ----- */ #content1 .subContentBox {width: 290px; height:490px; background: #F0E9E1 url(images/bg-SubContent300x500.jpg) no-repeat; position: relative; margin-right:5px; padding: 10px; float: left;} #content1 .subContentBox p {padding-right:5px;} /* -------------------------------- Media Store Page -------------------------------------- */ #SeriesBlock {background: url(images/productbg.jpg) no-repeat; height:280px; width:280px; float:left; margin-right:20px; margin-bottom:20px; padding:10px;} h3#seriesTitle {height:80px; text-decoration:none;} #SeriesBlock a {text-decoration:none;} img#seriesThumb {margin-left:5px; float:right;} /* ---------- LEADERSHIP PAGE ------------ */ ul#leadershipThumbs {width:575px; height:260px; margin-bottom: 15px; padding: 0; display: block; text-align:center; margin-left:auto; margin-right:auto;} #leadershipThumbs li {float: left; height:145px; width:100px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:10px; list-style-type: none; font-size:9px; text-align:center; line-height:normal;} #leadershipThumbs img {border:solid 1px #343434; margin:0 3px 0 0;} #leadershipThumbs img:hover {border:solid 1px #852A15; cursor: pointer;} #leadershipMain {background:url(images/leadershipMainBg.jpg) no-repeat 0 0; width:647px; height: 349px; display: block; margin:5px 0 1px 4px; padding:10px;} #leadershipMain img {border:solid 1px #343434; margin:13px 0 0 10px; padding: 0; float: left;} .leadershipMainRight { float:left; height:316px; margin:0 0 0 40px; padding:0; width:365px; overflow: hidden; position: relative;} .leadershipMainRight h1 {font-family:Verdana, Monaco, sans-serif; font-size: 16px; font-weight: normal; color: #2c1d0a; margin: 10px 0 0 0; padding: 0; text-transform: uppercase;} .leadershipMainRight h2 {font-family:Verdana, Monaco, sans-serif; font-size: 12px; font-weight: normal; color: #5f5c33; margin: 0; padding: 0; text-transform: uppercase;} p#leadershipKeyWords {font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #343434; margin: 10px 0 0 0; padding: 0; text-transform:none; height:auto; text-align:left; line-height: 15px; margin-bottom: 0; overflow: hidden;} .leadershipMainRight p {font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #343434; margin: 10px 0 0 0; padding: 0; text-transform:none; line-height: 15px; margin-bottom: 0; height: 213px; overflow: hidden;} a.leadershipEmail {width:85px; height:28px; background-repeat:no-repeat; background-image: url(images/leadershipEmail.png); display:block; text-indent:-9999px; cursor:pointer; position: absolute; left: 0; bottom: 0px;} a.leadershipEmail:hover {background-position: 0px -28px;} /* SIDEBAR SUB PAGE NAVIGATION --------------------------------------------------------------------- */ .sidebar-box-inside {margin-bottom:10px; padding:0px;} .sidebar-box-title {color:#23505e; margin-bottom:10px; text-decoration:none; font-weight:bold; padding-bottom:10px;} .sidebar-box-title a {color:#23505e; margin-bottom:10px; text-decoration:none; font-weight:bold; padding-bottom:10px;} #sidebar .sidebar-box-inside ul li {margin:0px; padding:0px;} #sidebar .sidebar-box-inside ul li a {display:block; background-image:url(images/subPageNav_bg.jpg); margin:0px; padding-left:10px; padding-top:8px; display:block; height:30px; width:214px; color:#FFF; padding-bottom:0px; text-decoration:none; font-weight:bold;} #sidebar .sidebar-box-inside ul li a:hover {background-position: 0px -37px; display:block; background-image:url(images/subPageNav_bg.jpg); margin:0px; padding-left:10px; padding-top:8px; display:block; height:30px; width:214px; color:#FFF; padding-bottom:0px; text-decoration:none; font-weight:bold;} /* twitter widget style - removes background image */ .twitterwidget-rss {display:none;} .twitter-avatar {float:left; padding-right:3px;} #sidebarwidgets ul li .entry-content a {background-image:none; padding:0px; color:#1F3250; margin:0px; padding:0px; display:inline;} #sidebarwidgets ul li .entry-content a:hover {background-image:none; color:#1F3250; margin:0px; padding:0px; display:inline;} #sidebar ul li .time-meta a:link {background-image:none; margin:0px; padding:0px; color:#1F3250; font-size:9px; display:inline;} #sidebar ul li .time-meta a:visited {background-image:none; margin:0px; padding:0px; color:#1F3250; display:inline;} #sidebar ul li .time-meta a:hover {background-image:none; margin:0px; padding:0px; color:#1F3250; display:inline;} #sidebarwidgets .from-meta {display:none;} /* --------------- SIDEBAR WIDGETS STYLING ----------------------------------- */ #sidebarhomewidgetstop {margin-top:7px; float:right; background-color:#F0E9E1; background-image:url(images/bg-SidebarWidgetTop.jpg); width: 297px; height:5px;} #sidebarhomewidgetsbottom {float:right; background-color:#F0E9E1; background-image:url(images/bg-SidebarWidgetBottom.jpg); width: 297px; height:5px;} #sidebarhomewidgets {float:right; background-color:#F0E9E1; padding:7px; width: 283px;} #homevideo {float: right; padding: 7px; width: 283px; height: 211px; background: url(images/bg-homevideo.jpg) no-repeat; text-align:center;} #sidebarwidgets {background-color:#F0E9E1; width: 215px; float: right; padding-left:5px; padding-right:5px;} #sidebarpagewidgetstop {margin-top:7px; float:right; background-color:#F0E9E1; background-image:url(images/bg-SidebarWidgetTop_page.jpg); width: 225px; height:4px;} #sidebarpagewidgetsbottom {float:right; background-color:#F0E9E1; background-image:url(images/bg-SidebarWidgetBottom_page.jpg); width: 225px; height:4px;} #homeFeature {background:url("images/middleImageOverlay.png") no-repeat scroll 0 0 transparent; float:left; height:281px; margin:0 2px 0 -1px; overflow:hidden; position:relative; width:627px;} #slideshowOverlay {background: url(images/middleImageOverlay.png) no-repeat 0px 0px; width:631px; height:281px; z-index:1000; position:absolute; top:0px; left:1px;} ul#slideshow{ } #slideshowcontents {height:269px; left:12px; overflow:hidden; position:absolute; top:10px; width:618px; } #middleNav {background: url(images/middleNavBg.png) no-repeat 0px 0px; width:322px; height:258px; float:left; padding:18px 0 0 0;} #middleNavList li {float: left; text-indent: -99999px;} #middleNavList li a {text-indent: -9999px; width: 322px; height:66px; display: block;} li#middleNav-about a {width: 322px; background: url(images/middleNav.png) no-repeat 0px -14px;} li#middleNav-about a:hover {background-position: -322px -14px;} li#middleNav-meet a {width: 322px; background: url(images/middleNav.png) no-repeat 0px -81px;} li#middleNav-meet a:hover {background-position: -322px -81px;} li#middleNav-ministries a {width: 322px; background: url(images/middleNav.png) no-repeat 0px -146px;} li#middleNav-ministries a:hover {background-position: -322px -146px;} li#middleNav-resources a {width: 322px; height: 65px; background: url(images/middleNav.png) no-repeat 0px -211px;} li#middleNav-resources a:hover {background-position: -322px -211px;} a#bottomLeftLink {width:410px; height:59px; background-repeat:no-repeat; background-image: url(images/chadwellBotttomLeftLinks.png); display:block; text-indent:-9999px; margin:0 0 0 0; cursor:pointer; float:left;} a#bottomLeftLink:hover {background: url(images/chadwellBotttomLeftLinks.png) no-repeat 0px 0px;} #homeBottomRight {width:419px; height:300px; float:right; margin:0 20px 0 0px;} #homeBottomRight h1 {background: url(images/importantNews.png) no-repeat 0px 0px; width: 391px; height: 59px; text-indent: -9999px; margin:14px 0 0px 0;} #homeBottomRightImage {background: url(images/bottomRightImage.jpg) no-repeat 0px 0px; width: 124px; height: 127px; display:block; margin:0 14px 0 0; float:left;} #homeBottomRight p {font-size:12px; color:#151515; margin:4px 0 14px 20px; width:353px;} #homeBottomRight a {color:#c9292f; text-decoration:none;} #homeBottomRight a:hover {color:#151515; text-decoration:none;} /* ---------- POPUP WINDOW OVERLAYS ------------ */ #overlay_weekly {background: url(images/overlay-weekly.png) no-repeat 0px 0px; border:none;} #overlay_request {background: url(images/overlay-request.png) no-repeat 0px 0px; border:none;} .jqmWindow {height: 566px; width: 904px; -moz-border-radius:5px 5px 5px 5px; border:none; color:#333333; display:none; left:50%; padding:12px; position:fixed; top:17%; width:904px; margin-left:-443px;} .jqmClose {background:url(images/close.png) no-repeat scroll 0 0 transparent; display:block; height:21px; position:absolute; right:93px; text-indent:-99999px; top:51px; width:22px; z-index:1000;} .jqmClose:hover {background-position: 0 -21px;} .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (