/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous Kubrick by Michael Heilemann)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/
/*
site: fbkl.org
author: aaron hall
created: 05/15/10
version: 1.0
*/
/* @import "style/css/reset.css"; */
/* @import "style/css/typography.css"; */
/* @import "style/css/layout.css"; */
/*-------------------------------------- css 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, 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; }
:focus { outline: 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
img, img a { border: none; background: none; }
img { vertical-align: middle; }
a { text-decoration: underline; color: #6c7424; }
a:active { /* position: relative; top: 1px; */ }
.hr { height: 30px; width: 610px; }
.one-px { margin: 0 1px 0 0; }
.alignleft { float: left; margin: 0 10px 0 0; }
.alignright { float: right; margin: 0 0 0 10px; }
.image-border { padding: 4px; border: 1px solid #83817b; }
.aligncenter { }
.wp-caption { text-align: center; }
.wp-caption-text { margin: 0; padding: 10px 10px 0 10px; font: bold 11px/13px Arial, sans-serif; text-align: center; }
/*-------------------------------------- blockquote */
blockquote {
background:#d8d6be;
border-left:10px solid #83817b;
margin:1.5em 20px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}
/*
blockquote {
font: 14px/22px normal helvetica, sans-serif;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding-left: 15px;
border-left: 3px solid #ccc;
}
*/
/*-------------------------------------- general typography */
h1 { margin: 0 0 10px 0; font: bold 22px/25px "Lucida Grande", Arial, sans-serif; color: #14100d; }
h2 { margin: 0 0 5px 0; font: bold 20px/20px "Lucida Grande", Arial, sans-serif; color: black; }
h3 { margin: 0 0 5px 0; font: bold 18px/20px "Lucida Grande", Arial, sans-serif; color: black; }
h4 { margin: 0 0 5px 0; font: bold 16px/20px "Lucida Grande", Arial, sans-serif; color: black; }
h5 { margin: 0 0 5px 0; font: bold 13px/20px "Lucida Grande", Arial, sans-serif; color: black; }
p { margin: 0 0 10px 0; font: normal 12px/22px "Lucida Grande", Arial, sans-serif; color: #14100d; }
.bold { font-weight: bold; margin: 0; }
h1 a { text-decoration: none; }
p a:active, h1 a:active { position: relative; top: 1px; }
/*-------------------------------------- highlight select */
::-moz-selection{ background:#2d2922; color:#fff; }
::selection{ background:#2d2922; color:#fff; }
/*-------------------------------------- site layout */
body { background: #928b74 url(images/grudge.jpg) repeat-x top center; }
#wrapper{ margin: 0 auto; width: 972px; background: url(images/repeat-y.png) repeat-y; }
#bg-content { margin: 0 auto; width: 900px; height: 100%; }
/*-------------------------------------- expand */
#expand { margin: 0 auto; width: 902px; height: 50px; background: url(images/top-header.jpg) bottom center repeat-x; }
#ministry { padding: 12px 0 0 10px; }
#ministry p { padding: 6px 0 0 10px; font: normal 14px/15px Arial, sans-serif; color: white; text-shadow: 0px 1px 2px black; }
#ministry-expand { display: none; margin: 0 auto; width: 900px; background: #8e9c2f url(images/expand-bg.jpg) repeat-x bottom center; border-right: 1px solid #a5b059; border-left: 1px solid #a5b059; }
#ministry-expand .padding { padding: 0 25px 0 0; }
#ministry-expand p, #ministry-expand li, #ministry-expand a { font: normal 12px/20px "Lucida Grande", Arial, sans-serif; color: white; text-shadow: 0px 1px 2px #444c20; text-decoration: none; }
#ministry-expand a:hover { text-decoration: none; color: black; text-shadow: none; }
#ministry-expand a:active { position: relative; top: 1px; }
#ministry-expand .bold { padding: 10px 0; font-weight: bold; font-size: 14px; }
#expand-list { margin: 0 auto; padding: 20px 0; width: 800px; }
/*-------------------------------------- search */
#search{
margin: 0 10px 0 0;
background: url(images/search-layout.png) no-repeat center;
width: 224px;
height: 28px;
}
#search .searchbox{
padding: 5px;
background: none;
border: none;
font: normal 15px/15px "Lucida Grande", Arial, sans-serif;
color: #7b8129;
/* text-shadow: 0 0 2px #727728; */
width: 80%;
}
#search .button{
float: right;
padding: 5px 8px 5px 0;
}
/*-------------------------------------- wider search */
#search-wider {
margin: 0 10px 0 0;
background: url(images/search-wider-bg.gif) no-repeat center;
width: 861px;
height: 54px;
}
#search-wider .searchbox {
margin: 5px 0 0 5px;
padding: 10px;
background: none;
border: none;
font: normal 20px/22px "Lucida Grande", Arial, sans-serif;
color: #555555;
text-shadow: 0 0 2px #727728;
width: 88%;
}
#search-wider .button {
float: right;
padding: 5px 5px 0 0;
}
/*-------------------------------------- header */
#header { background: url(images/header.jpg) no-repeat; height: 192px; }
#header-logo { padding: 90px 0 0 0; background: url(images/logo.png) no-repeat center; height: 110px; }
/*-------------------------------------- nav */
#nav {
width:900px;
height:40px;
background: transparent url(images/nav.gif);
position:relative;
margin:0 auto;
}
#nav li {
position:absolute;
top:0;
text-indent: -9000px;
}
#nav li, #nav a {
height:40px;
display:block;
}
#nav-btn1 { left:0; width:74px; }
#nav-btn2 { left:74px; width:118px; }
#nav-btn3 { left:192px; width:94px; }
#nav-btn4 { left:286px; width:121px; }
#nav-btn5 { left:407px; width:129px; }
#nav-btn6 { left:536px; width:141px; }
#nav-btn7 { left:677px; width:113px; }
#nav-btn8 { left:790px; width:110px; }
#nav-btn1 a:hover { background:transparent url(images/nav.gif) 0 -40px no-repeat; }
#nav-btn2 a:hover { background:transparent url(images/nav.gif) -74px -40px no-repeat; }
#nav-btn3 a:hover { background:transparent url(images/nav.gif) -192px -40px no-repeat; }
#nav-btn4 a:hover { background:transparent url(images/nav.gif) -286px -40px no-repeat; }
#nav-btn5 a:hover { background:transparent url(images/nav.gif) -407px -40px no-repeat; }
#nav-btn6 a:hover { background:transparent url(images/nav.gif) -536px -40px no-repeat; }
#nav-btn7 a:hover { background:transparent url(images/nav.gif) -677px -40px no-repeat; }
#nav-btn8 a:hover { background:transparent url(images/nav.gif) -790px -40px no-repeat; }
/*-------------------------------------- content */
#content { }
#welcome { background: url(images/welcome.jpg) no-repeat; height: 308px; }
#gallery { margin: 20px; width: 575px; height: 268px; list-style: none; }
#promiment { margin: 20px 20px 20px 0; width: 265px; height: 268px; }
#feature { background: #d8d6be; padding: 10px; }
#message { width: 380px; height: 75px; background: white; }
#message p { margin: 0; padding: 0 0 5px 0; font: normal 12px/14px "Lucida Grande", Arial, sans-serif; color: #2d2922; }
#message h1 { margin: 0; padding: 0 0 5px 0; font: normal 18px/20px "Lucida Grande", Arial, sans-serif; color: #807e28; }
#message .space { padding: 5px 10px 0 10px ; }
/*-------------------------------------- blog, page, artcile, etc. */
#left-col { width: 593px; margin: 10px 0 0 20px; padding: 0 20px 0 0; border-right: 1px solid #b0aea7; }
#left-col .date { font-size: 10px; }
#right-col { width: 228px; margin: 10px 20px 0 0; }
#right-col ul { }
#right-col li { margin: 0 0 10px 0; font: normal 12px/15px "Lucida Grande", Arial, sans-serif; }
#full-width { margin: 10px 0 0 0; padding: 0 20px; }
#full-width ol { list-style: decimal; }
#full-width ul { list-style: disc; }
#full-width ol, #full-width ul { margin: 0 0 0 20px; padding: 0 0 10px 0; font: normal 12px/22px "Lucida Grande", Arial, sans-serif; }
#full-width li { }
/*-------------------------------------- Akismet / Spam Blocker */
img#wpstats{display:none}
/*-------------------------------------- contact area */
#contact-page, #calendar, #sermon-audio, #events { margin: 10px 0 0 0; padding: 0 20px; }
#contact-page input { border: 4px solid #d8d6be; padding: 5px; width: 300px; font: normal 15px/15px "Lucida Grande", Arial, sans-serif; color: #14100d; width: 300px; }
#contact-page textarea { border: 4px solid #d8d6be; padding: 5px; width: 553px; font: normal 15px/20px "Lucida Grande", Arial, sans-serif; color: #14100d; width: 300px; }
#contact-page input:focus,
#contact-page textarea:focus { border: 4px solid #900; }
#contact-page textarea { resize: none; }
.regular-submit { border: none; background: #d8d6be; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
/*-------------------------------------- comment area */
#comment-area { padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 5px solid #d8d6be; }
#comment-area a { font: normal 15px/15px Arial, sans-serif; }
#comment-area .input { border: 4px solid #d8d6be; padding: 5px; width: 300px; font: normal 15px/15px "Lucida Grande", Arial, sans-serif; color: #14100d; }
#comment-area .textarea { border: 4px solid #d8d6be; padding: 5px; width: 553px; font: normal 15px/20px "Lucida Grande", Arial, sans-serif; color: #14100d; }
#comment-area h3 { margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 2px solid #d8d6be; }
#comment-area textarea:focus, #comment-area input:focus { border: 4px solid #900; }
#comment-area textarea { resize: none; }
#comment-area label { font: bold 11px/11px "Lucida Grande", Arial, sans-serif; color: #14100d; }
#respond { padding: 10px; margin: 20px 0; border-top: 5px solid #d8d6be; border-left: 1px solid #d8d6be; border-right: 1px solid #d8d6be; border-bottom: 1px solid #d8d6be; background: #ffffff; }
.divider { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #d8d6be; }
li.comment img.avatar { /* display: none; */ }
/* Person's name w/o hyperlink */
.commentlist .fn { font: bold 14px/20px "Lucida Grande", Arial, sans-serif; color: #color: #14100d; }
/* Person's name w hyperlink */
.commentlist .fn a { font: bold 14px/20px "Lucida Grande", Arial, sans-serif; color: #color: #6c7424; }
/* Person's name w/o hyperlink - NOW DISABLED */
.commentlist .says { color: red; }
/* Person's time of response */
.commentlist .comment-meta { margin: 5px 0 0 0; font: bold 11px/11px Arial, sans-serif; }
/* Person's comment */
#response { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #d8d6be; }
#response p { margin: 15px 0 10px 0; }
#response a { font-size: 12px; }
/*-------------------------------------- social-media */
#social-media p { padding: 5px 0 0 0; font: bold 14px/14px "Lucida Grande", Arial, sans-serif; }
#social-media {
margin: 0 10px 0 0;
background: white;
width: 240px;
height: 75px;
}
#social-media .space { padding: 5px 10px 0 10px ; }
#social-media img { margin: 0 10px 0 0; }
/*-------------------------------------- footer */
#footer { margin: 10px 0 0 0; padding: 10px 0; text-align: center; border-top: 1px solid #c2c2ba; }
#footer p { padding: 10px 0; font: normal 11px/13px "Lucida Grande", Arial, sans-serif; }
#footer p a { color: #6c7424; }
#footer p a:active { position: relative; top: 1px; }
/*-------------------------------------- sticky footer */
html, body { height: 100% ; }
#wrapper { margin: 0 auto -4em; min-height: 100%; height: auto !important; height: 100%; }
#footer, #push { height: 10em ; }