/*
Theme Name: C3 2009
Theme URI: - none - 
Description: The new, more contemporary theme for C3
Version: 1
Author: Matt Riggio
Author URI: http://jmvantage.com/
*/

/* General Setup */
html, body {
	height: 100%;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

div, p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
.entry p { padding: 2px 2px 12px 2px; }

ul, li { 
	list-style: none; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
/* End General Setup */

/* Basic Typography */
body { font: 13px/15px Arial, Helvetica, sans-serif; color: #333333; }

a {
	color: #af4a07;
	text-decoration: none;

	}

a:hover {

	color: #21385a;

	text-decoration: underline;

	}

/* End Basic Typograph */





/* Begin C3 Home Page Structure and Custom Look */

body {

	background: #a7b0c2 url('_img/bg-horiz.gif') repeat-x top;

	}



#c3_home_top {

	width: 960px;

	height: 522px;

	margin: 0 auto;

	padding-right: 1px;

	#padding-right: 0px;

	background: url('_img/bg-vert.gif') repeat-y top;

	}

#c3_pages_top {

	width: 960px;

	height: auto;

	margin: 0 auto;

	padding-right: 1px;

	#padding-right: 0px;

	background: url('_img/bg-vert.gif') repeat-y top;

	}

		

#c3_home_pier {

	width: 960px;

	height: 522px;

	background: transparent url('_img/bg-pier-grad.gif') no-repeat top;

	}



#c3_pier_bg {

	width: 915px;

	height: 488px;

	clear: both;

	margin: 0 auto;

	background: url('_img/bg-pier-homepage.jpg') no-repeat top;

	}



#sb_bg {

	background: url('_img/bg-sunburst.gif') no-repeat;

	background-position: 22px 0;

	}

	

#c3_home_slogan {

	position: relative;

	top: 40px;

	left: 480px;

	width: 380px;

	}

#c3_home_slogan p {

	color: #ffffff;

	width: 380px;

	text-align: center;

	padding: 12px 6px 10px 6px;

	margin: 0px;

	border-bottom: 1px solid #ffffff;

	font: italic bold 20px Arial, Helvetica, sans-serif;

	}



#c3_service_time {

	position: relative;

	top: 40px;

	left: 480px;

	width: 380px;

	text-align: right;

	color: #ffffff;

	font: bold 16px Arial, Helvetica, sans-serif;

	}

#c3_service_time p { padding: 2px 6px 2px 6px; margin: 0px; font-size: 14px; }
#c3_service_time h2 { margin: 6px 0px 6px 0px; padding: 0px; }
h2.pagetitle { color: #999999; width: 100%; border-bottom: 1px solid #999999; padding: 6px 12px; }
.post .archive_title { width: 100%; margin: 0px 0px; padding: 0px 0px; }
.post .archive_title a { width: 100%; display: block; padding: 6px 3px; font-size: 125%; }
.post .archive_title a:hover { background: #dedede; text-decoration: none; }

#c3_home_btm {

	width: 960px;

	height: 292px;

	margin: 0 auto;

	background: url('_img/bg-home-bottom.png') no-repeat top;

	}



.home_pic_btn {

	height: 212px;

	width: 299px;

	float: left;

	margin: 7px 0 0 4px;	

	overflow: hidden;

	}



.home_pic_btn a {

	display: block;

	height: 212px;

	width: 299px;

	padding-top: 225px;

	}



#home_btn_one a, #home_btn_two a, #home_btn_three a {

	background: url('_img/sprite-home-buttons.jpg') no-repeat;

	}

	

#home_btn_one { margin-left: 27px; }

* html #home_btn_one { margin-left: 13px; }

#home_btn_one a {

	background-position: 0px 0px;

	}

#home_btn_one a:hover {

	background-position: 0px -212px;

	}

#home_btn_two a {

	background-position: -303px 0px;

	}

#home_btn_two a:hover {

	background-position: -303px -212px;

	}

#home_btn_three a {

	background-position: -606px 0px;

	}

#home_btn_three a:hover {

	background-position: -606px -212px;

	}

/* End Home Page */



	

/* Pages / Posts */

#c3_pier {

	width: 960px;

	height: 296px;

	background: transparent url('_img/bg-pier-grad.gif') no-repeat top;

	}

#c3_pier_bg_subpages {

	width: 915px;

	height: 250px;

	margin: 0 auto;

	background: transparent url('_img/bg-pier.jpg') no-repeat top;

	}

	

#c3_subpage_title {	

	width: 360px;

	padding: 30px 0 0 530px;

	

	}

#c3_subpage_title div {

	background: transparent url('_img/bg-bl.png') no-repeat top;

	padding-top: 25px;

	}

#c3_subpage_title h2 {

	background: transparent url('_img/bg-bl.png') no-repeat bottom;

	padding: 0px 20px 38px 16px;

	margin: 0px;

	text-align: left;

	line-height: 20px;

	font-size: 16pt;

	color: #eae9e9;

	}



#pages_pier_shadow {

	border: 0px;

	margin: 0px 0px 0px 22px;

	#position: relative;

	#top: -1px;

	}



