/*

	TITLE:	Celebration Church
	DATE:	1-17-07

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, form,
img{margin: 0;	padding: 0;	border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font-family: Arial, Verdana;
	font-size: 12px;
	margin: 0px;
	line-height: 18px;
	font-family: Tahoma;
	background: #35170c url('images/mainBg.jpg') center top repeat-x;
}

/* links */
a{color:#632c17; font-weight: bold;}
a:hover{text-decoration: none;}

/* heading */
h1{font-size: 2.0em; margin: 2px 0px; padding: 5px 0px;	font-weight: normal; line-height: 1em;}
h2{font-size: 1.6em; margin: 2px 0px; padding: 2px 0px;	font-weight: normal;}
h3{font-size: 1.4em; margin: 2px 0px; padding: 3px 0px;	font-weight: normal;}
h4{font-size: 1.2em; margin: 2px 0px; padding: 3px 0px;	font-weight: normal;}
h5{font-size: 1.0em; margin: 2px 0px; padding: 3px 0px;	font-weight: normal;}
h6{font-size: .9em;	 margin: 2px 0px; padding: 1px 0px;	font-weight: normal;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#mastCon{width: 100%; float: left; background: url('images/mastcon.jpg') center top no-repeat;  }


#frame{width: 764px; margin: 0 auto;}

#header{height: 154px; position: relative;}
#header #topNav{width: 200px; position: absolute; font-family: Arial; top: 60px; left: 550px;}
#header #topNav li{display: inline; padding: 0 8px 0 5px; background: url('images/topNavSep.gif') right no-repeat;}
#header #topNav li.last{background-image: none;}
#header #topNav li a{color: #632c17; text-decoration: none;}
#header #search{width: 146px; position: absolute; top: 83px; left: 584px; }
#header #search .searchInput{width: 97px; height: 16px; font: bold .9em Tahoma; padding: 3px 0 0 2px; margin: 1px 0 0 0; float: left; border: 0; background: url('images/textBox.gif') no-repeat;}
#header #search .searchButton{width: 44px; height: 22px; float: right; font-size: 0; border: 0; background: url('images/button.gif') no-repeat;}

#mainNav{width: 764px; height: 46px; float: left; background: url('images/mainNav.jpg') no-repeat;}
#mainNav ul{padding: 15px 0 0 50px;}
#mainNav li{list-style: none; display: inline; padding: 0 15px 0 0;}
#mainNav li a{color: #AB763A; text-decoration: none;}
#mainNav li a:hover, #mainNav li.selectedPage a, #mainNav li.selectedPageRoot a{color: #dfb66b;}

#container{width: 764px; float: left;}
#container #intro{width: 725px; min-height: 300px; padding: 21px 19px 40px 20px; color:#ebdbc7; float: left; text-align: center; font-size: .9em; background: url('images/feature-bg.jpg') no-repeat;}
#container #intro a{padding: 0 0 0 10px; color: #fff; text-decoration: none; background: url('images/arrowOut.gif') 0 5px no-repeat;}
#container #intro a:hover{color: #c68a39; background: url('images/arrowOver.gif') 0 5px no-repeat; }
#container #intro #flash{width: 400px; float: right; display: inline; margin: 15px 35px 10px 10px; background: #1D4350;}
#container #welcome{width: 236px; float: left; margin: 27px 0 0 57px; display: inline;}
#container #actions{width: 744px; float: left; padding: 15px 0 0 0; margin: 0 10px; display: inline; background: url('images/actions.gif') top repeat-x;}
#container #actions img{margin: 0 3px 0 3px; color:#ebdbc7; float: left; display: inline; border: 1px solid #6a3617;}
#container #quicks{width: 744px; float: left; color: #e2d2c2; font-size: .9em;}
#container #quicks h1{color: #65a7ba; font-family: 'Trebuchet MS';}
#container #quicks .left{width: 458px; float: left; padding: 10px 10px 10px 40px;}
#container #quicks .right{width: 236px; float: right;}
#container #quicks a{padding: 0 0 0 10px; color: #fff; text-decoration: none; background: url('images/arrowOut.gif') 0 5px no-repeat;}
#container #quicks a:hover{color: #c68a39; background: url('images/arrowOver.gif') 0 5px no-repeat; }
#container #quicks li{list-style: none; padding: 3px 0;}
#container #quicks li a{color: #c68a39; background: url('images/arrowOver.gif') 0 5px no-repeat; }
#container #quicks li a:hover{text-decoration: underline;}
#container #image{width: 729px; height: 141px; float: left; padding: 12px 0 0 37px; background: url('images/image.jpg') no-repeat;}
#container #content{width: 764px; float: left; background: url('images/content.jpg') top no-repeat;}

#mainCol{width: 463px; margin: 5px 0 0 15px; float: left; font-size: .9em; display: inline; padding: 25px 25px 25px 25px;}
#mainCol h1{color: #4a7e8c;}
#mainCol h2{color: #ae7a3e;}
#mainCol .element ul{padding: 5px 10px;}
#mainCol .element li{padding: 2px 10px; list-style: none; background: url('images/arrowOver.gif') 0 7px no-repeat; }
#mainCol .element img{float: right; padding: 0px 0 5px 10px;}
#mainCol .postTitle{padding-bottom: 15px;}

#subCol{width: 218px; margin: 0 11px 0 0; color: #ecdac4; font-size: .9em; float: right; display: inline;}
#subCol h1{color: #ca9760; font-size: 1.7em; font-weight: bold;}
#subCol li{list-style: none;}
#subCol #pageTitle{width: 218px; float: left; margin: 4px 0 0 0; background: url('images/pageTitle.jpg') bottom repeat-x;}
#subCol #pageTitle h1{margin: 5px 0 10px 20px;}
#subCol #sideNav{width: 218px; float: left; background: #5b2c12;}
#subCol #sideNav ul{}
#subCol #sideNav li{padding: 6px 20px 8px 25px; list-style: none; background: url('images/sideNavSep.jpg') bottom repeat-x;}
#subCol #sideNav li a{padding: 0 0 0 10px; text-decoration: none; color: #d8a12a; background: url('images/arrowOver.gif') 0px 4px no-repeat; }
#subCol #sideNav li a:hover{text-decoration: underline;}
#subCol #sideSec{width: 185px; float: left; padding: 15px;}
#subCol #sideSec a{padding: 0 0 0 10px; color: #fff; text-decoration: none; background: url('images/arrowOut.gif') 0 5px no-repeat;}
#subCol #sideSec a:hover{color: #c68a39; background: url('images/arrowOver.gif') 0 5px no-repeat; }

#footer{width: 600px; float: left; text-align: right; font-size: .9em; padding: 21px 144px 30px 0; position: relative; margin: 5px 10px; display: inline; color: #a25a2b; background: url('images/footer.jpg') no-repeat; }
#footer a{color: #a25a2b; font-weight: normal;}
#footer ul{}
#footer li{list-style: none; display: inline;}
#footer #water{width: 130px; height: 50px; position: absolute; top: 15px; left: 615px;}
#footer #water img{width: 130px; height: 50px;}


/* internal */
body#internal #container{background: url('images/container.jpg') 6px repeat-y;}
body#internal #footer{width: 602px; float: left; position: relative; text-align: right; padding: 21px 144px 50px 0; margin: 0px 8px; display: inline; color: #a25a2b; background: url('images/footer.jpg') no-repeat; }



/* blog */

#blogPage {
	color: #ccc;
	}

#blogPage #mainCol a,
#blogPage #subCol a {
	color: #C68A39;
	}

