/* -----------------------------------------------------------------------

 Calvary Worship Centre CSS Framework 1.0
 http://www.calvaryworshipcentre.com

   * Copyright (c) 2010-Present. Calvary Worship Centre.
   * AUTHOR: Guy Richard Songo.

----------------------------------------------------------------------- */



/* resets */

html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5; background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {/*vertical-align:middle;*/}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

div {display:block;}

/* typography */

html {font-size:100.01%;}

body {
color: #525252;
background-color:#2D1800;
font: normal normal normal 13px/18px helvetica;
background-color:#fff;

color: #525252;
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;

}

h1, h2, h3, h4, h5, h6 {font-weight:normal; color: #525252; font-family: helvetica;  }
h1 {font-size:2em; line-height:1; margin-bottom:0.5em;}
h2 {font-size:1.5em;margin-bottom:0.75em;}
h3 {font-size:1.17em;line-height:1;margin-bottom:1em;}
h4 {font-size:1em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}


h3 {
font-family: 'Helvetica Neue W01 45 Light', Helvetica, Arial, sans-serif;
letter-spacing: -0.04em;
line-height: 1em;
margin-bottom: 10px;
word-spacing: -0.04em;
font-weight:bold;
font-size:14px;
}

#sectionHeader h1 { font-family: 'Yanone Kaffeesatz', arial, serif; }
h1                        { font-family: 'Yanone Kaffeesatz', arial, serif; }





h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}

p {
margin-bottom: 20px;
}



