/*
Theme Name: CHCC Default
Description: Default Christian Hill Template
Version: 1.0
Author: Christian Hill
*/


/*----------------------------------------- Main Styles */

* {
	margin: 0;
	padding:0;
}

html, body {height: 100%;}

body{
	font-family:Arial, Helvetica, sans-serif;
	background: #bd855b url(images/bodyBack.jpg) repeat-x top;
	font-size:14px;
	color:#604133;
}

/*----------------------------------------- General Styles */
img{border:none;}
.floatL{float:left;}
.floatR{float:right;}
.clear{clear:both;}
.clearL{clear:left;}
.clearR{clear:right;}

hr {height:1px; border:0; border-bottom:1px solid #e9c3bf; margin:0 0 20px 0; clear:both;}

h1{
	font-size:23px;
	width:100%;
	padding:0 0 6px 0;
	border-bottom:2px solid #b3564c;
	margin:0 0 5px 0;
}

h1, h2, h3, h4, h5, h6{
	font-family:Tahoma, Arial, sans-serif;
	color:#503520;
}

h2{ font-size:20px;}
h3{ font-size:16px;}
h4{ font-size:14px;}
h5{ font-size:12px;}

p{ line-height:1.3; margin:0 0 15px 0;}
blockquote { 
        margin: 10px 20px 10px;
        padding: 0;
        font-style: italic; }

/*----------------------------------------- Header Styles */

.header{
	width:960px;
	margin: 0 auto;
	padding:0;
	text-align:center;
	height:170px;
}
.header ul{ width:960px; margin:-2px 0 0 0; position:relative; z-index:999;}

.header > a{
	height:122px;
	padding:0;
	margin:0;
}
.header > ul > li{ 
	float:left;
	height:50px;
	padding:0;
	margin:0;
	list-style-type:none;
}
.header > ul > li > a{
	height:50px;
	display:block;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffe8d7;
	text-decoration:none;
	padding:0;
	margin:0;
	line-height:50px;
}
/*----------------------------------------- Navigations Styles */

#suckerfishnav {font-size:18px;font-family:verdana,sans-serif;font-weight:normal; width:960px; height:51px; background:url(http://www.christianhill.com/wp-content/themes/chcc_default/images/navBack.png) top left no-repeat;}

#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;padding:0; width:100%;}
#suckerfishnav > li > a {
	display:block;
        height:50px;
	font-size:18px;
        width:160px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffe8d7;
	text-decoration:none;
	padding:0;
	margin:0;
	line-height:50px;
}
#suckerfishnav li {float:left;padding:0;}
#suckerfishnav ul {
	position:absolute;
	left:-999em;
	height:auto; 
	font-weight:normal;
        -webkit-border-radius:5px; 
        -moz-border-radius:5px; 
        border-radius:5px;
        width:200px;
        background:#470503;
	margin:-1px 0 0 0;
	border:0;
	border:1px solid #69261f;
}
#suckerfishnav > li > a:hover, #suckerfishnav > li.sfhover > a  {background:url(http://www.christianhill.com/wp-content/themes/chcc_default/images/navHover.png) top left no-repeat;}

#suckerfishnav li li {
	border-bottom:1px solid #69261f;
	font-weight:bold;
        width:100%;
	font-family:verdana,sans-serif;
	text-align:left;
}
#suckerfishnav li li a { display:block; padding:8px 10px; font-size:12px; color:#fff; text-decoration:none;}
#suckerfishnav li ul ul {
        margin:-31px 0 0 201px;
        -webkit-border-radius:5px; 
        -moz-border-radius:5px; 
        border-radius:5px;
        width:200px;
        background:#470503;
	border:1px solid #69261f;
border-bottom:none;
}
#suckerfishnav li li {display:block;}
#suckerfishnav li li a {display:block;}
#suckerfishnav li li a:hover, #suckerfishnav li li.sfhover {background:#841e13;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:auto;}
/*----------------------------------------- Page Content Styles */

#pageContainer {
	width:958px;
	border:1px solid #dab896;
	margin: 0 auto;
} 

#pageMiddle{
	background:#f7eddf;
	border:9px solid #efdbbf;
	margin: 0;
	padding:0 0 10px 0;
}

#pageContent{
	width:610px;
	padding:10px;
}
#pageContentFull{
	padding:10px;
}
#aboutLinkBar{
	width:100%;
	height:45px;
	line-height:45px;
	border-top:1px solid #e9c3bf;
	border-bottom:1px solid #e9c3bf;
	background:#eae1d4;
	margin: 10px 0;
	font-style:normal;
	text-align:center;
	color:#333;
}

#aboutLinkBar a{
	color:#900;
	text-decoration:none;
	font-size:14px;
}
/*-------------------------------- Cancellation Notice Styles */
#notice{
	width:920px;
	margin:10px auto;
	border:2px solid #ee857a;
	color:#cc0000;
	padding:0;
	clear:both;
	background:#fff;
	-webkit-border-radius:5px;
   -moz-border-radius:5px;
	border-radius:5px;
}
#notice a { text-decoration:none; }
#warning{
	width:44px;
	height:38px;
	margin:10px;
	display:block;
	float:left;
	background: url(images/warning.jpg) no-repeat;
}
#cancellation{
	color:#cc0000;
	font-weight:bold;
	cursor:pointer;
	float:left;
	width:830px;
	margin:10px;
}
/*----------------------------------------- Showcase Styles */
#showcase{
	width:940px;
	height:340px;
	background:#FFF;
	border-bottom:1px solid #d2cabe;
	}
