/*
Theme Name: Artesian Well Church
Theme URI: http://artesianwellchurch.com/
Description: The custom theme for Artesian Well Church.
Version: 1.0
Author: Jeff Hester for PlainJoe Studios
Author URI: http://roomfiveproductions.com/
Tags: blue, custom header, fixed width, two columns


*/

html, body {height:100%; width:100%;}

body, h1, h2, h3, ul, ol, li, form, div {margin:0; padding:0;}

p {margin:0 0 15px 0;}

div {width:auto; height:auto; margin-left:auto; margin-right:auto;}



body {background:#0e1b2e;}



a {color:#00bcff; text-decoration:none; outline:none;}

a:hover {color:#fff; text-decoration:none;}

img {border:0;}

object {outline:none; display:block;}



#container {background:url(/images/topdivider.png) top center no-repeat;}

	*html #container {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/topdivider.png');}

	

	#main_top {position:relative; top:0; z-index:2; display:block; clear:both;}

	#main_rest {position:relative; top:109; z-index:1; display:block; clear:both;}

	

	#header {width:973px; height:108px; display:block; clear:both;}

		#logo {width:322px; height:108px; float:left;}

			#logo h1 a {width:322px; height:108px; display:block; background:url(/images/logo.png) no-repeat; text-indent:-9999px;}

			*html #logo h1 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/logo.png');}

		#topnav {width:621px; height:98px; float:right; text-align:right; padding:10px 30px 0 0;}

			#toplinks {font:65% Arial, Helvetica, sans-serif; color:#a8adb4; text-transform:uppercase;}

				#toplinks a {color:#057a95;}

				#toplinks a:hover {color:#a8adb4}

			#nav {margin:38px 0 0 0;}

				#navul {list-style:none; float:right; font:75% Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; font-weight:bold;}

					#navul li {float:left; padding:22px 0 0 26px;}

					#navul a {color:#ffffff;}

					#navul a:hover {color:#009fc4;}

				

	#bannersectionhome {width:100%; height:313px; background:url(/images/bg_tile.gif) repeat; display:block; clear:both; margin:0 auto 8px;}

		#bannersection_home {width:973px; height:298px; padding:15px 0 0; background:url(/images/bg_banners_home.png) no-repeat;}

			*html #bannersection_home {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/bg_banners_home.png');}

			#banner_left_home {width:322px; height:298px; float:left; background:url(/images/bg_homebox_left.png) no-repeat;}

			*html #banner_left_home {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/bg_homebox_left.png');}

				#banner_left_home_content {width:274px; height:260px; font:75% Arial, Helvetica, sans-serif; color:#ffffff; margin:15px 0 0 25px; line-height:16px; overflow:auto;}

					#banner_left_home_content h1 {color:#00a9c8; font:15px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 3px 0;}

			#banner_right_home {width:651px; height:298px; float:right; background:url(/images/bg_homebox_right.png) no-repeat;}

				*html #banner_right_home {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/bg_homebox_right.png');}

				#flashbanner {}

					#banner_noflash {margin:7px 0 0 16px;font:}

					

	#bannersectionsub {width:100%; height:189px; background:url(/images/bg_tile.gif) repeat; display:block; clear:both;}

		#bannersection_sub {width:973px; height:189px; background:url(/images/bg_banners_sub.png) no-repeat;}

			*html #bannersection_sub {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/bg_banners_sub.png');}

			#banner_left_sub {width:322px; height:189px; float:left; background:url(/images/bg_subbox_left.png) no-repeat;}

			*html #banner_left_sub {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/bg_subbox_left.png');}

				#banner_left_sub_content {width:274px; height:140px; font:75% Arial, Helvetica, sans-serif; color:#ffffff; margin:28px 0 0 25px; line-height:15px; overflow:auto;}

					#banner_left_sub_content h1 {color:#00a9c8; font:15px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 3px 0;}

			#banner_right_sub {width:651px; height:189px; float:right; background:url(/images/bg_subbox_right.png) no-repeat;}

				*html #banner_right_sub {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/bg_subbox_right.png');}

				#subbanner {width:613px; height:145px; margin:22px 0 0 16px;}

					

	#sub_contentsection {width:973px; height:auto; display:block; clear:both; margin:12px auto 0;}

		#sub_contenttop {width:954px; height:8px; float:left; text-align:left; background:url(/images/bg_subcontent_top.png) no-repeat; font-size:0; margin:0 0 0 4px;}

			*html #sub_contenttop {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/bg_subcontent_top.png');}

		#sub_contentmain {width:954px; height:auto; float:left; margin:0 0 0 4px; background:#20395e; overflow:hidden; text-align:left;}

			#subcol_left {width:323px; height:auto; float:left; text-align:left;}

				#subnavtop {width:297px; height:8px; background:url(/images/bg_subnav_top.gif) no-repeat; font-size:0; margin:0 0 0 8px;}

				#subnavmain {width:297px; height:auto; background:#546783; overflow:hidden; margin:0 0 0 8px; padding:0 0 75px 0;}

					#subnavmain h1 {width:282px; height:29px; background:url(/images/bg_subnav_title.png) no-repeat; font:15px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; padding:6px 0 0 10px; margin:0 0 0 7px;}

						*html #subnavmain h1 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/bg_subnav_title.png');}

					#subnavmain ul {list-style:url(/images/plus_lblue.gif); margin:0 0 0 35px; font:75% Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase;}

					#subnavmain a {color:#ffffff;}

					#subnavmain a:hover {color:#0e1b2e;}

				#subnavbot {width:297px; height:8px; background:url(/images/bg_subnav_bot.gif) no-repeat; font-size:0; margin:0 0 0 8px;}

			#subcol_right {width:622px; height:auto; float:left;}

				#subcontent_top {width:622px; height:8px; font-size:0; background:url(/images/bg_maincontent_top.png) no-repeat;}

					*html #subcontent_top {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/bg_maincontent_top.png');}

				#subcontent_main {width:622px; height:auto; background:#546783; overflow:hidden; font:75% Arial, Helvetica, sans-serif; color:#ffffff; line-height:22px;}

					

					.maintitle {height:15px; margin:7px 0 0 13px; background:#546783; position:absolute; z-index:8;}

						.maintitle h1 {font:16px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; padding:0 12px 0 0;}

					.maintitlebg {width:603px; height:1px; font-size:0; background:#ffffff; display:block; background:url(/images/dot_white.gif) bottom left repeat-x; margin:21px 0 0 13px; position:absolute;}

					

					#subcontent_maintxt {display:block; clear:both; padding:14px 25px 10px 33px;}

						#subcontent_maintxt a {}

						#subcontent_maintxt a:hover {text-decoration:underline;}

				#subcontent_bot {width:622px; height:8px; font-size:0; background:url(/images/bg_maincontent_bot.png) no-repeat;}

					*html #subcontent_bot {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/bg_maincontent_bot.png');}

		#sub_contentbot {width:954px; height:8px; float:left; text-align:left; background:url(/images/bg_subcontent_bot.png) no-repeat; font-size:0; margin:0 0 0 4px;}

			*html #sub_contentbot {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/bg_subcontent_bot.png');}

	

	#bottombannersholder {width:100%; height:auto; display:block; clear:both; padding:12px 0 0 0; margin:0 0 10px 0;}

		#bottombanners {width:973px; height:188px; text-align:left;}

			#bottomcells {width:970px; height:188px; text-align:left; padding:0 0 0 3px;}

				.btmcell {width:313px; float:left; padding:0 8px 0 0;}

	

	#footerboxsection {width:100%; height:auto; display:block; clear:both; padding:1px 0 10px 0;}

		#footerbox {width:973px; height:102px; text-align:left;}

			#footerboxcontent {width:954px; height:102px; background:url(/images/bg_footerbox.png) no-repeat; margin:0 0 0 3px; font: 75% Arial, Helvetica, sans-serif; color:#afb8c5;}

				*html #footerboxcontent {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/bg_footerbox.png');}

				#footerboxcontent h1 {font:100% Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; font-weight:bold; padding:0 0 8px 0;}

				#footerboxcontent ul {list-style:url(/images/plus_dblue.gif); margin:0 0 0 15px; padding:0 20px 0 0; font:100% Arial, Helvetica, sans-serif; color:#afb8c5; text-transform:uppercase; float:left;}

				#footerboxcontent li {padding:0 0 1px 0;}

				#footerboxcontent a {color:#afb8c5;}

				#footerboxcontent a:hover {color:#0c8dc5;}

				#footerbox1 {width:238px; height:87px; float:left; padding:15px 35px 0 45px; overflow:hidden;}

				#footerbox2 {width:284px; height:87px; float:left; padding:15px 0 0 38px; overflow:hidden;}

				#footerbox3 {width:249px; height:87px; float:left; padding:15px 0 0 48px; overflow:hidden;}

					

	#footersection {width:973px; height:auto; display:block; clear:both;}

		#footer_left {width:45%; float:left; font:70% "Trebuchet MS", Helvetica, sans-serif; color:#4c5664; padding:0 0 50px 7px;}

			#footer_left a {color:#4c5664;}

			#footer_left a:hover {color:#6e7682;}
			
			.footericon {margin:0 0 0 10px; vertical-align:middle;}

		#footer_right {width:45%; float:right; text-align:right; font:70% "Trebuchet MS", Helvetica, sans-serif; color:#017ca9; text-transform:uppercase; padding:5px 20px 50px 0;}

			#footer_right a {color:#017ca9;}

			#footer_right a:hover {color:#6e7682;}

					

.highlight {color:#00a3c1; font-weight:bold;}

http://artesianwell.plainjoe.net/css/lightwindow.css

#lightwindow_overlay {

	/* REQUIRED */

	display: none;

	visibility: hidden;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100px;

	z-index: 500;

	/* REQUIRED */

}



#lightwindow {

	/* REQUIRED */

	/* Of Note - The height and width of this element are set to 0px */

	display: none;

	visibility: hidden;

	position: absolute;

	z-index: 999;

	line-height: 0px;

	/* REQUIRED */

}



	#lightwindow_container {

		/* REQUIRED */

		display: none;

		visibility: hidden;

		position: absolute;

		/* REQUIRED */

		padding: 0 0 0 0;

		margin: 0 0 0 0;

	}



	/* IE6 needs this or it messes with our positioning */

	* html #lightwindow_container {

		overflow: hidden;

	}



	#lightwindow_contents {

		overflow: hidden;

		z-index: 0;

		position: relative;

		border: 10px solid #ffffff;

		background-color: #ffffff;

	}		



#lightwindow_loading {

	/* REQUIRED */

	height: 100%;

	width: 100%;

	top: 0px;

	left: 0px;

	z-index: 9999;

	position: absolute;

	/* REQUIRED */

	background-color: #f0f0f0;

	padding: 10px;

}



	#lightwindow_loading_shim { 

		display: none;

		left: 0px; 

		position: absolute; 

		top: 0px;

		width: 100%; 

		height: 100%;

	}



	#lightwindow_loading span {

    	font-size: 12px;

		line-height: 32px;

		color: #444444;

		float: left;

		padding: 0 10px 0 0;

	}



	#lightwindow_loading span a,

	#lightwindow_loading span a:link, 

	#lightwindow_loading span a:visited {

		color: #09F;

		text-decoration: none;

		cursor: pointer;

	}



	#lightwindow_loading span a:hover,

	#lightwindow_loading span a:active {

		text-decoration: underline;

	}





	#lightwindow_loading img {

   		float: left;

   		margin: 0 10px 0 0;

	}





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

	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/

	I mean let's face it, it works really well and is very easy to figure out.

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