a:focus, a:hover   {color:#6C151D; text-decoration:underline;}
a                  {color:#CF432A; text-decoration:none; }
a:link, a:visited  { color: #CF432A; }


#sideBar   a, 
#sideBar   a:link, 
#sideBar   a:visited                          {color:#525252;}
#sideBar   a:hover                          {color:#CF432A;}



#sideBar  .mod                          { padding:0 0 0 30px;   }
#sideBar  ul                          { list-style-type:none; margin:0; padding:0;   }











blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
div {display:block;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#fff;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


/* forms */
label {font-weight:bold;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff; border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}


div.prepend-top, .prepend-top {margin-top:1.5em;}
div.append-bottom, .append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/* Grid */



#wrapAll                                       {  width:100%; margin:0 auto; padding-bottom:20px; min-height: 100%;  background: url(http://calvaryworshipcentre.com/static/images/bgs/ftbg.pn) no-repeat bottom }

#headerContainer                          { background:#6C151D; background:#CF432A; height:118px; width:100%; clear:both; display:block;   }


ul#topLeftNav         { position:absolute; right:0; top:0; height:40px; font-size:76%; line-height:40px;  }
ul#topLeftNav  li      { float:left; display:inline; padding:0 10px; list-style-type:none; }
ul#topLeftNav  li  a  {color:#f1f1f1}
ul#topLeftNav  li  form  {margin:0;}


#contentContainer                { width:986px; margin:0 auto;  padding-bottom:200px; }



.colOne   {width:216px; float:left;  margin:20px 0; overflow: hidden; position: relative; }
.colTwo   {width:216px; float:left; margin:20px 0;  overflow: hidden; position: relative;  }
.colThree {width:472px; float:left; margin:20px 0;  overflow: hidden;  position: relative; }


#sideBar                             { float: left; overflow: hidden; width:255px; min-height:600px;   }
#mainColumn                      { float: left; overflow: hidden; padding:0 0;  width:731px; }
#mainColumnWide               { float: left; overflow: hidden; padding:0;  width: 986px; }

#sectionHeader                    { margin:0 auto;  width:986px; overflow: hidden; position:relative; height:73px; line-height:73px }
#sectionHeader h1                 { font-size: 270%; color: 333; display: block; font-size: 30px; overflow: hidden; 
font-family: 'Helvetica Neue W01 75 Bold', Helvetica, Arial, sans-serif; margin:0; padding:0;
letter-spacing: -0.03em;
word-spacing: -0.04em;
 }

#section_hdr_img    { height:305px; width:986px; display:block; overflow: hidden; position: relative; background: url(http://calvaryworshipcentre.com/static/images/sectors/section2.jpg) no-repeat; 
border-bottom:6px #89B680 solid;
}

#section_hdr_img    { height:169px; width:986px; display:block; overflow: hidden; position: relative; background: url(http://calvaryworshipcentre.com/static/images/hdr/bible_dev.jp) no-repeat; 
border-bottom:6px #89B680 solid; margin:0 auto;
}




#footerContainer                 { width:100%; overflow:hidden; position:relative;  border-top:0px #ADADAD solid; background:#EDEDED;  height:200px; margin-top: -200px;  font-size: 0.75em; }




#globalfooter    { color: dimGrey; letter-spacing: 0.1px; margin:0 auto;  width: 986px; padding-top:20px; }
#globalfooter a { color: dimGrey }

#qlinks .item {float:left; width:164px; margin:0; padding:0; }
#qlinks ul li  {list-style-type:none; text-align: left; }
#qlinks ul li strong {text-transform:uppercase;}

ul#footerLinks    { margin: 10px 0px 5px; border-top:0px #c9c9c9 solid; padding:20px 0; text-align: right; }
ul#footerLinks li {   display: inline; line-height: 1.1em; padding-left: 15px; }


ul#footerLinks li a {   }
#globalfooter p {  text-align: right;  padding: 20px 0; font-size: .90em; display:block }









.entry               { border-bottom: 1px solid #E2E2E2; margin-bottom: 25px; padding-bottom: 25px;  clear:both; position:relative}
.entry  h3         {  }
.entry  p           {  }
.entry  .byline   { color:#666; text-transform:uppercase; font-size:10px; }
.entry .thumb      { float:left; margin:0 30px 0 0; width:205px;  }
.entry .summ  { float:left; width:350px;}



/* Header */

/* ==================== */



#header	{
margin:0 auto; 
width:986px;
	border-bottom: 0px solid #dfe2e1;
	position: relative;
	min-height: 118px;
	/*margin-bottom: 25px*/
}

#user_auth	{
	position: absolute;
	top: 16px;
	right: 0px
}


#logo	{
	position: absolute;
	left: -10px;
	bottom: 17px;
	background-image: url(../../images/rd/global/master_sprite.png);
	background-position: 0 0; 
	width: 243px; 
	height: 61px;  
}



#tagline	{
	position: absolute;
	top: 23px;
	right: 177px;
	width:500px;
	text-align: right;
	font-size: 11px
}


#nav	{ position: absolute;bottom: 11px; right: 0px;font-family:"Garamond 3 W01"; font-family: 'Yanone Kaffeesatz', arial, serif; }

#nav .item 	{
	display: inline;
	list-style-type: none;
	padding: 0px;
	font-size: 14px;
	border-right: 1px solid #e2e2e2;
	float: left;
	height:25px;
	padding: 0px 22px;
	line-height: 25px;
	display: block
}

#nav .last.item	{
	padding: 0px 8px 0px 15px;
	border-right: none;
}


#nav a.item	        {  text-decoration: none; color: #ffffff  }
#nav a.item:hover	{  color: #8E2512; }
#nav a.item:active	{
	color: #8E2512
}



/* Setup master class for active navigation */


body#about .nav_about, 
body#connect .nav_connect, 
body#blog .nav_blog, 
body#events .nav_events, 
body#contact .nav_contact, 
body#devotions .nav_devotions, 
body#giving .nav_giving, 
body#sermons .nav_sermons	{
	color: #8E2512 !important
}




/* Sublevel Navigation */    
   