#pageImg{
	padding:0;
	margin:10px;
	width:610px;
	height:320px;
	float:left;
}
#showcaseNav{
	width:300px;
	height:320px;
	margin:10px 0 0 0;
	float:left;
}
a#sideBarBtn1, a#sideBarBtn2, a#sideBarBtn3, a#sideBarBtn4{ display:block; text-indent:-9999px; height:80px; width:300px;}
a#sideBarBtn1{background:url(images/newToChccBtn.jpg) top left;}
a#sideBarBtn2{background:url(images/comingEventsBtn.jpg) top left;}
a#sideBarBtn3{background:url(images/listenToMsgBtn.jpg) top left;}
a#sideBarBtn4{background:url(images/eGivingBtn.jpg) top left;}
a#sideBarBtn1:hover, a#sideBarBtn2:hover, a#sideBarBtn3:hover, a#sideBarBtn4:hover{background-position:bottom right;}

/*----------------------------------------- Side Bar Styles */

#sideBar{
	width:300px;
	margin:10px 0 0 0;
	padding:0;
}

#sideBarAddress{
	color:#9b7263;
	font-size:13px;
	font-style:italic;
	text-align:center;
	padding: 3px 0 5px 0;
}

.sbLine{
	padding:0;
	height:5px;
	width:100%;
	margin:0;
	border:0;
	outline:none;
	background:#FFF;
}
.actionBtns{
	display:block;
	padding:0;
	margin:0;
}
/*------------Popular Sermons Sidebar Widgit------------*/
#sermon-browser-popular{}
#sermon-browser-popular p{
background:#EAE1D4;
border-bottom:1px solid #E9C3BF;
border-top:1px solid #E9C3BF;
color:#333333;
font-style:normal;
height:25px;
line-height:25px;
margin:5px 0;
text-align:center;
width:100%;
}
#sermon-browser-popular p a{color:#990000;}

.popular-sermons_w li, .popular-series_w li{ list-style:none;}
.popular-sermons_w li a, .popular-series_w li a{
 display:block;
 padding:5px 10px; 
 background:#EAE1D4;
 border-bottom:1px solid #E9C3BF;
 border-top:1px solid #E9C3BF;
 color:#990000;
 font-size:11px;
 text-decoration:none;
}
.popular-sermons_w li a:hover, .popular-series_w li a:hover{ background:#efdbbf;}
/*------------This Series Sidebar Widgit------------*/
.sermon-widget  li{list-style:none; padding:0 !important;}
.sermon-widget .sermon-title a{
display:block;
 padding:5px 10px; 
 background:#EAE1D4;
 border-bottom:1px solid #E9C3BF;
 border-top:1px solid #E9C3BF;
 color:#990000;
 font-size:13px;
 text-decoration:none;
 }
.sermon-widget .sermon-title a:hover{ background:#efdbbf;}

.widget{ padding:0; margin:0; list-style:none;}
.widget > li{ padding:0; margin:0; list-style:none;}
/*----------------------------------------- Footer Styles */
#footer {
	height: 37px; 
	background: url(images/footerSlice.jpg) repeat-x;
	width:960px;
	border-left:1px solid #93604f;
	border-right:1px solid #93604f;
	padding:0;
	margin:0 auto;
	color:#ffe8d7;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:37px;
	text-align:left;
}

#footer ul{
	margin:0;
	padding:0;
	width:960px;
    height:37px;
}

#footer ul li{
	float:left;
	margin:0 8px;
    list-style-type:none;
}

#footer li a, #footer li a:visited{
	color:#ffe8d7;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

#footer li a:hover, #footer li a:hover:visited{	color:#fff;}

#footerNumber{
	font-size:18px;
	padding:0 5px 0 0;
    float:right;
}
/*========================================= Begin Wordpress Image Editor Styles */
p img {
	padding: 0;
	max-width: 100%;
	}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {float: right;}
.alignleft {float: left;}
/*============================================ End  Wordpress Image Editor Styles */


/*  ===== @SLIDER============================ */
.coda-slider-wrapper { height:320px; width:610px; margin: 0 auto; clear: both;}
.coda-slider { float: left; overflow: hidden; position:relative; z-index:10; }
.coda-slider .panel { display: block; float: left }
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 320px; overflow: auto !important; }
.slider-quote-button:hover { background-position:bottom left;}
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 610px; height:320px; }
/* Tab nav */
.coda-nav ul li a.current {  background:#ccc; color:#333;}
/* Preloader */
.coda-slider p.loading { padding: 20px; }
/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav { height:20px; left:15px; margin:0; position:relative; top:-40px; width:auto; z-index:11; }
.coda-nav ul {  display: block; margin:0; padding:0; clear: both; position:relative; }
.coda-nav ul li { display: block; float:left; list-style:none; padding:0; margin:0 7px;}
.coda-nav ul li a { display: block; float: left; width:20px; height:20px; text-decoration: none; line-height:20px; background:#333; color:#fff; text-align:center; font-size:12px; border:1px solid #777; }
.coda-nav ul li a:hover { background:#ccc; color:#333;}