#lightwindow_navigation {

	/* REQUIRED */

	position: absolute;

	top: 0px;

	left: 0px;

	display: none;

	/* REQUIRED */

}

	/* We need to shim the navigation for IE, though its more of a sub-floor */

	#lightwindow_navigation_shim { 

		/* REQUIRED */

		display: none;

		left: 0px; 

		position: absolute; 

		top: 0px;

		width: 100%; 

		height: 100%;

		/* REQUIRED */

	}



	#lightwindow_navigation a,

	#lightwindow_navigation a:link,

	#lightwindow_navigation a:visited,

	#lightwindow_navigation a:hover,

	#lightwindow_navigation a:active { 

		/* REQUIRED */

		outline: none;

		/* REQUIRED */

	}



	#lightwindow_previous, 

	#lightwindow_next {

		width: 49%;

		height: 100%;

		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

		display: block;

	}

	

	#lightwindow_previous { 

		float: left;

		left: 0px;

	}



	#lightwindow_next { 

		float: right;

		right: 0px;

	}



	#lightwindow_previous:hover, 

	#lightwindow_previous:active { 

		background: url(../images/prevlabel.gif) left 15% no-repeat; 

	}



	#lightwindow_next:hover, 

	#lightwindow_next:active { 

		background: url(../images/nextlabel.gif) right 15% no-repeat; 

	}

	

	#lightwindow_previous_title,

	#lightwindow_next_title {

		display: none;

	}

	 	

