/*
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 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/
/**
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
**/
/*
Gold : #e1d3b9
Dark-blue-grey : #4e4646
Light-blue-grey: #5f5b5a
White : #ffffff
Pink : #de5555
Red : #ac0000
Brown : #b8670e
Gray : #e4dcda
Reset
*/
* { margin: 0; padding: 0; }
html { overflow-y:auto !important; height: 100%;}
body { -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding; overflow-y:hidden;
font-size:62.5%; font-family:Arial, sans-serif; z-index:1;
background:#e4dcda url(/root/images/content_wrapper.jpg) repeat-y scroll center; }
ul { list-style:square-inside; }
ol { list-style:decimal-inside; }
a { outline:none; text-decoration:none; border:none; color: #de5555; }
a:hover { outline:none; text-decoration:none; border:none; color: #0033CC; }
img { vertical-align:middle; border: none;}
table { border-collapse: collapse; }
.push { height: 14em; clear: both; }
.toggle { font-size:12px; letter-spacing: 0px; text-transform: none; }
/*
Utility
*/
.floatLeft { float:left; }
.floatRight { float:right; }
.clear { clear:both; }
.button { border: 1px solid #272727; background:white; padding: 3px 8px;
-moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; }
.button:hover { background: #b8670e; color:white; }
/*
HEADER
*/
/* using fixed width and margin (0, auto) is an aligning strategy */
#header-wrap { height:135px; position:relative; background: url(/root/images/bg-top-repeat.jpg) repeat-x scroll 0 0; }
#top-bar { position: relative; width:1150px; margin: 0 auto; }
#logo { width: 98px; height:98px; text-ident: -9999px;
background: url(/root/images/ocflogo.png) top left no-repeat;
position:absolute; float: left; }
#ocf-word { float:left; position:absolute; left:130px; }
#carlton-word { float:left; position:absolute; left:200px; }
form#searchform { float:right; }
#top-bar p { color:#ffffff; width:250px; float:left; position: absolute;
top:27px; left:188px; }
#login { position: absolute; left: 970px; top: 27px; font-size:132.5%; font-family:Arial, sans-serif;
display:block; }
#logins { position: relative; }
/*
MENU
*/
#menu-bar { position:relative; width:1150px; margin: 0 auto; }
/* div loader is used for image pre-load to prevent image 'disappearing' when its transitioning to hover state */
div#preloaded-images { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 0.25px; width: 1px; }
#sermons { position:absolute; left:97px; top:59px; background-image:url(/root/images/sermons-tab.png); width:147px; height:46px; }
#sermons:hover { position:absolute; left:97px; top:59px; background-image:url(/root/images/sermons-tab-hover.png); width:147px; height:46px; }
#sermons-current { position:absolute; left:97px; top:59px; background-image:url(/root/images/sermons-tab-hover.png); width:147px; height:46px; }
#ministry { position:absolute; left:301px; top:59px; background-image:url(/root/images/ministry-tab.png); width:147px; height:46px; background-repeat:no-repeat; }
#ministry:hover { position:absolute; left:301px; top:59px; background-image:url(/root/images/ministry-tab-hover.png); width:147px; height:46px; background-repeat:no-repeat; }
#ministry-current { position:absolute; left:301px; top:59px; background-image:url(/root/images/ministry-tab-hover.png); width:147px; height:46px; }
#events { position:absolute; left:505px; top:59px; background-image:url(/root/images/events-tab.png); width:147px; height:46px; background-repeat:no-repeat; }
#events:hover { position:absolute; left:505px; top:59px; background-image:url(/root/images/events-tab-hover.png); width:147px; height:46px; background-repeat:no-repeat; }
#events-current { position:absolute; left:505px; top:59px; background-image:url(/root/images/events-tab-hover.png); width:147px; height:46px; background-repeat:no-repeat; }
#news { position:absolute; left:709px; top:59px; background-image:url(/root/images/news-tab.png); width:147px; height:46px; background-repeat:no-repeat; }
#news:hover { position:absolute; left:709px; top:59px; background-image:url(/root/images/news-tab-hover.png); width:147px; height:46px; background-repeat:no-repeat; }
#news-current { position:absolute; left:709px; top:59px; background-image:url(/root/images/news-tab-hover.png); width:147px; height:46px; background-repeat:no-repeat; }
#rosters { position:absolute; left:912px; top:59px; background-image:url(/root/images/rosters-tab.png); width:147px; height:46px; background-repeat:no-repeat; }
#rosters:hover { position:absolute; left:912px; top:59px; background-image:url(/root/images/rosters-tab-hover.png); width:147px; height:46px; background-repeat:no-repeat; }
#rosters-current { position:absolute; left:912px; top:59px; background-image:url(/root/images/rosters-tab-hover.png); width:147px; height:46px; background-repeat:no-repeat; }
/*
PAGE
*/
#page-wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -14em;
position:relative; width:960px; padding: 0 0 50px; background: white; }
div.hr { height: 15px; background: url(/root/images/hr1.gif) no-repeat scroll center; }
div.hr hr { display: none; }
/*
PANORAMA
*/
#panorama { position:relative; width:934px;}
#wood-piece { position:absolute; background-image:url(/root/images/corner_overlay.png); background-repeat:no-repeat;
width:290px; height:262px; font-family:"Trebuchet MS"; z-index:5; }
#time-and-venue { font-family:"Gill Sans MT"; font-weight: bold; font-size:235%; color:#fb5a5a;
position:absolute; left:60px; top:25px; }
#underline { position:absolute; left:20px; top:57px; }
#friday { position:absolute; left:20px; top:70px;
font-weight:bolder; color:#999999; font-size:137%; }
#time { position:absolute; left:20px; top:87px;
color:#999999; font-size:128%; }
#address { position:absolute; left:118px; top:70px;
font-weight:bolder; color:#999999; font-size:137%; }
#address-details { position:absolute; left:118px; top:87px;
color:#999999; font-size:128%; }
#see-map { position:absolute; left:118px; top:130px; }
#who-is-jesus { position:absolute; left:10px; top:170px; }
/*
SLIDER
*/
#mover { width: 1200px; position: relative; }
#slider { background: white; height: 223px; width: 699px; overflow: hidden;
position: relative; left:260px; z-index:2; }
.slide { padding: 1px 1px; width: 900px; float: left; position: relative; }
.slide h1 { font-family: Helvetica, Sans-Serif; font-size: 22px; top:30px;
color: #de5555; position: absolute; left:410px; font-weight:bolder; }
.slide p { color: #999; font-size: 12px; line-height: 22px; width: 240px;
position: absolute; left: 410px; top: 56px; font-weight:bolder; }
.slide img { position: absolute; left: 40px; height:220px; width:350px;}
#slider-stopper { position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
/*
NIVO SLIDER
*/
#nivo-slider { position:relative; background:url(/root/images/loading.gif) no-repeat 50% 50%; }
#nivo-slider img { position:absolute; top:0px; left:0px; display:none; }
#nivo-slider a { border:0; }
.nivo-controlNav { position:absolute; left:47%; bottom:-20px; }
.nivo-controlNav a { display:block; width:10px; height:10px; background:url(/root/images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; }
.nivo-controlNav a.active { background-position:-10px 0; }
.nivo-directionNav a { display:block; width:32px; height:34px; background:url(/root/images/arrows.png) no-repeat; text-indent:-9999px; border:0; }
a.nivo-nextNav { background-position:-32px 0; right:10px; }
a.nivo-prevNav { left:10px; }
/*
ANYTHING SLIDER
*/
#dl { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover { background: #666; }
#textSlide { padding: 10px 30px; }
#textSlide h3 { font: 20px Georgia, Serif; }
#textSlide h4 { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li { display: list-item; }
#quoteSlide { padding: 30px; }
#quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p { text-align: center; }
.anythingSlider { width: 560px; height: 360px; position: relative; margin: 0 auto 15px; left:-40px;}
.anythingSlider .wrapper { width: 520px; overflow: auto; height: 341px; margin: 0 40px; position: absolute; top: 0; left: 0; }
/* Width below is max for Opera */
.anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213; margin: 0; }
.anythingSlider ul li { display: block; float: left; padding: 0; height: 317px; width: 520px; margin: 0; }
.anythingSlider .arrow { display: block; height: 200px; width: 35px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; margin-left:38px; cursor: pointer; }
.anythingSlider .forward { background-position: 0 0; right: -29px; }
.anythingSlider .back { background-position: -67px 0; left: -29px; }
.anythingSlider .forward:hover { background-position: 0 -200px; }
.anythingSlider .back:hover { background-position: -67px -200px; }
.anythingSlider .wrapper ul li img { width:420px; float: right; margin: 0 0 2px 10px; }
#textSlide img { width:420px; float: right; margin: 0 0 2px 10px; }
#textSlide h4 { font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2","serif"; font-size:15px; font-weight: bold; letter-spacing: 1px;
text-transform: uppercase; color: #b8670e; margin-top: 35px; margin-bottom: 0px; border-bottom: 0 none; }
#thumbNav { position: relative; top: 323px; text-align: center; }
#thumbNav a { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover { background-image: none; }
#thumbNav a.cur { background: #e0a213; }
#start-stop { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 55px; top: 0px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing { background-color: red; }
#start-stop:hover { background-image: none; }
.anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }
/*
MINI BAR
*/
#mini-bar { border-top:5px solid #5f5b5a; background: #433b3b; width:710px; height:34px; position: relative; left:250px; z-index:1px;}
#about-us { position: absolute; left:60px; top:5px; background-image:url(/root/images/about_us.png); width:147px; height:46px; background-repeat:no-repeat; }
#about-us:hover { position: absolute; left:60px; top:5px; background-image:url(/root/images/about_us_hover.png); width:147px; height:46px; background-repeat:no-repeat; }
#neil-dinner { position: absolute; left:270px; top:5px; background-image:url(/root/images/neil_dinner.png); width:147px; height:46px; background-repeat:no-repeat; }
#neil-dinner:hover { position: absolute; left:270px; top:5px; background-image:url(/root/images/neil_dinner_hover.png); width:147px; height:46px; background-repeat:no-repeat; }
/*#english-class { position: absolute; left:500px; top:5px; background-image:url(/root/images/english_class.png); width:147px; height:46px; background-repeat:no-repeat; }*/
/*#english-class:hover { position: absolute; left:500px; top:5px; background-image:url(/root/images/english_class_hover.png); width:147px; height:46px; background-repeat:no-repeat; }*/
#library { position: absolute; left:500px; top:5px; background-image:url(/root/images/library.png); width:147px; height:46px; background-repeat:no-repeat; }
#library:hover { position: absolute; left:500px; top:5px; background-image:url(/root/images/library_hover.png); width:147px; height:46px; background-repeat:no-repeat; }
/*
CONTENT WRAP
*/
h2, h3, h5, h4, h6 { font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2","serif"; margin: 0 0 8px; }
h5 { border-bottom: 1px solid #5f5b5a; font-size:16px; letter-spacing: 4px; text-transform: uppercase;
color: #5f5b5a; }
h6 { border-bottom: 1px solid #b8670e; font-size:16px; letter-spacing: 6px; text-transform: uppercase;
color: #b8670e; }
#content-wrap { position: relative; width:100%; }
#content-area { float: left; width:600px; padding: 15px 0 50px 30px; font-size:13px;
font-family: Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif; }
#post { margin-top: -15px; }
h3 { border-bottom: 1px solid #b8670e; font-size:16px; letter-spacing: 8px;
text-transform: uppercase; color: #b8670e; margin-top: 35px; }
h4 { border-bottom: 1px solid #b8670e; font-size:14px; letter-spacing: 3px;
text-transform: uppercase; color: #b8670e; margin-top: 35px; }
h2 { font-size: 30px; color: #b8670e; margin: 7px 0 0; }
/*
COMMENTS
*/
.posts { font-family:Arial, sans-serif; font-size:11px; }
#textarea { width:500px; }
#allowed-tags { opacity: 0.4; }
.comment-odd { background-color: #DBDBDB; }
.comment-even { background-color: #EEEEEE; }
#commentform label { width: 200px; float:left; }
#commentform input { border: 1px solid #dbd8d3; width: 225px; }
#commentform label.error { margin-left: 100px; }
/*
SIDEBAR
*/
#sidebar { float: right; width:295px; padding: 25px 15px 0 0; }
.sidebar-box { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0; border:7px solid #DEDEDE; margin:0 0 20px 10px; padding:15px;
position:relative; width: 240px; font-size:12px; font-family:Arial, sans-serif; color:#5f5b5a; }
#affiliate-ul { margin-left:20px; }
/*
LIBRARY
*/
ol.lib, ol.lib li, span.reqtxt, span.emailreqtxt { display: inline-block; /*for ie6*/ }
.libform label, ol.lib, ol.lib li, span.reqtxt, span.emailreqtxt { display: inline-block; /*for ie7*/ }
.libform input:hover, .libform textarea:hover, .libform select:hover { background:#CEDDDF; }
.libform input:focus, .libform textarea:focus, .libform select:focus { background:#F3F8F8; }
.libform input { width:150px; }
.libform fieldset { margin-top:10px; margin-left:-15px; padding:5px 0 15px 0; border:1px solid #adadad; border-left-color:#ececec; border-top-color:#ececec; background:#EEEEEE; width:625px; }
/*.libform fieldset { margin-top:10px; padding:5px 0 15px 0; border:1px solid #adadad; border-left-color:#ececec; border-top-color:#ececec; background:#f7f7f7; width:575px; } */
.libform legend { margin-left:10px; padding: 0 2px; font:normal 20px Times; color:#666666; }
.libform table { border-collapse: separate; border-style:outset; border-color:#EEF3E2; border-width:3px;}
.libform h2 { font: normal 20px Times; color: #666666; margin-left:15px; }
ol.lib { margin:0!important; padding:0!important; }
ol.lib li { background:none!important; margin:5px 0!important; padding:0; list-style:none!important; text-align:left; line-height:1.3em; }
.libform label { margin-left:15px; color:#4e4646; font-weight:bold; font-family:Arial, sans-serif; display:-moz-inline-box; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ text-align:right; vertical-align:top; }
.libform label span { display:block; }
#libAddform label.error { width: 180px; display: block; float: right; color: red; padding-left: 5px; }
#libDeleteform label.error { width: 180px; display: block; float: right; color: red; padding-left: 5px; }
.error { margin-left:15px; color:#FF0000; font-weight:bold; font-size:11px; display:inline; }
/*
FOOTER WRAP
*/
#footer-wrap { margin-bottom: -250px; height:45em; clear: both; position:relative; background: transparent url(/root/images/footer.png) repeat-x scroll 0 0; }
#footer-content { position: relative; width:1150px; margin: 0 auto; }
#quote { float: left; background-image: url(/root/images/verse_word.png); background-repeat:no-repeat;
position: absolute; left: -45px; top: 25px; width: 350px; height: 182px; }
#links-wrap { float: center; position:relative; margin: auto; font-family: "Bookman Old Style"; color: white; font-weight: bolder; }
#about-us-block { position: relative; margin-left:330px; }
#about-us-link { position: absolute; top:25px; font-size:20px; color:white; }
#our-vision-link { position: absolute; top:48px; font-size:16px; color:white; opacity: 0.2; }
#where-are-we-link { position: absolute; top:68px; font-size:16px; color:white; opacity: 0.2; }
#contact-us-link { position: absolute; top:88px; font-size:16px; color:white; opacity: 0.2; }
#about-us-link:hover { position: absolute; top:25px; font-size:20px; color:#4e4646; }
#our-vision-link:hover { position: absolute; top:48px; font-size:16px; color:white; opacity: 0.2; color:#141313; }
#where-are-we-link:hover { position: absolute; top:68px; font-size:16px; color:white; opacity: 0.2; color:#141313; }
#contact-us-link:hover { position: absolute; top:88px; font-size:16px; color:white; opacity: 0.2; color:#141313; }
#ministry-block { position: relative; margin-left:530px; }
#ministry-link { position: absolute; top: 25px; font-size: 20px; color: white; }
#sermon-link { position: absolute; top: 48px; font-size: 16px; color: white; opacity: 0.2; }
#bible-study-link { position: absolute; top: 68px; font-size: 16px; color: white; opacity: 0.2; }
#campus-outreach-link { position: absolute; top: 88px; font-size: 16px; color: white; opacity: 0.2; }
#discovery-group-link { position: absolute; top: 108px; font-size: 16px; color: white; opacity: 0.2; }
#english-class-link { position: absolute; top: 128px; font-size: 16px; color: white; opacity: 0.2; }
#neil-dinner-link { position: absolute; top: 148px; font-size: 16px; color: white; opacity: 0.2; }
#other-resources-link { position: absolute; top: 168px; font-size: 16px; color: white; opacity: 0.2; }
#ministry-link:hover { position: absolute; top: 25px; font-size: 20px; color: white; color:#4e4646; }
#sermon-link:hover { position: absolute; top: 48px; font-size: 16px; color: white; opacity: 0.2; color:#141313; }
#bible-study-link:hover { position: absolute; top: 68px; font-size: 16px; color: white; opacity: 0.2; color:#141313; }
#campus-outreach-link:hover { position: absolute; top: 88px; font-size: 16px; color: white; opacity: 0.2; color:#141313; }
#discovery-group-link:hover { position: absolute; top: 108px; font-size: 16px; color: white; opacity: 0.2; color:#141313; }
#english-class-link:hover { position: absolute; top: 128px; font-size: 16px; color: white; opacity: 0.2; color:#141313; }
#neil-dinner-link:hover { position: absolute; top: 148px; font-size: 16px; color: white; opacity: 0.2; color:#141313; }
#other-resources-link:hover { position: absolute; top: 168px; font-size: 16px; color: white; opacity: 0.2; color:#141313; }
#events-block { position: relative; margin-left: 730px; }
#events-link { position: absolute; top: 25px; font-size:20px; color:white; }
#july-camp-link { position: absolute; top: 48px; font-size:16px; color:white; opacity:0.2; }
#e-night-link { position: absolute; top: 68px; font-size:16px; color:white; opacity:0.2; }
#belgrave-link { position: absolute; top: 88px; font-size:16px; color:white; opacity:0.2; }
#sport-link { position: absolute; top: 108px; font-size:16px; color:white; opacity:0.2; }
#events-link:hover { position: absolute; top: 25px; font-size:20px; color:white; color:#4e4646; }
#july-camp-link:hover { position: absolute; top: 48px; font-size:16px; color:white; opacity:0.2; color:#141313; }
#e-night-link:hover { position: absolute; top: 68px; font-size:16px; color:white; opacity:0.2; color:#141313; }
#belgrave-link:hover { position: absolute; top: 88px; font-size:16px; color:white; opacity:0.2; color:#141313; }
#sport-link:hover { position: absolute; top: 108px; font-size:16px; color:white; opacity:0.2; color:#141313; }
#misc-block { position: relative; margin-left:930px; }
#misc-link { position: absolute; top:25px; font-size:20px; color:white; }
#elink-link { position: absolute; top:48px; font-size:16px; color:white; opacity:0.2; }
#webdesign-link { position: absolute; top:68px; font-size:16px; color:white; opacity:0.2; }
#want-to-contribute-link { position: absolute; top:88px; font-size:16px; color:white; opacity:0.2; }
#contributor-guide { position: absolute; top:108px; font-size:16px; color:white; opacity:0.2; }
#misc-link:hover { position: absolute; top:25px; font-size:20px; color:white; color:#4e4646; }
#elink-link:hover { position: absolute; top:48px; font-size:16px; color:white; opacity:0.2; color:#141313; }
#webdesign-link:hover { position: absolute; top:68px; font-size:16px; color:white; opacity:0.2; color:#141313; }
#want-to-contribute-link:hover { position: absolute; top:88px; font-size:16px; color:white; opacity:0.2; color:#141313; }
#contributor-guide:hover { position: absolute; top:108px; font-size:16px; color:white; opacity:0.2; }