#c3_bottom_map { margin-left: 22px; _margin-left: 0px; }

#c3_bottom_map ul {

	_width: 180px;

	float: left;

	margin: 7px 0px 12px 23px;

	padding: 0px;

	list-style: none;

	}

#c3_bottom_map ul li {

	height: 20px;

	}

#c3_bottom_map ul li a {

	display: block;

	font-size: 11px;

	width: 265px; 

	padding: 3px;

	text-align: left;

	color: #dddddd;

	text-decoration: none;

	border-bottom: 1px solid #48576e;

	}

#c3_bottom_map ul a:hover {

	color: #ffffff;

	text-decoration: none;

	border-bottom: 1px solid #ffffff;

	}



#c3_page_content {

	padding: 0 22px 12px 22px;

	width: 700px;

	float: left;

	}	

#c3_sidebar {

	width: 190px;

	float: left;

	margin-top: 0px;

	}

#subtle_c3 {

	border: 0px;

	margin: 0px 0px 0px 123px;

	}

/* End Page / Post / Single */



			

/* C3 Menu */

#c3_menu_wrapper {

	width: 915px;

	height: 34px;

	margin: 0 auto;

	background: url('_img/bg-menu.gif') repeat-x top;

	overflow: visible;

	}



#c3_menu_home, #c3_menu_suckerfish {

	float: left;

	}

	

#c3_menu_home {

	height: 34px;

	width: 161px;

	margin-left: 15px;

	overflow: hidden;

	}



#c3_menu_home a {

	display: block;

	height: 34px;

	width: 161px;

	padding-top: 45px;

	background: transparent url('_img/sprite-home.gif') no-repeat 0px 0px;

	}

#c3_menu_home a:hover {

	background-position: 0px -34px;

	}

	

#c3_menu_suckerfish {

	height: 34px;

	z-index: 1000000;

	overflow: visible;

	}

/* End Menu */





/* C3 Pier Slide Outs */

#pier_slideout_frame_content {

	height: 234px;

	float: right;

	}



#pier_slideout_toggle, #pier_slideout_content { float: left; }



#pier_slideout_toggle {

	height: 250px;

	width: 48px;

	overflow: hidden;

	}



#pier_slideout_toggle a {

	display: block;

	height: 250px;

	width: 48px;

	padding-top: 265px;

	background: transparent url('_img/sprite-announcements.gif') no-repeat 0px 0px;

	}

#pier_slideout_toggle a:hover {

	background-position: -48px 0px;

	}



#pier_slideout_content {

	display: none;

	width: 512px;

	height: 233px;	

	margin-top: 7px;

	border: 0px;

	border-left: 2px solid #1e2c41;

	background: transparent url('_img/bg-slideout.jpg') no-repeat 0px 0px;

	overflow: hidden;

	}

/* End Slide Outs */



	

/* the C3 Image Scroller */

#c3_slider {

	position: relative;

	top: 259px;

	left: 39px;

	margin: 0px 0 0 0px;

	}

	

.pics {

	height: 212px;

	width: 397px;

	margin: 0px 0px 0px 0px;

	overflow: hidden;

	}

.pics img {

	border: 1px solid #2f3544;

	background-color: transparent;

	}



#c3_player {

	position: relative;

	top: 258px;

	left: 375px;

	width: 62px;

	height: 18px;

	overflow: hidden;

	}

#resumeButton, #pauseButton {

	display: block;

	position: relative;

	height: 18px;

	width: 36px;

	background: url('_img/sprite-player.gif') no-repeat;

	}

#pauseButton {

	background-position: 0px 0px;

	}

#pauseButton:hover {

	background-position: 0px -18px;

	}

#resumeButton {

	top: -18px;

	left: 36px;

	background-position: -36px 0px;

	}

#resumeButton:hover {

	background-position: -36px -18px;

	}

/* End Image Scroller */

	

/* Home Page / Slide Out Post Previews */

.main_post {

	border-bottom: 2px solid #7d7d7d;

	color: #7d7d7d;

	}

.main_post a, .more_main_link a {

	color: #5e9bf5;

	}

.main_post a:hover, .more_main_link a:hover {

	color: #ffffff;

	}

.main_top_time_information {	

	color: #f2f2f2;

	width: 512px;

	text-align: right;

	padding-top: 3px;

	}

.main_top_time_information small {

	margin-right: 6px;

	}

.main_post_header {

	clear: both;

	font-size: 16px;

	width: 512px;

	margin: -9px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	outline: none;

	}

.main_post_header a { 

	display: block;

	color: #5e9bf5;

	padding: 3px 0px 4px 7px; 

	border-bottom: 1px solid #7d7d7d;

	outline: none;

	}

.main_post_header a:hover { 

	color: #ffffff; 

	text-decoration: none;

	border-bottom: 1px solid #ffffff;

	}

.main_entry {

	font-size: 12px;

	padding: 3px 8px 4px 11px;

	}

.more_main_link {

	color: #aeaeae;

	font-size: 11px;

	padding: 2px 0 0 0;

	width: 506px;

	text-align: right;

	font-weight: bold;

	}