#lightwindow_galleries {

	width: 100%;

	position: absolute;

	z-index: 50; 

	display: none;

	overflow: hidden;

	margin: 0 0 0 10px;

	bottom: 0px;

	left: 0px;

}



	#lightwindow_galleries_tab_container {

		width: 100%;

		height: 0px;

		overflow: hidden;

	}



	a#lightwindow_galleries_tab,		

	a:link#lightwindow_galleries_tab,

	a:visited#lightwindow_galleries_tab {

		display: block;

		height: 20px;

		width: 77px;

		float: right;

		line-height: 22px;

		color: #ffffff;

		text-decoration: none;

		font-weight: bold;

		cursor: pointer;

		font-size: 11px;

		color: #ffffbe;

		background: url(../images/black-70.png) repeat 0 0 transparent;

	}

	

	* html a#lightwindow_galleries_tab,		

	* html a:link#lightwindow_galleries_tab,

	* html a:visited#lightwindow_galleries_tab {	

		background: none;

		background-color: #000000;

		opacity: .70;

		filter: alpha(opacity=70);

	}



	a:hover#lightwindow_galleries_tab,

	a:active#lightwindow_galleries_tab {

		color: #ffffbe;



	}



	#lightwindow_galleries_tab_span {

		display: block;

		height: 20px;

		width: 63px;

		padding: 0 7px 0 7px;

	}

	

	#lightwindow_galleries_tab .up	{

		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;

	}



	#lightwindow_galleries_tab .down {

		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;

	}



	#lightwindow_galleries_list {

		background: url(../images/black-70.png) repeat 0 0 transparent;

		overflow: hidden;

		height: 0px;

	}



	* html #lightwindow_galleries_list {

		background: none;

		background-color: #000000;

		opacity: .70;

		filter: alpha(opacity=70);

	}	



	.lightwindow_galleries_list {

		width: 200px;

		float: left;

		margin: 0 0 10px 0;

		padding: 10px;

	}



	.lightwindow_galleries_list h1 {	

		color: #09F;

		text-decoration: none;

		font-weight: bold;

		cursor: pointer;

		padding: 10px 0 5px 0;

		font-size: 16px;

	}



	.lightwindow_galleries_list li {

		margin: 5px 0 5px 0;

		list-style-type: none;

	}



	.lightwindow_galleries_list a, 

	.lightwindow_galleries_list a:link, 

	.lightwindow_galleries_list a:visited {

		display: block;

		line-height: 22px;

		color: #ffffff;

		text-decoration: none;

		font-weight: bold;

		cursor: pointer;

		padding: 0 0 0 10px;

		font-size: 11px;

	}



	.lightwindow_galleries_list a:hover, 

	.lightwindow_galleries_list a:active {

		background: #000000;

		color: #ffffbe;

		border-left: 3px solid #ffffbe;

		padding: 0 0 0 7px;

	}

		

