/* Meyer's Browser Default Reset (http://meyerweb.com/eric/tools/css/reset/) - v1.0 | 20080212 -------------------------------------------------------------------------------------------------------------------------------*/ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* Foundation ------------------------------------------------------*/ body { background: #fff url(../_img/body_bg.gif) repeat-x; font: 0.9em/1.34 Helvetica, Arial, Sans-serif; color: #333; } a { color: #069; } blockquote{ padding:10px 50px 15px 40px;font-size:1em; background:url(../_img/bquote.jpg) no-repeat top left; } a:hover { color: #693; text-decoration: none; } #container { width: 960px; margin: 0 auto 20px auto; padding: 0; background: url(../_img/right_col_bg.gif) top right repeat-y; } .block { display:block; float:left; clear:left; } .pagination a, .pagination b { padding:0 3px; } /* Header ------------------------------------------------------*/ #header { width: 960px; height: 118px; background: url(../_img/header_bg.jpg) top right no-repeat; } h1#logo { width: 259px; height: 118px; float: left; display: inline; margin: 0; padding: 0; background: url(../_img/gbc_logo.jpg) no-repeat; } h1#logo a { display: block; text-indent: -20000px; height: 81px; width: 259px; margin: 21px 0 0 0; } h1#logo a:hover { border: none; background: none; } #location { display: block; text-indent: -20000px; } #global-nav { text-align: right; } #global-nav ul { margin: 0; padding: 5px 0 0 0; font-size: 0.9em; } #global-nav ul li { margin: 0 15px 0 0; padding: 0; font-weight: bold; display: inline; } #global-nav ul li a { color: #fff; text-decoration: none; } #global-nav ul li a:hover { text-decoration: underline; } #phone-numbers { display: block; text-indent: -20000px; } /* Main-Nav ------------------------------------------------------*/ #main-nav { width: 960px; float: left; display: inline; border-top: 2px solid #c1c196; background: #bab990 url(../_img/nav_bg.gif) repeat-x; } #main-nav strong { display: block; text-indent: -20000px; float: left; width: 12px; height: 9px; background: url(../_img/nav_arrow.gif) no-repeat; margin: 16px 15px 0 15px; } #main-nav ul { margin: 0; padding: 0; line-height: 1; } #main-nav ul li { float: left; margin: 0; padding: 0; } #main-nav ul li a { color: #fff; text-decoration: none; display: block; float: left; border-left: 1px solid #b1af8e; padding: 13px 14px; } #main-nav ul li a:hover { background: #67614d; } /* Suckerfish */ #main-nav ul li ul { position: absolute; background: #67614d; width: 160px; top: 158px; left: -999em; clear: left; z-index: 999; border: 1px solid #b1af8e; border-top: none !important; font-size: 0.825em; } #main-nav ul li ul li { background-image: none; } #main-nav ul li ul a { display: block; text-align: left; width: 140px; padding: 6px 10px; background: #333; color: #fff; border: none; } #main-nav ul li ul a:hover { background: #0079c2; color: #ffffff; } /* Make Top-level styles stick on hover */ #main-nav ul li:hover ul, #main-nav ul li.sfhover ul { left: auto; } #main-nav ul li:hover a, #main-nav ul li.sfhover a { color: #fff; background: #67614d; } #main-nav ul li:hover li a, #main-nav ul li.sfhover li a { color: #fff; background: none; } #main-nav ul li:hover li a:hover, #main-nav ul li.sfhover li a:hover { background: #b1bf34; color: #fff; } /* Content ------------------------------------------------------*/ #content { clear:both; border-top: 2px solid #c1c196; } /* Interior-Content ------------------------------------------------------*/ #interior-content { clear: both; border-top: 2px solid #c1c196; padding: 1px 0 0 0; } /* Left-Column ------------------------------------------------------*/ #left-column { width: 660px; float: left; display: inline; } #left-column.interior { background: url(../_img/left_col_interior_bg.jpg) top right no-repeat; } /* Breadcrumbs ------------------------------------------------------*/ #breadcrumbs { } #breadcrumbs p { margin: 0; padding: 15px 30px 0 20px; font-size: 0.75em; color: #949171; } #breadcrumbs p strong { color: #AEBF34; font-weight: normal; margin-right: 10px; } #breadcrumbs p a { color: #949171; } #breadcrumbs p a:hover { color: #069; text-decoration: none; } #breadcrumbs p span { margin: 0 3px; } #breadcrumbs p a.active { font-weight: bold; color: #949171; } /* Interior-Content ------------------------------------------------------*/ #interior-left-content { padding-bottom: 15px; } #interior-left-content h2 { color: #069; font-size: 1.4em; font-weight: normal; border-bottom: 1px solid #E5E9B3; margin: 10px 20px 10px 10px; padding: 7px 10px; letter-spacing: 1px; } #interior-left-content img { border: 4px solid #a19f7c; } #interior-left-content img.image-right { width:190px; float: right; display: inline; clear:both; margin: 10px 40px 15px 20px; } #interior-left-content img.image-left { width:190px; float: left; display: inline; clear:both; margin: 10px 20px 15px 20px; } #interior-left-content h3 { font: 1.2em/1.3 Georgia,"Times New Roman", serif; font-style: italic; margin: 0 70px 0 20px; } #interior-left-content h4 { font: 0.9em/1.3 Georgia,"Times New Roman", serif; margin: 0px 70px 0px 20px; } #interior-left-content p { font: 0.9em/1.3 Georgia,"Times New Roman", serif; margin: 5px 20px 15px 20px; } #interior-left-content ul { font: 0.9em/1.3 Georgia,"Times New Roman", serif; margin: 5px 70px 15px 20px; } #interior-left-content ul li { margin:0 0 0 10px; list-style-position: outside; list-style-type: disc; } #interior-left-content .downloads { float:left; width:580px; margin:15px 0 15px 20px; padding:15px; background:#e0dfca; } #interior-left-content .downloads p { float:left; width:100%; margin:0; padding:0; } #interior-left-content .downloads p span.right { float:right; } #interior-left-content .downloads .listen { float:left; width:250px; } #interior-left-content .downloads .btn { width:60px; margin:1px 0 15px 10px; } #interior-left-content .downloads .btn a.download { margin:0; padding:0; } .form form { float:left; width:570px; margin:0 0 0 25px; } .form form div.form { float:left; width:285px; } .form form div.formc { float:left; clear:both; display:block; } .form label { float:left; clear:left; margin:0 0 2px 0; } .form input.text { float:left; clear:left; background:#F0F0B2; height:20px; width:250px; margin:0 0 10px 5px; border:2px solid #B1BF34; } .form select { float:left; clear:left; background:#F0F0B2; margin:0 0 10px 3px; } .form textarea { float:left; clear:both; background:#F0F0B2; height:120px; width:400px; margin:0 0 10px 3px; border:2px solid #B1BF34; } .form input.form-button { margin: 5px 0 20px 3px; float:left; clear:left; } .form #captcha { float:left; clear:left; } .form #captcha img { margin:0 0 0 5px; } .form p.error { color:red; } #interior-left-content span { margin:0; } #interior-left-content #listen { margin:5px 0 0 20px; padding:0; } #interior-left-content span.btn { float:left; width:570px; margin:3px 0 3px 17px; } #interior-left-content span.btn a.listen-now, #interior-left-content span.btn a.download { display: block; float:left; clear:none; margin:0 0 3px 3px; width: 60px; height: 15px; text-indent: -20000px; } #interior-left-content a.listen-now, #interior-left-content a.download { display: block; clear:both; margin:0 0 3px 3px; width: 60px; height: 15px; text-indent: -20000px; } #interior-left-content a.listen-now { background: url(../_img/btn_listen_now.gif) no-repeat; } #interior-left-content a.download { background: url(../_img/btn_download.gif) no-repeat; } table.media { width:630px; display:block; clear:both; color: #666; font-size: 0.9em; margin: 0px 0px 20px 10px; line-height: 1.3; } table.media tr { width:630px; } table.media td { padding:10px 5px; border-bottom:1px solid #D9D9C7; } table.media th { background: #e0dfca; text-align:left; padding:5px 10px 5px 5px; color: #6E8AA2; font-size: .9em; letter-spacing: 0.1em; font-weight: bold; text-transform: uppercase; } #interior-left-content th.dir { background:#669933; color:#fff; padding:10px; } .divide { border-top:1px solid #B6B58D; } .gallery-block { float:none; width:600px; height:125px; margin:10px 20px; border:3px solid #e6e6e6; } div.gallery-block:hover { border:3px solid #777;} .gallery-block a { width:600px; height:125px; text-decoration:none; color:#666; } .gallery-block a:hover { display:block; width:600px; height:125px; text-decoration:none; color:#333; } #interior-left-content .gallery-block h3 { margin:10px 10px 10px 200px; } #interior-left-content .gallery-block h3 em { margin:0 0 0 10px; font-size:.85em; color:#777; } #interior-left-content .gallery-block p { margin:10px 10px 10px 200px; } /* Welcome-Block ------------------------------------------------------*/ #welcome-block { width: 660px; min-height: 200px; height: auto !important; height: 200px; background: url(../_img/welcome_bg.jpg) no-repeat; border-top: 1px solid #c1c196; border-bottom: 2px solid #c1c196; } #welcome-block h2 { margin: 16px 48px 0 237px; font-size: 1.3em; font-weight: normal; color: #b1bf34; } #welcome-block p { margin: 2px 48px 10px 237px; font: 0.9em/1.34 Georgia,"Times New Roman", serif; color: #fff; font-style: italic; } #welcome-block p.signed { color: #b1bf34; margin: 2px 48px 0 237px; } #welcome-block p.signed strong { color: #fff; } #welcome-search { float: right; display: inline; overflow: hidden; } #welcome-search form { padding: 0 16px; } #welcome-search form input.form-text { font-size: 0.9em; float: left; display: inline; margin: 0 3px 0 0; padding: 3px; background: #dbdbb7; border: 1px solid #77735a; color: #6b6650; } /* Blog-Content (Home Only) ------------------------------------------------------*/ #blog-content { background:#fff url(../_img/left_col_bg.jpg) top right no-repeat; } #blog-content h2 { width: 644px; height: 32px; background: url(../_img/grace_blog_header.gif) bottom left no-repeat; margin: 0; padding: 10px 0 0 0; } #blog-content h2 strong { display: block; text-indent: -20000px; float: left; display: inline; } #blog-content h2 em { float: right; display: inline; margin: 0; padding: 0; } #blog-content h2 em a { display: block; width: 73px; height: 15px; background: url(../_img/btn_view_archives.gif) no-repeat; text-indent: -20000px; } #blog-content h2 em a:hover { } #blog-content .blog-post { margin: 5px 40px 20px 10px; } #blog-content .blog-post span.date { color: #b0ae87; font: 0.825em/1.3 Georgia,"Times New Roman", serif; } #blog-content .blog-post h3 { } #blog-content .blog-post h3 a { text-decoration: none; font-size: 1.3em; font-weight: normal; } #blog-content .blog-post h3 a:hover { } #blog-content .blog-post p { font: 0.9em/1.3 Georgia,"Times New Roman", serif; margin: 3px 0 7px 0; } #blog-content .blog-post p.blog-links { font: 0.8em/1.3 Arial, Helvetica, Sans-serif; color: #999; margin: 0 0 7px 0; padding: 0; } #blog-content .blog-post p.blog-links a { } #blog-content .blog-post p.blog-links a:hover { } #blog-content .blog-post p.blog-links span { margin: 0 5px; } #blog-content .blog-post img { float:right; clear:right; display:inline; margin:0 0 10px 10px; } #blog-content .blog-post img.alignleft { float:left; clear:left; display:inline; margin:0 10px 10px 0; } #blog-content object { margin:30px; } /* Bio ------------------------------------------------------*/ #interior-left-content .bio { clear: both; border-bottom: 1px solid #e7ecc3; margin: 10px 20px 10px 10px; padding: 10px 0 10px 0; overflow: hidden; } #interior-left-content .bio .bio-left { width: 200px; float: left; display: inline; margin: 7px 15px 10px 10px; } #interior-left-content .bio .bio-left img { border: 5px solid #DCDCB7; } #interior-left-content .bio .bio-left h3 { font: 1.3em/1.3 Georgia,"Times New Roman", serif; color: #333; font-style: normal !important; margin: 0; padding: 0; } #interior-left-content .bio .bio-left h4 { font: 1em/1.3 Georgia,"Times New Roman", serif; color: #6C9C33; font-style: italic; margin: 0; padding: 0; } #interior-left-content .bio .bio-left p { margin: 5px 0 15px 0; padding: 0; } #interior-left-content .bio .bio-right { width: 385px; margin: 0 0 0 225px; padding: 0; } #interior-left-content .bio .bio-right p { margin: 5px 0 15px 0; } /* Subscriptions ------------------------------------------------------*/ #subscriptions { clear: both; background: url(../_img/subscriptions_bg.gif) no-repeat; } #subscriptions h2 { height: 42px; width: 660px; display: block; text-indent: -20000px; } #subscriptions .sub-block { width: 190px; float: left; display: inline; margin: 5px 5px 20px 12px; padding: 0; overflow:hidden; } #subscriptions h3 { color: #693; font-size: 1.1em; font-weight: normal; margin: 0; padding: 0; } #subscriptions .sub-block p { font-size: 0.75em; } #subscriptions .block-search { width: 180px; float: left; display: inline; margin: 5px 0 10px 12px; overflow:hidden; } #subscriptions .block-search form input.form-text { width: 160px; font-size: 0.775em; font-weight: bold; float: left; display: inline; margin: 0 3px 3px 0; padding: 3px; background: #e5e6d4; border: 1px solid #a8a07b; color: #333; } /* Right-Column ------------------------------------------------------*/ #right-column { width: 300px; float: left; display: inline; } /* To offset/overlap column on header and navigation area */ #right-column.home { margin-top: -98px; } /* Scripture-Highlight Block (Home Only) ------------------------------------------------------*/ #scripture-highlight { } #scripture-highlight img { float: left; display: inline; } #slidr { position:relative; height:300px; } #slidr img { width:300px; height:300px; } #slidr a { position:absolute; top:0; left:0; z-index:8; } #slidr a.active { z-index:10; } #slidr a.last-active { z-index:9; } /* Sub-Nav ------------------------------------------------------*/ #sub-nav { background: url(../_img/subnav_bg.jpg) no-repeat; } #sub-nav .content { background: url(../_img/subnav_bottom.jpg) bottom left no-repeat; } #sub-nav .content h2 { color: #E0E0CB; background: url(../_img/subnav_header_arrow.gif) left center no-repeat; padding: 8px 15px 10px 20px; margin: 0 0 0 15px; letter-spacing: 1px; font-size: 1.6em; font-weight: normal; } #sub-nav .content ul { margin: 0; padding: 0 0 30px 0; font-size: 1.1em; } #sub-nav .content ul li { margin: 4px 20px 4px 20px; background: url(../_img/subnav_link_arrow.gif) 0 8px no-repeat; padding: 0 0 0 15px; } #sub-nav .content ul li a { text-decoration: none; } #sub-nav .content ul li a:hover { text-decoration: underline; } #sub-nav .content ul li ul { margin: 0; padding: 0; font-size: 0.75em; } #sub-nav .content ul li ul li { margin: 1px 10px 2px 15px; background: none; padding: 0; } #sub-nav .content ul li ul li a { color: #6B6650; } /* Podcast-Block ------------------------------------------------------*/ #podcast-block { background: #fff; } #podcast-left { width: 212px; float: left; display: inline; } #podcast-left h2 { width: 212px; height: 42px; background: url(../_img/grace_podcast_header.gif) no-repeat; text-indent: -20000px; } #latest-podcast { margin: 7px 0 10px 12px; background: url(../_img/green_podcast_icon.jpg) left center no-repeat; } #latest-podcast h3 { color: #693; font-size: 0.9em; font-weight: normal; margin: 0 0 0 38px; } #latest-podcast h4 { font-size: 1em; font-weight: normal; margin: 0 0 5px 38px; } #podcast-right { width: 86px; float: left; display: inline; background: url(../_img/podcast_right_bg.jpg) top center no-repeat; min-height: 100px; height: auto !important; height: 100px; } #podcast-right ul { margin: 68px 0 0 13px; padding: 0; } #podcast-right ul li { margin-top: 5px; } #podcast-right ul li a { display: block; width: 60px; height: 15px; text-indent: -20000px; } #podcast-right ul li a.listen-now { background: url(../_img/btn_listen_now.gif) no-repeat; } #podcast-right ul li a.download { background: url(../_img/btn_download.gif) no-repeat; } #podcast-block p { clear: both; display: block; width: 230px; min-height: 29px; height: auto !important; height: 29px; font-size: 0.9em; padding: 7px 20px 10px 50px; background: url(../_img/right_col_texture_top.jpg) bottom left no-repeat; font-family: Georgia,"Times New Roman", serif; } .sermon-dates { font-size:10px; font-family:Arial, Tahoma, sans-serif; } .sermon-dates em {font-style:normal; } /* Lower-Right-Blocks ------------------------------------------------------*/ #lower-right-blocks { background: url(../_img/right_col_texture.jpg) 0 -29px no-repeat; } #lower-right-blocks .block { padding: 10px 15px; } #lower-right-blocks .block h2 { color: #693; font-size: 1.2em; font-weight: normal; } #lower-right-blocks .block h3 { font-weight: normal; font-family: Georgia,"Times New Roman", serif; font-size: 0.85em; color: #6E6852; line-height: 1.2; margin-top: 5px; } #lower-right-blocks .block p { font-family: Georgia,"Times New Roman", serif; font-size: 0.85em; color: #6E6852; line-height: 1.2; } #lower-right-blocks .block p br { } #lower-right-blocks .block p a { } #lower-right-blocks .block p a:hover { } #lower-right-blocks hr { clear: both; background: #B6B58D; height: 1px; overflow: hidden; border: none !important; margin: 0 15px; } #lower-right-blocks .with-photo .thumbnail { float: left; display: inline; margin: 0 10px 10px 0; } #lower-right-blocks .with-photo img { border: 4px solid #A19F7C; } #lower-right-blocks .with-photo a.image img { border: 4px solid #A19F7C; } #lower-right-blocks .with-photo a:hover.image img { border: 4px solid #069; } #lower-right-blocks .with-photo h3 { font-weight: bold; } #lower-right-blocks .with-photo .thumbnail-row { margin-top: 10px; } /* Upcoming Events ------------------------------------------------------*/ #upcoming-events { } #upcoming-events h2 { color: #693; font-size: 1.2em; font-weight: normal; text-align: right; } #upcoming-events h2 strong { font-weight: normal; float: left; display: inline; } #upcoming-events h2 em { } #upcoming-events h2 em a { } #upcoming-events h3 { font-weight: normal; font-family: Georgia,"Times New Roman", serif; font-size: 0.85em; color: #6E6852; line-height: 1.2; margin-top: 5px; } #upcoming-events h4 { font-family: Georgia,"Times New Roman", serif; font-size: 0.9em; color: #6E6852; line-height: 1.2; margin: 2px 0 10px 0; } #upcoming-events h4 a { text-decoration: none; } /* Footer ------------------------------------------------------*/ #footer { clear: both; height:46px; background: #c0be95 url(../_img/footer_bg.gif) no-repeat; } #footer p { color: #e0e0ca; font: 0.85em/1.3 Georgia,"Times New Roman", serif; padding: 15px 4px 15px 15px; } #footer p span { margin: 0 3px; } #footer p a { color: #e0e0ca; } #footer p a:hover { text-decoration: none; } div#rss-249581121 li { margin:0 0 15px 0; } div#rss-249581121 li:hover { } #blog-content ol#commentlist { margin:0 0 20px 20px; } #blog-content ol#commentlist li { margin:0 0 20px 0; } #blog-content ol#commentlist li p { margin:0; padding:10px; background:#f0f0b2; } #blog-content ol#commentlist li p.blog-links { padding:10px 0 0 40px; background:url(../_img/quote.jpg) top left no-repeat; }