/*
File: screen.css
Media: screen
Copyright: (c) 2008 Brand Rich Media
Author: Brandon Neil Richards
Author URI: http://www.brandrichmedia.com/
*/
/* 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}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* 960 Framework */
.container_12,.container_16{margin: 0 auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/* Main Text */
body{font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; background:#FFF url(/external/images/onefocus-sub-body-bg.png) repeat-x;}
body.home{background:#FFF url(/external/images/onefocus-home.png) repeat-x;}
a:focus{}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:32px; color: #000; font-weight: normal;}
h2{font-size:24px; color: #777;}
h3{font-size:18px;color: #777;}
h4{font-size:16px;color: #777;}
h5{font-size:14px;color: #777;}
h6{font-size:12px;color: #777;}
ol{list-style:decimal}
ul{list-style:square}
li{margin-left:30px}
p,li,dd{font-size: 12px;color: #111;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px;}
a{color: #B40047;}


/* Helpers */
.float-right{float: right;}
.float-left{float:left;}
.align-right{text-align: right;}
.align-left{text-align: left;}
.septum{height:16px;border-bottom: 1px dotted #A7A7A7;margin-bottom: 16px;}

/* Main Layout */
#login{position: absolute;z-index:1500;width: 100%;background: transparent url(/external/images/login-bg.png) repeat-x;}
#login .click{position: relative; float: right;margin-right: 10px;}
#home-wrapper{width: 100%; background: transparent url(/external/images/onefocus-home-circles-bg.jpg) center top no-repeat;}
#home-main{height: 414px; width: 960px;margin: 0 auto;background: transparent url(/external/images/home-main-bg.png) 0 0 no-repeat;}
#home-footer{background: transparent url(/external/images/home-footer.png) center top no-repeat;height: 141px; margin-top: 35px;padding-top:30px;}
#wrapper{width: 100%; min-height: 123px;background: transparent url(/external/images/onefocus-circles-bg.jpg) center top no-repeat;}
#main{margin-top: 24px; padding-top: 30px;min-height: 462px;background: transparent url(/external/images/sub-nav-area-bg.png) no-repeat;}
#main.live{background: none;}

#home-footer h3{font: bold 14px Arial, Helvetica, Verdana, sans-serif;text-transform: uppercase; color: #777777;margin: 0px 0 5px 0;}
#home-counter{height: 80px;width: 240px; margin: 0 auto; padding: 0 0 0 36px;background: transparent url(/external/images/counter-person.png) 0px 0px no-repeat;}
#home-counter p{margin:0;padding:0;font-weight: bolder;}
#home-counter .home-count{color: #1668AA;font: normal 30px/.9em Arial, Helvetica, Verdana, sans-serif; margin: 0;padding: 0;}
/* begin remove*/
#home-subscribe{height: 80px;width: 270px; margin: 0 auto;}
#home-subscribe .subscribe-text{width: 140px;margin: 5px 0 0 0;}
#home-subscribe .subscribe-button{width: 95px;margin:10px 0 0 0;}
/* end remove*/
#home-scroller{height: 80px;width: 270px; margin: 0 auto;}
#home-scroller .scroller-text{width: 270px;margin: 5px 0 0 0;height: 80px;}
#home-scroller .scroller-text h4{font: bolder 13px Arial, Helvetica, Verdana, sans-serif;margin:0;padding:0;}
#home-scroller .scroller-text p{font: normal 12px Arial, Helvetica, Verdana, sans-serif;margin:5px 0;padding:0;}

#home-social{height: 80px;width: 270px; margin: 0 auto;}
#home-social ul{margin:0;padding:0; list-style-type: none;}
#home-social li{margin:0;padding:0;list-style-type: none;display: inline;float: left;}
#home-social a{display: block; height: 43px; width: 43px;margin: 0 22px 0 0;}

#masthead{height: 100px;}

#masthead .logo h1{margin:39px 0 0 0;padding:0;}
#masthead .navigation{margin: 56px 0 0 0;}
#masthead .navigation ul{margin: 0;padding:0;float: right;}
#masthead .navigation li{margin:0; padding:0; list-style-type: none; display: inline;float:left;}
#masthead .navigation a{display: block; height: 26px; margin: 0 10px 0 0;}
#masthead a.last{margin: 0;}

#nav-about{width: 80px;background: transparent url(/external/images/navigation.png) 0 0 no-repeat;}
#nav-community{width: 153px; background: transparent url(/external/images/navigation.png) -91px 0 no-repeat;}
#nav-resources{width: 116px; background: transparent url(/external/images/navigation.png) -254px 0 no-repeat;}
#nav-events{width: 85px; background: transparent url(/external/images/navigation.png) -380px 0 no-repeat;}
#nav-join{width: 197px;background: transparent url(/external/images/navigation.png) -475px 0 no-repeat;}

#nav-about:hover{background-position: 0 -27px;}
#nav-community:hover{background-position: -91px -27px;}
#nav-resources:hover{background-position: -254px -27px;}
#nav-events:hover{background-position: -380px -27px;}
#nav-join:hover{background-position: -475px -27px;}

.selected #nav-about{background-position: 0 -54px;}
.selected #nav-community{background-position: -91px -54px;}
.selected #nav-resources{background-position: -254px -54px;}
.selected #nav-events{background-position: -380px -54px;}
.selected #nav-join{background-position: -475px -54px;}

#content .container{width: 620px;margin:0 auto;}
#content .container li{list-style-type:none; list-style-image: url(/external/images/content-bullet.jpg);}
#content .entry-title{margin:0; padding-bottom: 5px;font-size: 18px;}
#content .entry-date{font-size: 10px; color: #666;}
#content .container blockquote{background:#D4D7DC;padding: 10px 15px 0 15px;}
#content .container blockquote p{padding:0 0 10px 0;margin:0;}

#subnav h4{color: #777;padding-left: 0px; text-transform: uppercase;font: normal 16px Arial, Helvetica, Verdana, sans-serif;}
#subnav ul{margin:0;padding:0;}
#subnav li{margin:0 0 10px 0px;padding:0;list-style-type: none;}
#subnav a{display: block; padding-left: 24px;height: 26px; font: bold 14px/26px Arial, Verdana, Helvetica, sans-serif; text-decoration:none; color: #333; background: transparent url(/external/images/subnav-bullet.jpg) 0 0px no-repeat;}
#subnav a:hover, #subnav .selected a{color: #1668AA;background-position: 0px -26px;}
#subnav ul ul{margin: 0;width: 220px;padding: 5px 0;background: transparent url(/external/images/ulul-bg.png) repeat-x;}
#subnav li li{padding: 0;margin:0;width:210px;list-style-type:none;}
#subnav li li a{ display: block;font-size: 12px; line-height: 26px;border-bottom: 1px dotted #A7A7A7; background: none;}


#intro{width: 320px;height: 414px;float: left;}
#intro .message, #intro .video{width: 280px; margin: 0 auto;}
#intro .message{ margin-top: 44px;height: 282px;}
#intro .video{height: 89px;}
#intro h1{color: #93C1EB;font: normal 24px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
#intro p{color: #FFF; font: normal 13px/1.5em Arial, Helvetica, Verdana, sans-serif;}

#rotator{background: transparent; width: 640px; height: 414px;float: right; position:relative; z-index: 700; overflow: hidden;}
#rotator ul{width: 640px;height: 414px;margin:0;padding:0;}
#rotator li{width: 640px;height: 414px;margin:0;padding:0;list-style-type:none;}
#rotator .rotator-image img{width: 640px; height: 414px;}

#rotator .rotator-toggle{height: 23px;width: 62px; position:absolute; z-index: 1001; right: 30px; top: 370px;}
#rotator .rotator-caption{width: 640px;height: 101px; position: absolute; z-index: 1000;bottom:0;background: transparent url(/external/images/rotator-caption-bg.png) no-repeat;}
#rotator .rotator-caption h1{margin:0 0 8px 0;padding:0;color: #FFF; font: normal 22px Helvetica, Arial, Verdana, sans-serif;}
#rotator .rotator-caption p{color: #FFF; margin:0; padding:0;font: normal 16px Helvetica, Arial, Verdana, sans-serif;}
#rotator .rotator-caption div{width: 590px; margin: 28px auto 0 auto;}

#prev,#next{display: block;height: 23px;width:31px;}
#prev{background: transparent url(/external/images/rotator-toggle.png) 0 0 no-repeat;float: left;}
#next{background: transparent url(/external/images/rotator-toggle.png) -31px 0 no-repeat;float: right;}
#prev:hover{background-position: 0 -24px;}
#next:hover{background-position: -31px -24px;}

/* List of tabs */
#tabNavigation{height:36px;width:100%;margin:0;padding:0;border-bottom:7px solid #A7A7A7;}
#tabNavigation li{display:inline;list-style:none;float:left;margin:0;padding:0;}
#tabNavigation li.last{float:right;}
#tabNavigation li a{color: #333;height: 36px;line-height: 36px;text-decoration:none;overflow:hidden;text-transform:uppercase;font-weight:bold;display:block;margin:0 2px 0 0;padding:0px 12px;background:#D4D7DC;}
#tabNavigation li a:hover{background:#DEDEDE; color: #B50048;}
/* The current selected tab */
#tabNavigation li a.selected{background:#A7A7A7;color:#B50048;}
#tabNavigation li a.selected:hover{background:#A7A7A7;}
/* The content shown when a tab is selected */
#tabNavigation div{float:left;display:block;width:100%;}
#vision-team, #coaches, #pastors{padding:20px 0;}
#vision-team dl, #pastors dl{margin:0;padding:0;}
#vision-team dd, #pastors dd{height: 75px; width: 300px;float: left;margin: 0 10px 10px 0;}
#content .meta{width: 215px;float: right;}
#content .meta h3{margin:0;padding:0;}
#content .meta p{margin:0;padding:0;}
#content .photo{background: #D4D7DC; width: 75px; height: 75px; float: left;}
#content .photo img{width: 75px; height: 75px;}
#content .overlay-photo{float: left; width: 200px;}
#content .overlay-photo img{width: 200px;}
#content .overlay-meta{float: right; width:428px; padding: 20px;}
#content .event-container{clear: both;width: 620px;}
#content .event-image{width: 258px;float: left;}
#content .event-image img{width: 218px;height: 135px;padding: 10px;background: #777777;}
#content .event-info{width: 362px;float: right;}
#content .events-large-photo img{height: 135px;width: 620px;}

#gridless{min-height: 113px;background: transparent url(/external/images/resources-divide.jpg) center top repeat-y;}
#downloads h3,#resource-login h3{text-transform: uppercase;font: bold 14px Arial, Verdana, Helvetica, sans-serif;}
#downloads,#resource-login{width: 300px;}
#downloads{float: left;}
#resource-login{position: relative;float: right;}
#resource-login .archive{width: 165px;}
#resource-login .archive-image{width: 125px;}
#resource-login .livenow{ width: 59px; height: 61px;position: absolute;z-index: 1013;right:-26px;top: 20px;}


#pagination{padding: 10px;margin-top: 20px;}
#pagination p{font-weight: bold;color: #666;}
#pagination p strong{border: 1px solid #A7A7A7;padding: 2px 6px; color: #FFF; background: #A7A7A7;}
#pagination a{border: 1px solid #D4D7DC; padding: 2px 6px; text-decoration: none;}
#pagination a:hover{border: 1px solid #D4D7DC; padding: 2px 6px;background: #D4D7DC; text-decoration: none;}

#responses{width: 620px; margin:15px auto;}
#responses h5{font-size: 1.6em;margin:0;}
#responses .entry-date{font-size: 1.1em; font-weight: normal;}
#responses .alt{background: #D4D7DC;border-top: 1px dotted #A7A7A7;padding-top: 15px;margin-top: 15px;}
#responses .response-author{padding: 15px 0;margin:0 0 1px 0;}
#responses .response-author-photo{width: 90px;float: left;text-align:center;}
#responses .gravatar{width: 55px; height: 55px; background: #D4D7DC; padding: 7px;}
#responses .response-author-comment{border-left: 1px dotted #D4D7DC; padding-left: 10px;width: 515px; float: right;}
#responses .alt .gravatar{width: 55px; height: 55px; background: #FFF; padding: 7px;}
#responses .alt .response-author-comment{border-left: 1px dotted #666; padding-left: 10px;width: 515px; float: right;}

#comment, #tellafriend-form, #contact{padding: 15px 0;width: 620px; margin: 0 auto 30px auto;}
#comment .full, #tellafriend-form .full, #contact .full{padding: 5px 0;}
#comment .half{}
#comment textarea, #comment input, #tellafriend-form textarea, #tellafriend-form input, #contact textarea, #contact input{border: 1px solid #CCC;font: normal 1.2em Arial, Helvetica, Verdana, sans-serif; color: #666;padding: 8px 0 0 2px;}
#comment textarea, #tellafriend-form textarea, #contact textarea{width: 620px;height: 150px;}
#tellafriend-form input#subject{width: 588px;}
#comment input, #tellafriend-form input, #contact input{width: 298px;height: 22px;}
#comment .response-note{background: #D4D7DC; padding: 10px;font-size: 1.1em;}
#comment label, #tellafriend-form label, #contact label{font-size: 1.4em; color: #666; text-transform: uppercase;}
#comment .checkbox label, #submit-row label, #contact label{font: normal 1.2em Arial, Helvetica, Verdana, sans-serif; text-transform: none;}
#comment .checkbox{background: #D4D7DC;width: 302px;padding-top: 6px;height: 26px;}
#comment .checkbox input{width: auto;height: auto;float: left;border:none;}
#comment .checkbox label{float: right;line-height: 22px;text-align: left;width: 274px;}
#contact .opt-in input{width: 20px;height: 20px;float: left;}
#contact .opt-in label{line-height: 28px;font-weight: bold;}
#contact .opt-in{background: #D4D7DC;}

#socialshare ul{margin:0 0 30px 0;padding: 10px;}
#socialshare li{margin:0 10px 0 0;padding:0;display: inline;}


#submit-row{margin-top: 15px;padding-top: 10px;border-top: 7px solid #EDEDED;}
#submit-row label{float: left;width: 130px;text-align:right; margin-right: 20px;}
#submit-row div.captcha{width: 140px;border: none;}
#submit-row .submit-region{width:420px}
#submit-row .captcha-input{}
#submit-row .captcha-input input{height: 18px;width: 139px;}
#submit-row .submit{border: none; height: 26px; width: 110px;margin:0;padding:0;}

.simple_overlay {display:none; z-index:10000; background-color:#FFF; width:675px; min-height:200px; border:1px solid #FFF; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000;}
.simple_overlay .close {background-image:url(/external/images/close.png);position:absolute;right:-15px;top:-15px;cursor:pointer;height:28px;width:28px;}
#view-intro{width: 640px;height: 385px;}
#sidebar-social{height: 80px; width: 220px;margin-top: 30px;background: transparent url(/external/images/sidebar_social.png) no-repeat;}
#sidebar-social ul{margin:0;padding:0;list-style-type:none;margin:0 auto;width: 200px;}
#sidebar-social li{margin:0;padding:0;display: inline;float:left;}
#sidebar-social li img{width:36px; height: 36px;}
#sidebar-social li a{display: block; margin: 36px 7px;}
#sharethis{padding: 15px 0; }
#sharethis .sharethis-text{font-size: 18px;line-height: 18px;}
#content .container h1 .sharethis{background: #EDEDED; padding: 0 10px;font: bold 12px/36px Arial, Helvetica, Verdana, sans-serif;float: right;}

#sidebar-subscribe h3{font: bold 14px Arial, Helvetica, Verdana, sans-serif;text-transform: uppercase; color: #777777;margin: 30px 0 5px 0;}
#sidebar-subscribe p{margin-bottom:0;}
#liveheader{width:600px;margin:0 auto;height: 72px;}
#liveheader img{margin: 0 30px 0 0;}
#liveheader p{color: #FFF;font: 24px/58px Arial, Verdana, Helvetica, sans-serif;}

#footer-wrapper{height: 40px;}
#copyright{border-top: 1px dotted #D4D7DC; padding: 10px 0;height: 30px;}
#copyright p{font-size: 10px;text-align: right;}