/* End Post Preview in Slide Out */



/* Posts */
#c3_page_content .post {
	padding: 4px 12px;
	clear: both;
}
.archive_post {
	border-bottom: 3px solid #dedede;
	margin-bottom: 16px;
}


.post_title {

	padding: 0 0 8px 0;

	line-height: 26px;

	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;

	border-bottom: 1px solid #333333;

	}

	

.entry h1, .entry h2 {

	color: #325386;

	}

.entry h1 {

	font-size: 15pt;

	}

.entry h1 {

	font-size: 13pt;

	}

	

.post_tags, .nocomments {

	border-top: 1px solid #e0e0e0;

	font-size: 9pt;

	padding: 8px 0 0 0;

	margin: 6px 0;

	color: #aaaaaa;

	}

	

.postmetadata {
	margin: 12px 0;
	padding: 4px;
	border: 1px dotted #547aa7;
	background: #e1edfa;
	color: #547aa7;
	}
.post .postmetadata {
	font-size: 8pt;
}


.nocomments {

	font-weight: bold;

	}

	

/* Footer */	

#c3_footer p {

	clear: both;

	text-align: right;

	margin: 0px 42px 0 0;

	padding-top: 0px;

	font: 10px/12px Arial, Helvetica, sans-serif;

	color: #7d7d7d;

	}

#c3_footer p a {

	color: #aeaeae;

	text-decoration: underline;

	}

#c3_footer p a:hover {

	color: #ffffff;

	text-decoration: underline;

	}

/* End Footer */





/* Begin Images and Alignment */
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

	}

.entry img {
	border: 1px solid #aeaeae;
}
/* End Images */





/** Sidebar **/

/*#c3_sidebar .widget {

	margin: 10px 0 10px 0;

	}

#c3_sidebar ul {

	width: 190px;

	}*/

#c3_sidebar {

	padding-bottom: 12px;

	}

#verses {

	font-size: 11px;

	}

#c3_sidebar_wrapper {

	padding-top: 0px;

	} 

.widgettitle {

	font-size: 16px;

	text-align: right;

	padding: 0 12px 3px 0;

	border-bottom: 1px solid #cccccc;

	}

.widget ul li {

	list-style: circle;

	list-style-position: inside;

	margin-left: 4px;

	}

	

/*#c3_sidebar ul li h2 {

	color: #ffffff;

	padding: 12px 12px 6px 12px;

	border-bottom: 1px solid #dddddd;

	margin-bottom: 3px;

	}

#c3_sidebar ul li ul {

	width: 190px;

	padding-bottom: 35px;

	background: #ffffff url('_img/bg-h.gif') no-repeat bottom;

	}

#c3_sidebar ul li ul li {

	font-size: 9pt;

	padding: 2px 4px 4px 4px;

	border-left: 1px solid #172a47;

	border-right: 1px solid #172a47;

	border-bottom: 1px dotted #172a47;

	background: #dfe6f1;

	}*/



/* Search Form */

#searchform {

	padding: 6px 0;

	font-size: 11px;

	font-weight: bold;

	}

#searchform #s {

	font-size: 12px;

	width: 100px;

	}

#searchform #searchsubmit {

	background:#333333 none repeat scroll 0 0;

	border:1px solid #E0E0E0;

	color:#E0E0E0;

	cursor:pointer;

	font-size:11px;

	padding:2px 3px;

}



/* Ministry widget */

.promo_link {

	display: block;

	margin: 3px 0 5px 0;

	padding: 5px;

	border: 1px solid #cccccc;

	}

.promo_link:hover {

	border: 1px solid #082c46;

	}

	

/* Begin Misc */

.navigation {

	display: block;

	text-align: center;

	margin-top: 0px;

	margin-bottom: 0px;

	padding: 0 8px;

	}

#bottommap_h2 {

	margin: 6px 35px 0 35px;

	padding: 0 15px 4px 15px;

	font-size: 15px;

	color: #aeaeae;

	border-bottom: 1px solid #aeaeae;

	}

.bottom_col_h {

	color: #cb9609;

	font-weight: bold;

	font-size: 12px;

	}

/* End Misc */



/*** SUPERFISH ***/

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

.sf-menu {

	z-index: 10000;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 13px;

	line-height:	1.0;

	height: 34px;

}

.sf-menu ul {

	z-index: 10000;

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

	height: 34px;

}

.sf-menu ul li {

	z-index: 10000;

	width:			100%;

	height: 34px;

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	z-index: 10000;

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:		block;

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	top:			33px; /* match top ul list item height */

	z-index:		99;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



/*** MENU SKIN ***/

.sf-menu {

	float:			left;

	margin-bottom:	1em;

}

.sf-menu a {

	border-left:	0px;

	border-top:		0px;

	padding: 		.75em 1em;

	text-decoration:none;

}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#bebfbf;

}

.sf-menu li {

	background:		transparent;

}

.sf-menu li li {

	background:		#2a2b2b;

}

.sf-menu li li li {

	background:		#3d3d3e;

}

.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	background:		#000000;

	color: #ffffff;

	outline:		0;

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

	background:	url('../images/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}