#blogPage #mastCon { background: url('images/blog-bg.jpg') center top no-repeat; }

#blogPage #container { min-height: 400px; }
#blogPage #content { background: none; }
#blogPage #mainCol {margin: 0 0 0 27px;}


#blogPage #mainCol .element li {
background:none;
list-style:none;
padding:0;
}



#blogPage #mainCol .postTitle,
#blogPage #mainCol .post h2 {
font-weight: normal;
font-size: 300%;
font-family: Georgia, "Times New Roman", Times;
padding-bottom:.4em;
margin-bottom: .5em;
border-bottom: 1px solid #365b76;
}

#blogPage #mainCol .postTitle a,
#blogPage #mainCol .post h2,
#blogPage #mainCol .post h2 a {
	color: #7dbbc8;
	font-weight: normal;
	text-decoration: none;
	}




#blogPage #mainCol .postDate {
	color: #CA9760;
	}

#blogPage #mainCol h3 {
	color:#CA9760;
	}


#blogPage .blogList .postInfo {
	padding: 1em;
	color: #9b613c;
	background: #41200d;
	border: 1px solid #643313;
	font-style:normal;
	}


#blogPage .blogList ul li {
	margin-bottom: 4em;
	}




#blogPage #mainCol .comments {
	padding: 1em;
	border:1px solid #643313;
	background:#41200D;
	}

