/* berkland.org css */
/* written by saji 2008-05-25 */

/* USAGE */
/* Fonts and colors are separate from layout.          */
/* Header and footer text is in Trajan, the Movie Font */
/* Other stuff is in Scriptina, Trebuchet              */

	/* we use sIFR from mikeindustries.com, check included files for possible changes from distribution */
	@import url('sIFR2.0.2/sIFR-screen.css');

	#header li,
	.trebuchet_header { font: 14px "Trebuchet MS", Helvetica, sans-serif; }
	
	body.inside #left li,
	#mainbody div.entry h3,
	.trebuchet_header_inside16 { font: 16px "Trebuchet MS", Helvetica, sans-serif; }

	body.ministries #mainbody div h3,
	body.contact_us #mainbody div h3,
	.trebuchet_header_inside28 { font: 28px "Trebuchet MS", Helvetica, sans-serif; }

	body.inside #left li ul li,
	.trebuchet_header_inside_secondlevel { font: 13px "Trebuchet MS", Helvetica, sans-serif; }
	
	body.inside #title_area h3,
	.trebuchet_title { font: 55px "Trebuchet MS", Helvetica, sans-serif; font-weight: bold; letter-spacing: 0px; }
	
	body.home,
	.trebuchet_body { font: 12px "Trebuchet MS", Helvetica, sans-serif; }
	
	body.inside,
	.trebuchet_inside { font: 12px "Trebuchet MS", Helvetica, sans-serif; }
	
	#services,
	.trebuchet_services { font: 9px "Trebuchet MS", Helvetica, sans-serif; }
	
	/* this is re-done for us by sIFR, so watch out */
	h2, h4, #footer p,
	.trajan { font-family: "Times New Roman";  font-weight: normal; text-transform: uppercase; }
	h2 { font-size: 24px; }
	h4 { font-size: 12px; }
	/* #footer p { font-size: 12px; } */
	
	.sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -19px; font-size: 30px; }
	.sIFR-hasFlash h4 { visibility: hidden; letter-spacing: -5px; font-size: 13px; }
/*	.sIFR-hasFlash #footer_text { visibility: hidden; letter-spacing: -8px; font-size: 11px; } */

/** colors ***/

	h1, #services h3, #header p, #footer p span,
	.invisible { display: none; }
	
	#header li, #header li a, #header li a:visited,
	.gold { color: rgb(255,211,157); }

	body.inside,
	.gray { color: #444; }
	
	p.service_time,
	#header li:hover, #header li a:hover,
	body.inside #left li a,
	body.ministries h3,
	#mainbody div.entry h3,
	.orange { color: #f90; }
	
	#left li a:visited,
	.ltorange { color: #fc6; }
	
	#left li a:hover,
	.dkorange { color: #F30; }

	a, a:visited,
	.verydkorange { color: #C30; }
	
	#right div p,
	.darkred { color: #371e22; }

	#left li.current_page_item a,
	#left li.current_page_item a:visited,
	#left li.current_page_item a:hover,
	#left li.current_page_item a:active,
	a:hover,
	a:active,
	.red { color: #f00; }

	p.service_name,
	h2, h4,
	body.inside #title_area h3,
	.crimson { color: rgb(102,0,0); }
	
	#left p,
	.black { color: black; }

/* Layout - general */
	body { text-align: center; background: white; padding: 0; margin: 0; z-index: 0;}
	div#enclosing { margin: 0 auto; width: 850px; text-align: left; }
	div#enclosing2 { position: absolute; } /* aww, had to add an extra div */
	ul, div { margin: 0; padding: 0; }
	a { text-decoration: none; }
	a img { border: 0; }

	#header { height: 87px; background-image: url('images/header.jpg'); background-repeat: no-repeat; }
	#header ul { display: inline; position: relative; top: 70px; }
	#header ul li { padding: 10px 16px; text-align: center; list-style: none; display: inline; font-size: 12px; }
	
	#footer { clear: both; text-align: right; }
	#footer p {
		display: block; background-image: url('images/footer_text.gif'); width: 476px; height: 27px; margin-left: 374px; margin-top: -2px; }
	#loginout { text-align: right; margin-top: -25px; padding-right: 3px; }

/* Layout - homepage */
	
	body.home #services { 
		width: 196px; height: 245px; background-image: url('images/home_services_bg.gif'); float: left; background-repeat: no-repeat; padding-left: 40px; margin-top: 0px; padding-top: 5px; }
	body.home #services p { margin-top: 0; margin-bottom: 0; }
	body.home #services p em { padding-top: 8px; display: block; }
	
	body.home #new_to_bbc { position: absolute; top: 218px; left: 0; width: 234px; height: 55px; overflow: visible; }

	body.home #mainphoto { width: 616px; height: 243px; position: absolute; top: 87px; left: 236px; overflow: hidden; border: 0; z-index: -1; }
	
	body.home #home_main {
		clear: both; background-image: url('images/home_body_bg.jpg'); background-repeat: no-repeat; width: 850px; position: relative; top: -4px;
	}
	body.home #left {
		clear: both; float: left; width: 230px; padding: 93px 30px 0px 30px; }
	body.home #left h2 { display: none; }
	body.home #left p { margin-left: 15px; }
	body.home #right {
		float: left; background-repeat: repeat-y; width: 528px; margin: 15px 0 0 30px; }
	body.home #right img { float: left; border: 2px solid orange; margin-top: -3px; }
	body.home #right h4 { margin: 10px 0 0 240px; }
	body.home #right p { margin-top: 0px; margin-left: 255px; }
	body.home #right div { width: 516px; height: 72px; padding: 4px; }
	body.home #right div:hover { background-color: #feeed5; }

/* Layout - inner */

	body.inside #upper { width: 850px; padding: 0; margin: 0px 0; }
	body.inside #upper h3 { display: none; }
	body.inside #mainphoto { width: 850px; height: 110px; }
	body.inside #lower { width: 850px; padding: 0; margin: 0; background-repeat: repeat-y; }
	/* body.inside #lower { background-image: url('<?php bloginfo('template_directory'); ?>/images/inside_ministries_bg.jpg'); } */
	body.inside #left { position: absolute; top: 242px; left: 60px; }
	body.inside #left ul li { list-style: none; line-height: 34px; text-align: right; }
	body.inside #left ul li ul { line-height: 30px; margin-top: -5px; margin-bottom: 10px; }
	body.inside #mainbody { margin-left: 280px; padding: 20px 180px 30px 0px; min-height: 350px; height: auto !important; height: 350px; }
	body.inside #right { float: right; padding: 20px 10px 30px 0px; }

/* Layout - devotionals */

	#dt { width: 500px; margin-bottom: 80px; }
	#dt td, #dt th { padding: 4px; }
	#dt td a { white-space: nowrap; }
	#dt th { border-bottom: 1px solid #777; }
	#dt tr:hover { background-color: #ffc; }
	#dt a:hover { text-decoration: underline; }

/* Layout - misc */
	
	body.contact_us h2 { margin-bottom: -10px; }
	body.ministries h3 { line-height: 30px; margin: 5px 0 0 0; }
	body.about_us img#new_to_berkland { position: absolute; top: 250px; left: 700px; }
	body.meetings div.entry h3 { position: relative; display: block; text-align: right; left: -400px; margin-top: 20px; margin-bottom: -26px; }
	body.contact_us #mainbody div h3 { margin: 5px 0 0 0; }