/*
Theme Name: Lewisville Baptist Church
Theme URL: www.lewisvillebaptistchurch.com
Description: 2008 Design for LBC
Author: Point Click Media Productions
Author URI: http://www.pointclickmediaproductions.ca
Version: Alpha build 0.1
*/

/* Bring in Lead Now styles */
@import url("leadnow.css");


/* -- This filters out different older broswsrs and pda so only the markup is shown then. */
@media screen, projection {
	.be-nice-to-Mac-IE5 {
		font-family: "\"}\"";
		font-family: inherit;
	}
	
	/* -- GENERAL REDECLARATIONS ---------------------------------------- */
	* 					{margin:0; padding:0;}
	body 				{font-size: 62.5%; text-align:center; color:#000000;}
	body, tr, 
	td, input, 
	select, textarea 	{font-family: Verdana, Arial, Helvetica, sans-serif;}
	a:link,a:visited 	{text-decoration:underline;} 
	a:hover 			{text-decoration:none;}
	ul, ol	 			{margin:0 0 0px 0px;}
	dl 					{margin:0 0 10px;}
	dt 					{font-weight:bold;}
	dd					{margin:0 0 3px 10px;}
	p 					{margin:0 0 15px;}
	h1 					{font-size:large; margin:0px;}
	h2 					{font-size:medium; margin:0;}
	h3 					{font-size:small; margin:0;}
	h4 					{font-size:x-small; margin:0;}
	h5					{font-size:xx-small; margin:0;}
	h6 					{font-size:xx-small; margin:0;}
	hr 					{display:none;}
	img 				{border:none;}
	acronym				{border-bottom: 1px dotted;}
	blockquote 			{margin:0 25px 20px 25px; font-style:italic;}
	
}

/*------- Basic Layout & Backgrounds ------------*/
	#wrapper1 {
		width:920px;
		margin: 0 auto;
	}
	#leftcol{
		width:224px;
		text-align:left;
		float:left;
		padding-top:80px;
		/* border:1px #0000FF solid; */
	}
	#leftcol #lbclogo{
		display:block;
		margin: 0 0 34px 0;
	}
	#leftcol a#contactus {
		background:url(images/but_contactus1.gif) top right no-repeat ;
		width:88px;
		display:block;
		line-height:16px;
		padding:0 26px 4px 0;
		margin:0px auto;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight: bold;
		color:#999999;
		text-decoration:none;
		text-transform: uppercase;
	}
	#leftcol a#contactus:hover {
		color:#333333;
		/* text-decoration:underline; */
	}
	#leftcol #socialIcons{
		text-align: center;
	}
	#leftcol #socialIcons li{	
		list-style:none;
		display:inline-block;
	}
	#leftcol #socialIcons li a{
		text-decoration:none;
		display:block;
		width:63px;
		height:63px;
		text-indent:-9999em;
	}
	#leftcol #socialIcons .facebook a{
		background:url(images/ico_facebook.gif) top left;
	}
	#leftcol #socialIcons .twitter a{
		background:url(images/ico_twitter.gif) top left;
	}
	#leftcol #socialIcons .youtube a{
		background:url(images/ico_youtube.gif) top left;
	}
	
	#rightcol {
		width:673px;
		padding-top:25px;
		/* border:1px #FF0000 solid; */
		float:right;
	}
	
	/* -- Connect Newsletter menu -- */
	#rightcol #connectnav  {
		float:right;
		margin:0 1px 0 0;	
	}
	#rightcol #connectnav ul li {
		list-style:none;
		display:inline;
		float:left;
		padding: 0 10px 0 10px;
	}
	#rightcol #connectnav ul #download {
		background:#686868;
	}
	#rightcol #connectnav ul #signup {
		background:#999999;
	}
	#rightcol #connectnav ul li a {
		line-height:26px;
		color:#FFFFFF;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:10px;
		text-decoration:none;
	}
	#rightcol #connectnav ul li a:hover {
		color:#333333;
	}
	/* -- suckerfish Method - items -- */
	#rightcol #connectnav li a:hover, #connectnav li a.sfhover2{
		/* background:#333333; */
	}
	
	#rightcol #connectnav li {
		/* float: left; */
		/* padding: 0 15px 0 15px;	*/
		/* width: 10em; */
	}
	#rightcol #connectnav li ul {
		opacity:.90;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
		background:#333333;		
	
		position: absolute;
		width: 150px;
		left: -999em; 
		text-align:left;
		z-index:100;
	}
	#rightcol #connectnav li ul li{
		width: 150px;
	}
	#rightcol #connectnav li ul ul {
		margin: 0em 0 0 0px;
	}
	#rightcol #connectnav li:hover ul ul, #rightcol #connectnav li.sfhover2 ul ul {
		left: -999em; 
	}
	#rightcol #connectnav li:hover ul, #rightcol #connectnav li.sfhover2 ul {
		left: auto;
		margin-left:-10px;
	}
	#rightcol #connectnav li li:hover ul, #rightcol #connectnav li li.sfhover2 ul {
		/*left:auto; */
	}
	#rightcol #connectnav li li:hover a, #rightcol #connectnav li li.sfhover2 a {
		color:#CC6600;
	}
	 
	/* END suckerfish */	
	
	
	
	/* ===================== */
	
	/* ===== Front page Main Image ===== */
	#mainban {
		position:relative;
		height:324px;
		clear:both;
	}
	#mainban ul#homepagebox_menu{
		list-style-position:outside;
		list-style-type:none !important;
		margin:0;
		padding:0;
		position:absolute;
		right:8px;
		bottom:5px;
		z-index:99;
		/* border:#ffffff 1px solid; */
		background:#333333;
		padding: 2px 8px 2px 8px;
		opacity:0.8;
	}
	#mainban #homepagebox_menu	li{
		display:inline;
		cursor:pointer;
		color: #FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
	#mainban #homepagebox_menu li.selected, #mainban #homepagebox_menu li:hover{
		color: #cc6600;
	}	

	/* ===== Main Menu ===== */
	#mainnav {
		display:block;
	}
	/* -- suckerfish Method - items -- */
	#nav {
		float:right;
		margin:0 0 0 1px;
	}
	#nav, #nav ul {
		padding: 0 0 0 0;
		margin: 0;
		list-style: none;
		background:#cc6600;
		z-index:100;		
	}
	
	#nav a {
		display: block;
		line-height:26px;
		/* width: 10em; */
		color:#FFFFFF;
		text-decoration:none;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:13px;
		padding: 0 15px 0 15px;		
	}
	#nav li a:hover, #nav li a.sfhover{
		background:#333333;
	}
	
	#nav li {
		float: left;
		/* padding: 0 15px 0 15px;	*/
		/* width: 10em; */
	}
	#nav li ul {
		opacity:.90;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
		background:#333333;		
	
		position: absolute;
		width: 150px;
		left: -999em; 
		text-align:left;
	}
	#nav li ul li{
		width: 150px;
	}
	#nav li ul ul {
		margin: -1em 0 0 12em;
	}
	#nav li:hover ul ul, #nav li.sfhover ul ul {
		left: -999em; 
	}
	#nav li:hover ul, #nav li.sfhover ul {
		left: auto; 
	}
	#nav li li:hover ul, #nav li li.sfhover ul {
		left:auto;
	}
	#nav li li:hover a, #nav li li.sfhover a {
		color:#CC6600;
	}
	 
	/* END suckerfish */
	#nav #nav-1:hover a, #nav #nav-1.sfhover a  {
		background:#333333;
	}
	#nav #nav-2:hover a, #nav #nav-2.sfhover a  {
		background:#333333;
	}	
	#nav #nav-3:hover a, #nav #nav-3.sfhover a  {
		background:#333333;
	}	
	#nav #nav-4:hover a, #nav #nav-4.sfhover a  {
		background:#333333;
	}	
	#nav #nav-5:hover a, #nav #nav-5.sfhover a  {
		background:#333333;
	}	


	/* ===================== */
	#tiles {
		clear:both;
		margin: 38px 0 0 0;
	}
	#tiles table{
		width:673px;
		margin-bottom:20px;
	}
	#tiles #tile1{
		width:33%;
		text-align:left;
	}
	#tiles #tile2{
		width:33%;
		text-align:center;
	}
	#tiles #tile3{
		width:33%;
		text-align:right;
	}
	
	.latestnews_top {
		clear:both;	
		position:relative;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		text-align:left;
		line-height:31px;
		background:#666666;
		padding: 0 0 0 10px;
		height:31px;
	}
	.latestnews_top H2, #rightcol #content_wrap .latestnews_top H2 {
		display:inline;
		color:#FFFFFF;
		font-size:14px;
		font-weight:normal;
		text-transform:uppercase;
	}
	.latestnews_top a#rsslink {
		display:block;
		width:140px;
		background: url(images/but_rss.gif) top right no-repeat;
		height:31px;
		text-indent:-999em;
		position:absolute;
		right:0px;
		top:0px;
	}
	.latestnews_top a#rsslink:hover {
		background: url(images/but_rss.gif) bottom right no-repeat;	
	}
	
	#latestnews {
		border:solid 1px #666666;
		border-top:none;
		padding:0 0 0 10px;
		text-align:left;
		/* margin: 0 0 10px 0;  */
	}
	#latestnews table{
		width:100%;
	}
	#latestnews td{
		width:22%;
	}
	#latestnews td.td_title{
		width:38%;
	} 
	#latestnews td.td_readmore{
		width:13%
	}
	#latestnews h3{
		display:inline;
	}
	#latestnews h3 a{
		font-family: Century Gothic, Arial, Helvetica, sans-serif;
		font-weight: normal;
		text-decoration:none;
		color:#cc6600;
		font-size:12px;
		display:inline;
	}
	#latestnews h3 a:hover{
		color:#333333;
	}
	#latestnews h4 a{
		color:#666666;
		text-decoration:none;
	}
	#latestnews h4 a:hover {
		color:#333333;
		text-decoration:underline;
	}
	#latestnews a.itemlink {
		font-family: Century Gothic, Arial, Helvetica, sans-serif;
		color:#666666;
		font-size:12px;
		text-decoration:none;	
	}
	#latestnews a.itemlink:hover {
		color:#333333;
		text-decoration:underline;
	}
	#latestnews .storydateindex{
		margin:0 20px 0 20px;
	}
	#latestnews h4, #latestnews .itemlink {
		margin:0 10px 0 10px;
	}
	.mediacontent {/* this is the bordering of the videos and sermons on the media template */ 
		border:solid 1px #DDD;
		border-top:none;
		padding:5px 0 0 10px;
		text-align:left;	
	}
	.latestnews_bot {
		clear:both;	
		position:relative;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		text-align:left;
		line-height:25px;
		background: #DDDDDD;
		padding: 0 0 0 10px;
		height:25px;
		margin: 0 0 10px 0;		
	}
	#rightcol #content_wrap #content .latestnews_bot { /* Need to adjust the marigin when there is more then one box in a content area... does not effect bottom of the page news blocks. */
		margin: 0 0 20px 0;		
	}
	.latestnews_bot a, #rightcol #content_wrap #content .latestnews_bot a  {
		color:#999;
		font-weight:bold;
		font-size:11px;
	}
	.latestnews_bot a:hover, #rightcol #content_wrap #content .latestnews_bot a:hover {
		color:#CC6600;
		text-decoration:none;
	}
	
	
	#greynav{
		background: url(images/bkg_greynav_mid.gif) left repeat-y;
		margin:20px 0 15px 0;
	}
	#greynav a{
		display:block;
		margin: 4px 0 4px 0;
	}
	#greynav #greynavtop {
		display:block;
		background:url(images/bkg_greynav_top.gif) left no-repeat;
		width:216px;
		height:14px;
	}
	#greynav a#grey_imnew {
		background:url(images/greynav_help.gif) left top;
		width:216px;
		height:20px;
		overflow:hidden;
	}
	#greynav a#grey_imnew:hover {
		background:url(images/greynav_help.gif) left bottom;
	}
	#greynav a#grey_events{
		background: url(images/greynav_events.gif) left top;
		width:216px;
		height:20px;
		overflow:hidden;
	}
	#greynav a#grey_events:hover {
		background: url(images/greynav_events.gif) left bottom;				
	}
	#greynav a#grey_media {
		background:url(images/greynav_media.gif) left top;
		width:216px;
		height:20px;
		overflow:hidden;
	}
	#greynav a#grey_media:hover {
		background:url(images/greynav_media.gif) left bottom;
	}
	#greynav a span{
		display:none;
	}
	#greynav #greynavbot {
		display:block;
		background:url(images/bkg_greynav_bot.gif) left no-repeat;
		width:216px;
		height:13px;	
	}
	
	#tannav {
		text-align:center;
		background:#cccc66;
		width:216px;
	}
	#tannav #tannavtop {
		background:url(images/bkg_tannav_top.gif) top no-repeat;
		width:216px;
		height:11px;
		display:block;
	}
	#tannav ul {
		width: 216px;
	}
	#tannav li {
		list-style:none;
	}
	#tannav a {
		display:block;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:14px;
		margin: 5px 0 5px 0;
		color:#FFFFFF;
		text-decoration:none;
	}
	#tannav a:hover {
		color:#333333;
	}
	#tannav #tannavbot {
		display:block;
		background: url(images/bkg_tannav_bot.gif) bottom no-repeat;
		width:216px;
		height:10px;
	}
	#weatherwidget{
		padding:15px 0 20px 30px;
	}
	
	#footer {
		text-align:left;
		color:#339999;
		margin:0 0 15px 0;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:16px;
		clear:both;
		position:relative;
	}
	#footer #copyright_logo {
		color:#a7d34e;
		font-size:16px;
	}
	#footer .adminlogin a{
		color:#CCC;
		text-decoration:none;
		position:absolute;
		top:0px;
		right:1px;
		font-size:10px;
	}
	
	/* ===== sub page main styles ===== */
	#rightcol #content_wrap {
		position:relative;
		clear:both;
		width:674px;
		/* min-height:212px; */
	}
	#rightcol #content_wrap #content {
		text-align:left;
		/* width:508px; */
		margin:0 0 20px 0;
		/* padding-right:165px; */
		width:450px;
		float:left;
	}
	#rightcol #content_wrap #content a{
		color:#CC6600;
		font-weight:bold;
	}
	#rightcol #content_wrap #content a:hover{
		color:#333333;
	}
	/* newslist stylings */
	#rightcol #content_wrap #content h3{
	}
	#rightcol #content_wrap #content .storydateindex {
		display:block;
		margin:5px 0 0 0;
		color:#888;
	}
	#rightcol #content_wrap #content .storycat {
		display:block;
		margin:0 0 8px 0;
		color:#888;
	}
	#rightcol #content_wrap #content .storydateindex a, #rightcol #content_wrap #content .storycat a {
		color:#888;	
	}
	#rightcol #content_wrap #content .storydateindex a:hover, #rightcol #content_wrap #content .storycat a:hover {
		color:#c18c57;
	}
	#rightcol #content_wrap h2 {
		color:#CC6600;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		margin-bottom:20px;
		padding-top:20px;
	}
	#rightcol #content_wrap h2 a{
		color:#CC6600;
		text-decoration:none;
	}
	#rightcol #content_wrap #submenu {
		/* position:absolute;
		top:22px;
		right:-3px; */
		float:right;
		margin:0 0 20px 0;
	}
	#submenu .pagemen ul {
		padding: 0 0 0 0;
		margin: 23px 0 0 0;
		list-style: none;
		width:158px;
	}
	#submenu .pagemen li {
		background:#999933;
		margin:1px 0px 1px 0;
	}
	
	#submenu .pagemen a {
		display: block;
		line-height:26px;
		/* width: 10em; */
		color:#FFFFFF;
		text-decoration:none;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:10px;
		padding: 0 15px 0 15px;		
	}
	#submenu .pagemen li a:hover{
		background:#333333;
	}
	#sidebar {
		width:200px;
		text-align:left;
	}
	#sidebar ul{
		list-style:none;
	}
	#sidebar a {
		color:#333333;
		font-weight:bold;
	}
	#sidebar a:hover {
		color:#CC6600;
		text-decoration:none;
	}
	#rightcol #sidebar h2 {
		font-size:14px;
		margin:0px 0 5px 0;
	}
	.alignright {
		float:right;
		margin:0 10px 5px 10px;
	}
	.alignleft {
		float:left;
		margin:0 5px 5px 0px;			
	}


	/* ================================ */
	/* ===== sub page main styles ===== */
	/* Google map */
	.maphide{
		display:none;
	}
	#gmaps a{
		color:#FFFFFF;
	}
	
	/* more info boxes on pages */
	.moreinfotable {
		width:100%;
	}
	.moreinfotable td {
		width:50%;
		border:solid 1px #CCC;
		margin:10px;
		padding:5px;
		vertical-align:top;		
	}
	.moreinfotable img {
		margin:5px 0 0 0;
	}
	.wp-caption-text {
		color:#AAA;
		margin:5px 15px 5px 15px;
		text-align:right;
	}
	.companylogos {
		text-align:right;
		margin:15px -10px 0 0;
	}
	#shadowbox_overlay {
		z-index:100 !important;
	}

	
	/* ================================ */
	/* ===== ReThink styles =========== */
	#sitejump ul{
		margin:20px 0 0 31px;
	}
	#sitejump ul{
		list-style:none;
	}
	#sitejump li{
		float:left;
		width:197px;
		height:30px;
		
	}
	#sitejump #rethink_tab a{
		display:block;
		width:197px;
		height:30px;
		background: url(images/rethink_tab_rethink.gif) left top no-repeat;
		text-indent:-999999px;		
	}
	#sitejump #rethink_tab a:hover{
		background: url(images/rethink_tab_rethink.gif) left bottom no-repeat;	
	}
	#sitejump #lbccom_tab a{
		display:block;
		height:30px;
		background:url(images/rethink_tab_lbc.jpg) left top no-repeat;
		text-indent:-999999px;
	}
	#sitejump #lbccom_tab a:hover{
		background:url(images/rethink_tab_lbc.jpg) left bottom no-repeat;	
	}
	#contactnav ul li {
		list-style:none;
		display:inline;
		float:right;
		margin:4px 0 0 0;
		padding: 0 10px 0 10px;
	}
	#contactnav ul #contact{
		background:#686868;
	}

	#contactnav ul li a {
		line-height:26px;
		color:#FFFFFF;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:10px;
		text-decoration:none;
	}
	#contactnav ul li a:hover {
		color:#333333;
	}
	
	#rethink_menu {
		background:#686868;
		color:#FFFFFF;
		text-decoration:none;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:13px;
		height:20px;
		padding:0 0 0 12px;
	}
	#rethink_menu #renavpre {
		line-height:20px;	
		display:inline;
		float:left;
	}
	#rethink_menu #renav1 li{
		float:left;
	}
	#rethink_menu #renav2 li{
		float:right;
	}
	#rethink_menu li {
		list-style:none
	}
	#rethink_menu a{
		line-height:20px;
		/* width: 10em; */
		color:#FFFFFF;
		text-decoration:none;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:13px;
		padding: 0 15px 0 15px;		
	}
	#rethink_menu a:hover {
		color:#333333;
	}
	
	#rethink_content {
		height:400px;
		text-align:right;
		padding:40px 20px 0 0px;
	}
	#rethink_col{
		width:550px;
		float:right;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:13px;		
	}
	#rethink_footer{
		text-align:left;
		float:left;
	}


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