/* 
Theme Name: TBD Creative, Church Site
Theme URI: http:/www.tbdcreative.com
Description: Alabaster FUMC
Version: 1.0
Author: William T. Lunsford
*/

/* Globals
---------------------------------------------------------------------------*/
body {
	font-family: "lucida grande", tahoma, verdana, sans-serif;
	font-size: 62.5%;
	margin: 0; 
	padding: 0;
	text-align: center;
}

.right, .left { border: 1px solid #eff1c6; background: #f8f9dc; padding: 5px;}
.right { float: right; margin: 0 0 5px 5px; }
.left { float: left; margin: 0 5px 5px 0;}

.bdrwhite { border: 1px solid #fff; }
.bdrnone, .last { border: none; background: none;}

/* Links
---------------------------- */
a { color: #0c3b71; text-decoration: none; }
a:hover, a:focus { color: #0c3b71; text-decoration:underline; }

a img { border: 0; }

/* Text
----------------------------- */
ul, ol { margin: 0; padding: 0; }

#searchbar ul li, #nav li, #subnav li, .anchors li { list-style: none; }

#nav li a { font-family: Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { margin: 0; }
h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif; }

p { margin: 0 0 16px 0; line-height: 1.4em; }

.graybold strong { color: #666; }

.green { color: #438a23; }
.red { color: #931709; }

/* Structure
----------------------------------*/ 
#wrapper {
	position: relative;
	width: 770px;
	margin: 0 auto;
	z-index: 2;
	font-size: 1.1em;
	text-align: left;
	color: #333;
}

#content { font-size: 1em; }

/* Header
----------------------------------*/
#header h1 {
	background: transparent url(images/logo_new.png) 0 4px no-repeat;
	margin: 2px 0 4px 0;
	padding: 0;
	overflow: hidden;
	float: left;
}

#header h1 a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	width: 330px;
	height: 102px;
}


/* Search and Second Tier Links
----------------------------------*/
#searchbar {
	background: transparent url(images/search_bar_bkg.gif) 0 0 no-repeat;
	float: right;
	margin-right:5px;
	height: 30px;
	padding: 10px 42px 0 30px;
	font-size: 1.15em;
}

#searchbar ul { display: block; float: left; color: #d76623;}

#searchbar ul li { float: left; margin-left: 10px; }
#searchbar a { margin-right: 0px; }

#searchbar li a, #searchbar li a:visited { color: #fff; }
#search li a:hover, #searchbar li a:focus { color: #f5f6cb; text-decoration: none; }

#search { float: right; }

#s {
	color: #333;
	font-size: .85em;
	float: left;
	border: 0;
	padding: 3px;
	height: 13px;
	margin: -2px 0px 0 10px;
}

#searchTitle { display: none; }

#btnSearch { 
	float: left;
	background: url(images/btn_search.gif) 0 0 no-repeat;
	height: 18px;
	width: 50px;
	padding: 0;
	margin: -1px 0 0 0;
	border: 0;
	display: inline;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

#btnSearch:hover { background: url(images/btn_search.gif) 0 -18px no-repeat; }	

/* Nav
----------------------------------*/
#nav {
background-color:#6f3d0e;
	width: 761px;
	margin: 7px 0 0 8px;
	float: left;
	font-size: 1.2em;
}

#nav li {
	float: left;
	position: relative;
	height: 28px;
	margin-right: 1px;
	background-color:#6f3d0e;
	border-left: 1px solid #6f3d0e;
}

#nav li#navNews { margin-right: 0; }

#nav a {
	display: block;
	color: #fff;
	text-align: center;
	padding: 6px 0 0 0;
}

#nav a:hover { text-decoration: none; }

/* Default State */
#navHome  {width: 74px;}
#navVisitors  {width: 75px;}
#navChildrens  {width: 69px;}
#navYouth  {width: 74px;}
#navAdults  {width: 74px;}
#navWorship  {width: 80px;}
#navSermons  {width: 81px;}
#navGiving  {width: 71px;}
#navGetinvolved  {width: 110px;}
#navMission  {width: 75px;}
#navNews  {width: 110px; }

/* Hover State */
#nav li:hover, #nav li.over, #home #navHome, #visitors #navVisitors,
#childrens #navChildrens, #youth #navYouth, #adults #navAdults, #worship #navWorship,
#getinvolved #navGetinvolved, #giving #navGiving, #sermons #navSermons, #news #navNews, #contactus #navNews { 
	background: #af5000;
	border-left: 1px solid #af5000;
}


/* Footer
------------------------------------------*/

#footer {
	width: 100%;
	background:url(images/bkg_footer.gif) 0 0 repeat-x;
	float: left;
	min-height: 210px;
	height: auto !important;
	height: 210px;
	margin-top:50px;
}

#footerbkg {
	width: 1044px;
	height: 207px;
	position: absolute;
	left: 50%;
	margin-left: -522px;

}


#footerContent {
	width: 760px;
	margin: 0 auto;
	color: #444;
	text-align: left;
	font-size: 1.1em;

}

#footerText { float: left; padding: 10px 0 10px 23px;}
#footerLogo{float:right; padding:10px 0;}

#footerContent p { margin: 0; }

.alignright {float:right;padding-left:10px;}
.alignleft{float:left;padding-right:10px;padding-bottom:10px;}