ul.navSublevel {
    border-bottom: 1px solid #e9e9e9;
    clear: both;
    float: left;
    overflow: hidden;
    margin: 0px 0 30px 0;
    padding: 0 0 0 10px;
    width: 986px; /* 940 */
}
    ul.tabs {
        margin-top: 0;
        padding-top: 10px;
    }

    ul.tabs2 {
        margin: 0 0 30px 0 !Important;
        padding: 0 0 0 10px !Important;
    }
    
    ul.navSublevel li {
        float: left;
        padding: 0 25px 0 0;
list-style-type:none;
    }
        ul.navSublevel li a {
            border-bottom: 5px solid #fff;
            display: block;
            float: left;
            font-weight: bold;
            padding: 10px 0 9px 0;
            text-decoration: none;
        }
            
        ul.navSublevel li.ui-tabs-nav li.ui-tabs-selected a, ul.navSublevel li a:hover  {
            border-bottom: 5px solid #cf432a;
            text-decoration: none;
        }
            

/* Sidenav */

#sidenav ul    { background: url() no-repeat 100% 0%; border: none; display: block; list-style: none !important; margin: 0px; overflow: hidden; padding: -27px 23px 10px 0px; }
#sidenav ul li  { background-image: none !important; border-bottom: 1px solid #D5D0CC; display: block; font-size: 12px; line-height: normal; list-style: none !important; padding: 10px 0px;
list-style-position: inside;
}

#sidenav ul li a { color: black; display: block; font-weight: bold; padding: 0px 20px 0px 16px; text-decoration: none; }


/*Rotator*/


#rotatorWrap      { margin:0 0 20px 0; height:215px; padding:0px; display:block; width:710px; position:relative }
.rotatorContent   { margin:0 0 0 0; height: 215px; padding: 0 0 0 0; display: block; width: 710px; position: relative; }











#sectionHeader h1 { font-family: 'Yanone Kaffeesatz', arial, serif; }
h1                        { font-family: 'Yanone Kaffeesatz', arial, serif; }



#sectionHeader     { margin:0 auto;  height:53px; line-height:53px !important; width:986px; overflow:hidden; position:relative; display: block; }
#sectionHeader  h1   { line-height:73px !important }








.tabs-widget          { }
.tabs-widget .tabs { clear:both; background-position:bottom right;height:40px; border-top:0px #bbb solid; border-bottom:0px #bbb solid;}

.tabs-widget .tabs li {height:40px;  text-align:center; display:block;float:left;padding:0 0 0 0;background-color:#fff;background-image:url(/__files/general/tabbg.png);background-position:top left;background-repeat:no-repeat;   }
.tabs-widget .tabs li a{padding:0 0 0 0;display:block;text-decoration:none;line-height:40px; ;color:#333333;
background:#ccc; 
}


.tabs-widget .tabs li.ui-tabs-selected { font-weight:bold;color:#222;text-decoration:none;background-image:url(/__files/general/tabbg-on.pn);background-repeat:no-repeat;background-position:top left; border:1px #bbb solid; position:relative; bottom:-1px}

.tabs-widget .tabs li.ui-tabs-selected a{ font-weight:bold; color:#fff; }


.tabs-widget .ui-tabs-hide{display:none;}
.tabs-widget .pane ol{list-style:decimal;list-style-position:outside;margin:0 0 0 18px;padding:0 0 0 8px;}
.tabs-widget .pane ol li{margin:0 0 5px 0;}
.tabs-widget .pane {border:0px #bbb solid; padding:20px 0; height:100px; width:280px}










/* Rotator */


#galnav {
bottom: 10px;
margin: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
position: absolute;
right: 10px;
z-index: 8;
}

#slideshow {
border: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: initial;
border-color: initial;
display: block;
float: left;
left: 0px;
z-index: 0;
}

#galnav a {
background: #CCC;
background-image: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-clip: initial;
background-color: #CCC;
border: 0px solid #CCC;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCC;
border-right-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
color: black;
font-size: 11px;
margin: 5px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
padding: 2px 3px;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 2px;
padding-left: 3px;
text-decoration: none;
}