#blogPage #mainCol div.commentsForm input {
	width:auto;
	}

#blogPage #mainCol div.commentsForm input[type="text"],
#blogPage #mainCol div.commentsForm textarea {
	border: 3px solid #643313;
	background: #d5ccc3; 
	}


#blogPage #mainCol div.commentsForm p {
	margin-top: 1em;
	}

#blogPage #mainCol div.commentsForm input.submitComment {
	margin-top: 2em;
	}
	

#blogPage #subCol {width:172px; margin: 0 27px 0 0; padding: 0 25px 0 0;}

#blogPage #subCol #pageTitle{width: auto; float: none; margin: 4px 0 0 0; background:none;}
#blogPage #subCol #pageTitle h1{margin: 5px 0 10px 0px; font-weight: normal; font-size: 200%; border-bottom: 1px solid; font-family: Georgia, "Times New Roman", Times;}

#blogPage #subCol #sideSec {width: 172px; padding: 0 25px 0 0;}
#blogPage #subCol #sideSec a{padding: 0; color: #fff; text-decoration: none; background: none;}
#blogPage #subCol #sideSec a:hover{color: #c68a39; background: none; }


#blogPage #subCol #sideSec .feeds {
	border-bottom: 1px dotted #643313;
	}


#blogPage #subCol #sideSec .feeds ul {
margin:0 0 1.2307em;
padding:0;
}


#blogPage #subCol #sideSec .feeds li {
display:block;
list-style:none;
margin:0 0 0.5em;
padding:0;
}


#blogPage #subCol #sideSec .feeds li img {
margin-right:0.25em;
vertical-align:middle;
}






#blogPage .rss {display: none;}







#blogPage #mainCol .archive .postTitle {
	font-size: 200%;
	}

#blogPage #mainCol .archive .postInfo {
	padding: 0;
	color: #ccc;
	background: none;
	border: none;
	}

#blogPage #mainCol .archive ul ul li {
	list-style: disc;
	margin-bottom: .3em;
	}
	
#blogPage #mainCol .archive ul ul li .postTitle {
	font-size: 150%;
	border: none;
	}


/* calendar
.eventsElement table{border-collapse: collapse;}
.eventsElement td{ padding: 5px; color: #a7927f;	background: url('images/');}
.eventsElement td a{}
.eventsElement td td a{color:#f4c10e;}
.eventsElement td td{	background-image: url('images/dgreen.gif')}
.eventsElement td table td a{padding: 5px; background-image: url('images/');}
.eventsElement th{padding: 7px 5px; background-image: url('images/dbrown.gif');}
.eventsElement table table td{height: 25px;padding: 5px;}
 */
/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}
.element{margin: 0 0 10px 0;}
.selectedPage

td.RadEContentBordered{background: #fff;}
/* admin */
.RadEContentBordered{background: #fff;} 


/* clearing */
#mastCon:after, #content:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}