/* File: custom.css Description: Custom styles for Your Theme HOW TO USE THIS FILE: Override any class you want and it will change default styling to suit your needs. For example, if you wish to change the default text blog title to grey, you would add the following declarations to this file: #header .blog-title a{ background:#cccccc } <--- This makes blog title background grey */ body { background:/*#f6f1cf*/#e9ece9 url(img/bg.png) no-repeat center top; color:#7b7772;} body#students { background:#fff url(img/kids_bg.gif) no-repeat top center; background-attachment:fixed; color:#7b7772;} body#students a { color:#5fcbfb; } body#students a:hover { color:#7b7772; } ul, ol {list-style:none; margin:0; padding:0;} em {font-style:italic} strong {font-weight:bold;} img {border:0;} /* navigation */ /*------------------------------------------------------ nav menu --------------------------------------------------------*/ a#main-menu-link {display:none;} #navmenu-h ul li ul { border-top:1px solid #3161ad;} #navmenu-h ul { } #navmenu-h ul li:hover li a, ul#navmenu-v li:hover li a, #navmenu-h ul li.iehover li a, ul#navmenu-v li.iehover li a { border: 1px solid #192b53; border-top:none; } #navmenu-h ul li:hover li a, ul#navmenu-v li:hover li a, #navmenu-h ul li.iehover li a, ul#navmenu-v li.iehover li a { } /* Top level */ #navmenu-h ul li a, ul#navmenu-v li a {background:none; color:#fff;} /* 2nd Menu */ #navmenu-h ul li:hover li a, ul#navmenu-v li:hover li a, #navmenu-h ul li.iehover li a, ul#navmenu-v li.iehover li a, /* 3rd Menu */ #navmenu-h ul li:hover li:hover li a, ul#navmenu-v li:hover li:hover li a, #navmenu-h ul li.iehover li.iehover li a, ul#navmenu-v li.iehover li.iehover li a, /* 4rd Menu */ #navmenu-h ul li:hover li:hover li:hover li a, ul#navmenu-v li:hover li:hover li:hover li a, #navmenu-h ul li.iehover li.iehover li.iehover li a, ul#navmenu-v li.iehover li.iehover li.iehover li a, /* 5th Menu */ #navmenu-h ul li:hover li:hover li:hover li:hover li a, ul#navmenu-v li:hover li:hover li:hover li:hover li a, #navmenu-h ul li.iehover li.iehover li.iehover li.iehover li a, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li a { background:#3161ad; color: #fff; } #navmenu-h ul li.current_page_parent { color:#f5a01b; } /* Root Menu Hover Persistence */ #navmenu-h ul a:hover, #navmenu-h ul li:hover a, #navmenu-h ul li.iehover a, #navmenu-h ul li:hover a:hover, { color:#fff; } /* Remembers the parent page of the current page ------------------------------------- */ #navmenu-h li.current_page_ancestor a, #navmenu-h li.current_page_ancestor a:hover, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor a, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor a:hover, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor li.current_page_item a, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor li.current_page_item a:hover, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a:hover, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a:hover, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a, #navmenu-h li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a:hover, /* IE Specific ------------------------------------- */ /* 2nd Menu Hover Persistence */ #navmenu-h ul li:hover li a:hover, ul#navmenu-v li:hover li a:hover, #navmenu-h ul li:hover li:hover a, ul#navmenu-v li:hover li:hover a, #navmenu-h ul li.iehover li a:hover, ul#navmenu-v li.iehover li a:hover, #navmenu-h ul li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover a, /* 3rd Menu Hover Persistence */ #navmenu-h ul li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li a:hover, #navmenu-h ul li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover a, #navmenu-h ul li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li a:hover, #navmenu-h ul li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover a, /* 4rd Menu Hover Persistence */ #navmenu-h ul li:hover li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover li a:hover, #navmenu-h ul li:hover li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover li:hover a, #navmenu-h ul li.iehover li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li a:hover, #navmenu-h ul li.iehover li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover a, /* 5th Menu Hover */ #navmenu-h ul li:hover li:hover li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover li:hover li:hover a, #navmenu-h ul li.iehover li.iehover li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li.iehover a, #navmenu-h ul li:hover li:hover li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover li:hover li a:hover, #navmenu-h ul li.iehover li.iehover li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li a:hover, #navmenu-h li:hover, #navmenu-h li.iehover,#navmenu-h li.current_page_item, #navmenu-h li.iehover,#navmenu-h li.current_page_ancestor { color:#f5a01b; } #navmenu-h li:hover a, #navmenu-h li.iehover a, #navmenu-h li.current_page_item a, #navmenu-h li.current_page_ancestor a, #navmenu-h li.current_page_ancestor a:hover, #navmenu-h li.current_page_parent a { color:#f5a01b; background:;} #navmenu-h li a { color:#fff; } #navmenu-h li a:hover { color:#f5a01b;} /* IE verticle Specific ------------------------------------- */ /* 2nd Menu Hover Persistence */ #navmenu-h ul li:hover li a:hover, ul#navmenu-v li:hover li a:hover, #navmenu-h ul li:hover li:hover a, ul#navmenu-v li:hover li:hover a, #navmenu-h ul li.iehover li a:hover, ul#navmenu-v li.iehover li a:hover, #navmenu-h ul li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover a, /* 3rd Menu Hover Persistence */ #navmenu-h ul li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li a:hover, #navmenu-h ul li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover a, #navmenu-h ul li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li a:hover, #navmenu-h ul li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover a, /* 4rd Menu Hover Persistence */ #navmenu-h ul li:hover li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover li a:hover, #navmenu-h ul li:hover li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover li:hover a, #navmenu-h ul li.iehover li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li a:hover, #navmenu-h ul li.iehover li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover a, /* 5th Menu Hover */ #navmenu-h ul li:hover li:hover li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover li:hover li:hover a, #navmenu-h ul li.iehover li.iehover li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li.iehover a, #navmenu-h ul li:hover li:hover li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover li:hover li a:hover, #navmenu-h ul li.iehover li.iehover li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li a:hover { color:#f5a01b; } /*------------------------------------------------------ students nav menu --------------------------------------------------------*/ #navmenu-h2 ul li ul { border-top:1px solid #acd9e1;} #navmenu-h2 ul { } #navmenu-h2 ul li:hover li a, ul#navmenu-v li:hover li a, #navmenu-h2 ul li.iehover li a, ul#navmenu-v li.iehover li a { border: 1px solid #7babc9; border-top:none; } #navmenu-h2 ul li:hover li a, ul#navmenu-v li:hover li a, #navmenu-h2 ul li.iehover li a, ul#navmenu-v li.iehover li a { } /* Top level */ #navmenu-h2 ul li a, ul#navmenu-v li a {background:none; color:#333;} /* 2nd Menu */ #navmenu-h2 ul li:hover li a, ul#navmenu-v li:hover li a, #navmenu-h2 ul li.iehover li a, ul#navmenu-v li.iehover li a, /* 3rd Menu */ #navmenu-h2 ul li:hover li:hover li a, ul#navmenu-v li:hover li:hover li a, #navmenu-h2 ul li.iehover li.iehover li a, ul#navmenu-v li.iehover li.iehover li a, /* 4rd Menu */ #navmenu-h2 ul li:hover li:hover li:hover li a, ul#navmenu-v li:hover li:hover li:hover li a, #navmenu-h2 ul li.iehover li.iehover li.iehover li a, ul#navmenu-v li.iehover li.iehover li.iehover li a, /* 5th Menu */ #navmenu-h2 ul li:hover li:hover li:hover li:hover li a, ul#navmenu-v li:hover li:hover li:hover li:hover li a, #navmenu-h2 ul li.iehover li.iehover li.iehover li.iehover li a, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li a { background:#acd9e1; color: #fff; } #navmenu-h2 ul li.current_page_parent { color:#5fcbfb; } /* Root Menu Hover Persistence */ #navmenu-h2 ul a:hover, #navmenu-h2 ul li:hover a, #navmenu-h2 ul li.iehover a, #navmenu-h2 ul li:hover a:hover, { color:#333; } /* Remembers the parent page of the current page ------------------------------------- */ #navmenu-h2 li.current_page_ancestor a, #navmenu-h2 li.current_page_ancestor a:hover, #navmenu-h2 li.current_page_ancestor ul li.current_page_ancestor a, #navmenu-h2 li.current_page_ancestor ul li.current_page_ancestor a:hover, #navmenu-h2 li.current_page_ancestor ul li.current_page_ancestor li.current_page_item a, #navmenu-h2 li.current_page_ancestor ul li.current_page_ancestor li.current_page_item a:hover, #navmenu-h2 li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a, #navmenu-h2 li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a:hover, #navmenu-h2 li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a, #navmenu-h2 li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a:hover, #navmenu-h2 li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a, #navmenu-h2 li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a:hover, /* IE Specific ------------------------------------- */ /* 2nd Menu Hover Persistence */ #navmenu-h2 ul li:hover li a:hover, ul#navmenu-v li:hover li a:hover, #navmenu-h2 ul li:hover li:hover a, ul#navmenu-v li:hover li:hover a, #navmenu-h2 ul li.iehover li a:hover, ul#navmenu-v li.iehover li a:hover, #navmenu-h2 ul li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover a, /* 3rd Menu Hover Persistence */ #navmenu-h2 ul li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li a:hover, #navmenu-h2 ul li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover a, #navmenu-h2 ul li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li a:hover, #navmenu-h2 ul li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover a, /* 4rd Menu Hover Persistence */ #navmenu-h2 ul li:hover li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover li a:hover, #navmenu-h2 ul li:hover li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover li:hover a, #navmenu-h2 ul li.iehover li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li a:hover, #navmenu-h2 ul li.iehover li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover a, /* 5th Menu Hover */ #navmenu-h2 ul li:hover li:hover li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover li:hover li:hover a, #navmenu-h2 ul li.iehover li.iehover li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li.iehover a, #navmenu-h2 ul li:hover li:hover li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover li:hover li a:hover, #navmenu-h2 ul li.iehover li.iehover li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li a:hover, #navmenu-h2 li:hover, #navmenu-h2 li.iehover,#navmenu-h2 li.current_page_item, #navmenu-h2 li.iehover,#navmenu-h2 li.current_page_ancestor { color:#5fcbfb; } #navmenu-h2 li:hover a, #navmenu-h2 li.iehover a, #navmenu-h2 li.current_page_item a, #navmenu-h2 li.current_page_ancestor a, #navmenu-h2 li.current_page_ancestor a:hover, #navmenu-h2 li.current_page_parent a { color:#5fcbfb; background:;} #navmenu-h2 li a { color:#333; } #navmenu-h2 li a:hover { color:#5fcbfb;} /* IE verticle Specific ------------------------------------- */ /* 2nd Menu Hover Persistence */ #navmenu-h2 ul li:hover li a:hover, ul#navmenu-v li:hover li a:hover, #navmenu-h2 ul li:hover li:hover a, ul#navmenu-v li:hover li:hover a, #navmenu-h2 ul li.iehover li a:hover, ul#navmenu-v li.iehover li a:hover, #navmenu-h2 ul li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover a, /* 3rd Menu Hover Persistence */ #navmenu-h2 ul li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li a:hover, #navmenu-h2 ul li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover a, #navmenu-h2 ul li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li a:hover, #navmenu-h2 ul li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover a, /* 4rd Menu Hover Persistence */ #navmenu-h2 ul li:hover li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover li a:hover, #navmenu-h2 ul li:hover li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover li:hover a, #navmenu-h2 ul li.iehover li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li a:hover, #navmenu-h2 ul li.iehover li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover a, /* 5th Menu Hover */ #navmenu-h2 ul li:hover li:hover li:hover li:hover li:hover a, ul#navmenu-v li:hover li:hover li:hover li:hover li:hover a, #navmenu-h2 ul li.iehover li.iehover li.iehover li.iehover li.iehover a, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li.iehover a, #navmenu-h2 ul li:hover li:hover li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover li:hover li a:hover, #navmenu-h2 ul li.iehover li.iehover li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li a:hover { color:#5fcbfb; } /*home page structure */ #hmContent {width:100%; float:left; background: url(img/content_bg.png) no-repeat; height:543px;} #contentSlider {width:595px; float:left;} #topContent {width:320px; float:left; height:346px; margin-top:5px; margin-left:40px;} #slogan {width:262px; float:left; margin-left:40px;} #hmMessage {width:262px; float:left; margin-left:30px;} #hmMessage h3.h_hours {font:16px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#2b457a; margin-top:20px; font-weight:bold; text-transform:uppercase; letter-spacing:1px;} #hmMessage h3.h_hours:first-letter {font-size:24px;} #hmMessage p {font-size:15px; font-family:Georgia,serif; line-height:22px; margin:10px 0px 0px 0px; color:#2b457a; } /*upcoming events */ .upcoming_event {width:100%; float:left; height:130px; margin:20px; margin-top:0px; margin-bottom:10px;} .events_box {width:220px; float:left; margin-right:15px; margin-left:5px;} .life_group {width:220px; float:left; margin-right:15px;} .sermons {width:220px; float:left; margin-right:15px;} .online_giving {width:220px; float:left;} /* inner pages */ #content_body {width:970px; margin:0 auto;} #dividerBar {width:961px; float:left; height:15px; background:#f5a01b; margin:0 0 0 4px; padding:0;} .content_in { background:url(img/content_body.png) repeat-y; float:left; width:969px; margin:0; } /*.content_in_top { background:url(img/top.png) no-repeat; float:left; width:977px; margin:0; height:11px; }*/ .content_in_bottom { background:url(img/bott.png) no-repeat; float:left; height:9px; width:969px; margin:0px; margin-bottom:10px; } /* student ministry pages */ #st_content {background:#fff; margin:40px 0px 40px 40px;} .st_content_in { background:url(img/student_img/content_body.png) repeat-y; float:left; width:969px; margin:0; } .st_content_in_top { background:url(img/student_img/top.png) no-repeat; float:left; width:969px; margin:0; height:9px; } .st_content_in_bottom { background:url(img/student_img/bott.png) no-repeat; float:left; height:9px; width:969px; margin:0px; margin-bottom:10px; } #content h4 {font-size:15px; margin-top:10px; color:#3161ad; /*font-style:italic;*/} #content h3 {color:#f6b325;} #content h2 {margin-top:0px; font-size:18px; padding-top:0px; } #content h5 {margin-top:0px; font-size:16px; margin-bottom:0px; padding:0px;} #content h6 {margin-top:0px; font-size:13px; padding-top:5px; padding-bottom:10px;} #content li a {color:#7b7772;} #content li a:hover {color:#f6b325;} #st_content h4 {font-size:15px; margin-top:10px; color:#3161ad; /*font-style:italic;*/} #st_content h3 {color:#5fcbfb; margin:20px 20px; font-size:21px;} #st_content h2 {margin-top:0px; font-size:18px; padding-top:0px; } #st_content h5 {margin-top:0px; font-size:16px; margin-bottom:0px; padding:0px;} #st_content h6 {margin-top:0px; font-size:13px; padding-top:5px; padding-bottom:10px;} #st_content li a {color:#7b7772;} #st_content li a:hover {color:#5fcbfb;} #st_content p {padding-left:10px;} #students #st_content .entry p {padding-left:0px;} /* sidebar for student ministries pages */ #st_sidebar {margin-left:0px;} #lineGrd {width:17px; height:443px; background: url(img/student_img/shadow_ln.png) no-repeat; margin:35px 0px 15px 40px; float:left;} #st_sidebar .widget { margin:0 0 25px 0px; clear:both; height:100%; overflow:hidden; } #st_sidebar h3 { margin:0 0 10px 0; padding:5px 0 7px 8px; font-size:18px; line-height:normal; } #st_sidebar .widget { } #st_sidebar .testimonials { } #st_sidebar .services { } #st_sidebar .services h3.h_services { } #st_sidebar .services h3.h_hours { } #st_sidebar .services p { border-bottom:1px solid #dbdbdb; } #st_sidebar.sidebar_in .services { } #st_sidebar h3 { color:#5fcbfb; border-bottom:1px solid #dbdbdb; } #sidebar li, #st_sidebar li { border-bottom:1px dotted #dbdbdb; } #st_sidebar li a { color:#7b7772; } #st_sidebar li a:hover { color:#5fcbfb; } #st_sidebar p { margin:5px 7px 10px 12px; padding:0 0 5px 0; font-size:14px; line-height:18px; } #st_sidebar .services { padding-bottom:5px; margin-bottom:20px; } #st_sidebar ul { list-style:none; margin:0 0 20px 0; padding:0; } #st_sidebar li { margin:0 7px 5px 12px; padding:0 0 5px 0px; font-size:15px; } #st_sidebar li a { text-decoration:none; } #st_sidebar li a:hover { text-decoration:none; } #st_sidebar p a { color:#7b7772; text-decoration:underline; } #st_sidebar p a:hover { color:#5fcbfb; } #st_sidebar p span {color:#5fcbfb;} #st_sidebar #location {with:100%; float:left; clear:both; margin-bottom:20px;} #st_sidebar #sm_map {float:left; width:85px; height:73px; margin:15px 0px;} #st_sidebar #directions {width:150px; float:left;} #st_sidebar #directions p {margin:0px 0px 10px 8px; padding:0;} #st_sidebar #directions h5 {font-size:15px; color:#5fcbfb; margin:0px 0px 0px; padding:0px 0px 0px 8px;} /* sidebar main */ #sidebar p, #st_sidebar p { margin:5px 7px 10px 8px; padding:0 0 5px 0; font-size:12px; line-height:18px; } #sidebar p span{ color:#3161ad; } #sidebar p.post-date, #st_sidebar p.post-date {margin-left:0px; margin-bottom:0px;} #sidebar p.post-date {color:#3161ad;} #st_sidebar p.post-date {color:#5fcbfb;} #sidebar .give, #st_sidebar .give {margin:20px 0px 20px 10px;} #sidebar #map {margin:20px 0px;} #sidebar #map p {margin:10px 0px;} #sidebar #map p span {color:#3161ad;} .alignleft {float:left; margin-top:20px;} .alignright {float:right;} .aligncenter {margin:auto;} .clr {clear:both;} #content p a, #st_content p a {text-decoration:underline;} .entry .post_img {padding:20px 0 20px 0;} #st_content .img { border:1px solid #ccc; padding:2px; background:#fff; } /* STAFF PAGE */ #staffing {width:100%; float:left;} #staffing h3 {color:#f6b325; margin-bottom:10px; margin-top:0px; padding:0;} #staffInfo {width:165px; float:left; margin-right:40px; margin-bottom:35px;} #staffPhoto {width:165px; float:left; margin:0; padding:0;} #staffTitle {width:165px; float:left; margin:0; padding:0;} #staffTitle h2 {color:#3161ad; font-size:14px; margin:0; padding:0; font-family:"Times New Roman", Times, Georgia, serif; margin-top:-5px;} #staffTitle h2 a {color:#3161ad; text-decoration:none;} #staffTitle h2 a:hover {color:#3161ad; text-decoration:underline;} #staffTitle p.title {color:#7b7772; float:left; margin:0; padding:0; } #ministries {width:100%; float:left; margin-top:10px;} #ministries h3 {color:#f6b325; margin-bottom:10px;} #minInfo {width:165px; float:left; margin-right:35px; margin-bottom:35px;} #minPhoto {width:165px; float:left; margin:0; padding:0;} #minTitle {width:165px; float:left; margin:0; padding:0;} #minTitle h2 {color:#3161ad; font-size:14px; margin:0; padding:0; font-family:"Times New Roman", Times, Georgia, serif; margin-top:-5px;} #minTitle h2 a {color:#3161ad; text-decoration:none;} #minTitle h2 a:hover {color:#3161ad; text-decoration:underline;} #minTitle p.title {color:#7b7772; float:left; margin:0; padding:0; } /* footer */ #footer {background:url(img/line.png) left top no-repeat; width:1013px; margin:0 auto; clear:both; /*overflow:hidden;*/ padding:10px 0px;} #copyright {width:100%; float:left; margin:0;} #footerAddress { width:400px; float:left; margin-top:0px;} #footerAddress p {color:#3161ad;} #footerRights {width:400px; float:right; margin-right:25px;} #footerRights p {text-align:right; color:#3161ad;} #footerRights p a {color:#3161ad;} #footerRights p a:hover {color:#f5a01b;} #fb {position:fixed; top:48%; right:0px;} * html body #fb {position:absolute;} /* calendar */ h2.tec-cal-title {color:#f6b325; font-size:36px !important; padding:20px 0 20px 0 !important;} h2.entry-title {margin:20px 0px !important;}*/ .tec-calendar th {color:#7b7772; text-shadow:none;} h5.tec-event-title {margin-top:0px !important; font-size:12px!important; padding-top:10px !important;} #tec-content .entry p a img {border:none !important;} /* upcoming events side */ div#eventsList {/*border:1px solid #dbdbdb;*/ margin-bottom:20px;} div#eventsList h3 {margin:10px 0px; border-bottom:1px solid #dbdbdb;} /* Caption */ .wp-caption-text {text-align:center;} /*Photo Gallery Pages*/ .entry{ position: relative; overflow: hidden; clear:both; width:100%; float: left; padding:20px 0 20px 0px; } .entry .post_img {padding:10px 20px 20px 20px;} .one_fourth{overflow:hidden; float:left; position: relative; margin-right:35px; width:215px;} .one_third{overflow:hidden; float:left; position: relative; margin-right:35px; width:173px; } .one_half{overflow:hidden; float:left; position: relative; margin-right:35px; width:277px; } .three_fourth{overflow:hidden; float:left; position: relative; margin-right:35px; width:434px; } .two_third{overflow:hidden; float:left; position: relative; margin-right:35px; width:382px; } .portfolio_entry { position:static; float:left; } #st_content .entry .portfolio_entry { position:static; float:left; padding-left:10px; } .portfolio_entry { padding-bottom: 40px; } .entry_full_size{ clear:both; padding-bottom: 54px; } .portfolio_entry .full_size .framed{ float: left; } .portfolio_entry .full_size .portfolio_content{ float:left; padding:0 0 0 35px; width:315px; } .entry_full_size h3{ font-size: 38px; } .entry_one_fourth h3{ font-size: 18px; padding: 0; } .entry img{ padding:4px; display:block; border:1px solid; } .fullwidth .entry img{ max-width: 930px; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ padding-top:0px; } .entry h4 {paddiing-left:5px;} /*IMAGES - especially portfolio*/ .framed img{ padding:6px; } .framed, .framed span, .framed img{ display: block; } .framed{ padding-bottom:0px; position: relative; z-index: 2; } .framed_full_size{ width:590px; } .more-link{ position: relative; display: block; float: left; padding:0px 13px; margin:0 5px 10px 0; top:-20px; cursor:pointer; font-size: 12px; -moz-border-radius: 15px; -webkit-border-radius:15px; border-radius:15px; line-height: 26px; } .more-link{ float:none; height:27px; margin:7px 5px 10px 0; padding:2px 13px 0; text-align:center; top:0; width:75px; clear:both; } .rounded_small, .button, .categories, .comments, .entry-head a, .more-link, .portfolio_item h3 a, .pagination span, .pagination a, .pagination .current, #js_sort_items a, entry .feature_wrap{ -moz-border-radius: 2px; -webkit-border-radius:2px; border-radius:2px; } .more-link{ border:1px solid #ccc; background:#FFFFFF; text-shadow: 1px 1px 1px #fff; color:#777; } .more-link:hover{ background:#f8f8f8; color:#444; border:1px solid #aaa; text-decoration: none; } #st_content .more-link{ border:1px solid #ccc; background:#FFFFFF; text-shadow: 1px 1px 1px #fff; color:#777; } #st_content .more-link:hover{ background:#f8f8f8; color:#444; border:1px solid #aaa; text-decoration: none; } /*pagination*/ .pagination { clear:both; padding:0 0 60px 0; position:relative; z-index:3; } .pagination span, .pagination a { display:block; float:left; font-size:11px; line-height:13px; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; } .pagination .current{ font-size:11px; padding:6px 9px 5px 9px; } .pagination span, .pagination a{ color:#555; background: #fff; border:1px solid #e1e1e1; } .pagination .current{ background: #f7f7f7; color:#333; border:1px solid #e1e1e1; } .pagination a:hover{ border:1px solid #7b7772; } /* Gallery */ .pp_nav p { margin:0px 4px; font-size: 11px; padding: 0; line-height: 18px; } a.preloading{ display: block; border:none; } .preloading, .featured{ background: transparent url(images/skin2/preload.gif) no-repeat 50% 50%; } .preloading img { background-color:#FFFFFF; border:1px solid #A9A9A9; /*margin:4px 0px 4px 5px; padding:4px; position:relative;*/ } .preloading img:hover { background-color: #A9A9A9; } .lightbox_video, .lightbox_image{ position: absolute; z-index: 1; top:0; left:0; } a img, a:hover img{ z-index: 2; position: relative; } .lightbox_video{ background:transparent url(images/skin2/img_overlay_video.png) no-repeat center center; } .lightbox_image{ background:transparent url(images/skin2/img_overlay_img.png) no-repeat center center; } /*video page */ #video_sec {width:100%; float:left; margin-bottom:10px;} .videoplayer {width:576px; float:left; height:323px; margin-bottom:10px;} #vid_description {width:100%; float:left;} * =Media queries -------------------------------------------------------------- */ /* Minimum width of 480 pixels. */ @media (max-width: 480px){ body { background-color: #e9ece9; } /* Main Menu */ a#main_menu_link { float: right; width: 86px; height: 56px; text-align: left; text-decoration: none; color: white;font-size: 18px; font-weight: normal; line-height: 56px; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4); padding-left: 19px; } a#main_menu_link span { background: url(images/handheld-sprite.png) no-repeat -63px -3px; width: 29px; height: 20px; display: block; position: absolute; top: 18px; right: 9px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .menu_open { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } #navmenu-h { position: absolute; left: 0; top: 56px; width: 100%; list-style: none; padding: 0; margin: 0; text-align: left; background: #3161ad; z-index: 9999; display: none; } #navmenu-h ul { margin: 0; list-style: none; } #navmenu-h a { color: #fff; font-size: 16px; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4); text-decoration: none; padding: 15px 10px 13px 30px; display: block; border-bottom: 1px solid #192b53; border-top: 1px solid #3161ad; } #navmenu-h li:first-child > a { border-top: none; } #navmenu-h li li a { padding-left: 50px; } #navmenu-h li li li a { padding-left: 70px; } #navmenu-h li li li li a { padding-left: 90px; } #navmenu-h li li li li li a { padding-left: 110px; } #hmContent {display:none;} }