#lightwindow_data {

	/* REQUIRED */

	position: absolute;

	/* REQUIRED */

}



	#lightwindow_data_slide {

		/* REQUIRED */

		position: relative;

		/* REQUIRED */

	}



	#lightwindow_data_slide_inner {

		background-color: #ffffff;

		padding: 0 10px 10px 10px;

	}



	#lightwindow_data_caption {

		padding: 10px 0 0 0;

		color: #666666;

		line-height: 25px;

		background-color: #ffffff;

		clear: both;

	}



	#lightwindow_data_details {

		background-color: #f0f0f0;

		padding: 0 10px 0 10px;

		height: 20px;

	}

	

	#lightwindow_data_author_container {

		width: 40%;

		text-align: right;

		color: #666666;

	 	font-style: italic;

		font-size: 10px;

		line-height: 20px;

		float: right;

		overflow: hidden;

	}

	

	#lightwindow_data_gallery_container {

		font-size: 10px;

		width: 40%;

		text-align: left;

		color: #666666;

		line-height: 20px;

		float: left;

		overflow: hidden;

	}

	

#lightwindow_title_bar {

	height: 25px;

	overflow: hidden;		

}



	#lightwindow_title_bar_title {

		color: #ffffbe;

		font-size: 14px;

		line-height: 25px;

		text-align: left;

		float: left;

	}



	a#lightwindow_title_bar_close_link,	

	a:link#lightwindow_title_bar_close_link,

	a:visited#lightwindow_title_bar_close_link {

		float: right;

		text-align: right;		

		cursor: pointer;

		color: #ffffbe;

		line-height: 25px;

		padding: 0;

		margin: 0;

	}

	

	a:hover#lightwindow_title_bar_close_link,

	a:active#lightwindow_title_bar_close_link {

		color: #ffffff;

	}



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

	Theme styling stuff

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



#lightwindow p {

	color: #000000;

	padding-right: 10px;

}

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

	Added by JH

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

.postarea h1, .banner-left-subcontent h1, .pagetitle h1 {
	background:#546783; 
	position:relative; 
	z-index:8;
	font:16px Arial, Helvetica, sans-serif; 
	color:#ffffff; 
	text-transform:uppercase; 
	padding:0 0 12px 0; 
}

.postarea h2 {
        font:14px Arial, Helvetia, sans-serif;
        text-transform:uppercase;
        margin: 3em, 0 1em 0 ;
}
.postarea ul {
        margin-left: 20px;
}


					.maintitlebg {width:603px; height:1px; font-size:0; background:#ffffff; display:block; background:url(/images/dot_white.gif) bottom left repeat-x; margin:21px 0 0 13px; position:absolute;}

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

#wpstats { display:none; }