/* import core styles */
@import url(interface/css/base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
body { color:#1c1c1b; font-family:'Gill Sans', 'Gill Sans MT', Calibri, Trebuchet, sans-serif; background:#1f1f19 url(interface/images/body-bg.gif) left top repeat-x; }
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }


/*------------------------------------------
// 2.LAYOUT
//   Define the basic : header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div.wrapper { width:980px; margin:0 auto; }

/*---- Header ----*/
div#header div.wrapper{ padding:16px 10px 0px; width:960px; height:108px; }

/*---- Main Navigation ----*/
div#main-navigation div.wrapper{ padding:0px 10px; width:960px; margin-bottom:20px; }

/*---- Content ----*/
div#content div.wrapper { position:relative; z-index:10; }
div#content div.wrapper div.top{ background:url(interface/images/content/content-top.png) left top no-repeat; line-height:11px; height:11px; }
div#content div.wrapper div.middle{  background:url(interface/images/content/content-middle.png) left top repeat-y;  padding:0px 10px 1px; }
div#content div.wrapper div.bottom{ background:url(interface/images/content/content-bottom.png) left bottom no-repeat; height:11px; line-height:11px; }

/*---- Banner ----*/
div#banner div.wrapper { width:994px; margin:0 auto -20px; position:relative; z-index:20; }
div#banner div.top{ background:url(interface/images/banner/banner-top.png) left top no-repeat; line-height:18px; height:18px; }
div#banner div.middle{  background:url(interface/images/banner/banner-middle.png) left top repeat-y;  padding:2px 16px 4px; }
div#banner div.bottom{ background:url(interface/images/banner/banner-bottom.png) left bottom no-repeat; height:18px; line-height:18px; }


/*---- Main ----*/
div#main { float:right; width:689px; padding:14px 16px 20px 14px; }
div#main div.inner-main{ width:468px; float:left; }
div#main div.inner-sidebar{ width:210px; float:right; }

/*---- Sidebar ----*/
div#sidebar { float:left; width:239px; margin:-4px 2px 0px 0px ; position:relative; }

/*---- Footer ----*/
div#footer div.wrapper{ padding:15px 10px; width:960px;}


/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo { width:237px; float:left; }
div#header div.logo h1 a { width:237px; padding-top:77px; background:url(interface/images/header/logo.png) left top no-repeat; height:0px; overflow:hidden; display:block; }

/*---- Header - Logo ----*/
div#header div#directions { float:right; text-align:right; }
div#header div#directions p { font-size:140%; color:#1c1c1b; line-height:22px; }
div#header div#directions a.direction { float:right; padding:0px 20px; line-height:32px; color:#e7f5fc; font-size:140%; display:block; height:32px; background:#b72345;  }
div#header div#directions a.direction:hover{ text-decoration:none; }

/*---- Banner ----*/
div#banner{margin-top: -2px;}
div#banner img{ float:left; margin-right:10px; }
div#banner div.description{ float:left; padding:10px; width:280px; height:223px; background:#efeee7; position:relative; }
div#banner div.description p{ font-size:150%; line-height:20px; }
div#banner div.description a.button1{ position:absolute; right:11px; bottom:8px; }
div#banner div.description a.button2{ position:absolute; left:11px; bottom:8px; }
div#banner h1{ position:absolute; top:26px; left:17px; font-size:280%; background:url(interface/images/banner/heading-bg.png) left top repeat; float:left; line-height:30px; font-weight:normal; padding:0px 10px 3px; }

/*---- Content ----*/
div#content div#dashboard { background:#fff url(interface/images/content/dashboard.gif) left top no-repeat; padding:22px 0px; }
div#dashboard2 { background:#fff url(interface/images/content/dashboard2.gif) left top no-repeat; padding:22px 0px; }
div#content div#dashboard div.section { float:left; width:210px; padding:0px 15px; position:relative; padding-bottom:40px; min-height:210px; }
div#content div#dashboard div.section h1{ font-size:220%; margin-bottom:10px; color:#b72345; font-weight:normal; line-height:26px; }
div#content div#dashboard div.section p{ line-height:18px; font-size:160%; margin-bottom:20px; display:block; margin-bottom:12px; }
div#content div#dashboard div.section a.button2 { position:absolute; right:15px; bottom:0px; padding:0px 10px; }

/*---- Main Navigation ----*/
div#main-navigation ul li{ float:left; margin-right:10px;}
div#main-navigation ul li a { float:left; background:#e8e9e1; text-decoration:none; font-size:180%;  width:109px; text-align:center;  line-height:31px; color:#1c1c1b; }
div#main-navigation ul li a:hover , div#main-navigation ul li a.active{ background:#d7d5c4; }
div#main-navigation ul li.login{ margin:0px 0px 0px 18px; }
div#main-navigation ul li.login a { color:#b72345; }

/*---- Sidebar ----*/
div#sidebar ul li a{ text-align:center; display:block; font-size:160%; line-height:41px; border-bottom:1px solid #d8d6c6; color:#1c1c1b; }
div#sidebar ul li a:hover , div#sidebar ul li a.active{ color:#b72345; text-decoration:none; background:#efeee7; }

/*---- Main ----*/
div#main div.inner-sidebar div.frame { margin-bottom:20px; }
div#main div.inner-sidebar div.frame{ background:url(interface/images/content/main/frame.gif) left top no-repeat; padding:2px; }
div#main div.inner-sidebar div.frame img{width:209px;height:140px;}

/*---- Post ---*/
div.post h1 { font-size:220%; margin-bottom:10px; color:#b72345; font-weight:normal; line-height:26px; }
div.post h2 { font-size:200%; margin-bottom:10px; color:#b72345; font-weight:normal; line-height:26px; }
div.post h3 { font-size:180%; margin-bottom:10px; color:#b72345; font-weight:normal; line-height:26px; }
div.post h4 { font-size:160%; margin-bottom:10px; color:#b72345; font-weight:normal; line-height:26px; }

div.post p {line-height:1.2em; font-size:160%; margin-bottom:20px; }
div.post p a { color:#b72345; }

div.post blockquote { margin-bottom:20px; }
div.post blockquote p{ margin-bottom:5px; font-style:italic;}
div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;}

div.post img { max-width:100%; }
div.post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;}
div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;}
div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}

div.post ul { margin:0 0 20px 14px; list-style:disc; }
div.post ol { margin:0 0 20px 18px; list-style:decimal; }
div.post li { line-height:1.2em; font-size:130%; }
div.post li ul, div.post li ol { margin-bottom:10px; } 
div.post li ul li , div.post li ol li { font-size:100%; margin-bottom:0px; } 
div.post li p { font-size:100%; margin-bottom:10px; }

/*---- Post - Custom Lists ---*/
div.post ul.list1 { margin:0; padding:0; }
div.post ul.list1 li { margin:0; padding:0; }

div.post ol.list2 { margin:0; padding:0; }
div.post ol.list2 li { margin:0; padding:0; }

/*---- Footer - Navigation ---*/
div#footer p { font-size:140%; color:#fff; line-height:20px; }
div#footer p a{ color:#fff; }

/*---- Common Boxes & Containers ----*/


/*---- Buttons ----*/
a.button1  { display:block; height:32px; line-height:32px; background:#b72345; width:140px; text-align:center; color:#fff; font-size:140%; }
a.button1:hover{ text-decoration:none; }


a.button2  { display:block; height:32px; line-height:32px; background:#353531; width:97px; text-align:center; color:#fff; font-size:140%; }
a.button2:hover{ text-decoration:none; }

/*---- Lists ----*/


/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

div.post form input.textbox{ background:url(interface/images/content/main/textbox.gif) left top no-repeat; border:0; height:22px; width:151px; margin-bottom:10px; padding:6px 6px; }
div.post form input.submit{ background:#b72345; border:0; font-size:113%; color:#e7f5fc; line-height:32px; padding:4px 14px; display:block; cursor:pointer; } 

/*----- Added Styles --------*/
div#main-navigation ul li:last-of-type{
	float:right; margin-right:0;
}
.textwidget {
	width: 700px;
}
#contact ul {
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	margin-left: 0
}
#contact li {
	height: 160px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-top: 12px;
	padding-bottom: 5px;
	list-style-type: none;
}
#contact li img {
	border: 2px solid #CCC;
	float: left;
	margin-right: 15px;
}
#contact li p {
	font-size: 125%;
}
#find-us iframe , #find-us img {
	border: 1px solid #ccc;
}
#leadership ul {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	margin-left: 0;
	width: 454px;
	padding-top: 15px;
	display: block;
	margin-bottom: 20px;
	float: left;
	margin-top: -14px;
	margin-right: 10px;
	margin-bottom: 15px;
}
#leadership ul li {
	height: 204px;
	list-style-type: none;
	width: 124px;
	display: inline;
	float: left;
	margin-right: 24px;
}
#leadership ul li img {
	border: 2px solid #CCC;
}
#leadership ul li p {
	font-size: 90%;
	text-align: center;
	margin-top: -10px;
}
.sermons-front {
	font-size: 160%;
}
.sermons-inner {
	font-size: 120%;
	line-height: 110%;
	margin-top: 20px;	
}
/*----- Real Lives --------*/
#real-lives ul {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	margin-left: 0px;
	width: 454px;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}
#real-lives ul li {
	display: block;
	height: 40px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999;
	background-color: #F5F5F5;
	line-height: 40px;
}
#real-lives ul li.opposite {
	background-color: #FFF;
}
#real-lives ul li:hover {
	background-color: #B50937;
}
#real-lives ul li a {
	display: block;
	color: #000;
}
#real-lives ul li a:hover {
	color: #FFF;
}
#real-lives ul li a:hover , #real-lives ul li a:active , #real-lives ul li a:visited {
	text-decoration: none;
}
.testimony {
	width: 620px;
}
.testimony h1 {
	height: 38px;
	width: 620px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.testimony img {
	border: 2px solid #CCC;
	margin-top: 4px;
	margin-right: 27px;
	float: left;
	margin-bottom: 10px;
}