/*	----------------------------------------------------------------------------
	
	Presentation Layer (CSS) for berean-baptist.org
	Version: 2.0
	Author: Timothy Gray
	Code is Poetry
	
	----------------------------------------------------------------------------
	
	YOU ARE VIEWING THIS SITE WITH OTHER () ON OTHER
	
	----------------------------------------------------------------------------
	
	1.	Globals
	2.	Links
	3.	Layout
	4.	Headings
	5.	Extras
		
			
	----------------------------------------------------------------------------
	(1) GLOBALS
	--------------------------------------------------------------------------*/
	
	* {
		margin:                 0;
		padding:                0;
		}
	
	html {
		height:                 100%;
		margin-bottom:          1px;
		}
	
	body {
		background-color:       #ebe9d5;
		font:                   11px/1.6em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
		text-align:             left;
		color:                  #242424;
		}
		
	p {
		margin-bottom:          0.7em;
		color:                  #4C4B49;
		}
	
	img.more {
		clear:                  both;
		}
	
	ul {
		padding:                0;
		margin:                 0 0 1em 0;
		list-style:             none;
		}
	
	li {
		margin:                 0 0 12px 0;
		list-style:             none;
		}
		
	fieldset {
		border:                 1px solid #fff;
		padding:                15px;
		}
		
	legend {
		font-size:              13px;
		margin-bottom:          16px;
		padding:                4px;
		}
	
	form {
		}
		
	label {
		font-size:              9px;
		text-transform:         uppercase;
		display:                block;
		}
	
	fieldset label input, fieldset input.text {
		display:                block;
		margin-bottom:          15px;
		}
		
	input {
		font-size:              10px;
		margin:                 2px 0;
		}
		
	textarea {
		font-size:              10px;
		margin:                 2px 0;
		}
		
	select {  /* COMPENSATE FOR * RESET IN FIREFOX FORMS */
		min-width:              1.5em;
		}
		
	table {
		}
		
	td {
		font-size:              11px;
		}
	
	
	hr {
		clear:                  both;
		border:                 none;
		background:             none;
		height:                 1%;
		}
		
		

/*	----------------------------------------------------------------------------
								(2) LINKS
	--------------------------------------------------------------------------*/

	a {
		color:                  #234373;
		text-decoration:        none;
		}
		
	#dictator em a {
		color:                  #fff;
		}
		
	a:hover {
		text-decoration:        underline;
		}
	
	/* Troy Thompson removing this item because it looks... weird... 
	a:focus {
		font-size:              120%;
		}
	*/	
	a img {
		text-decoration:        none;
		}


/*	----------------------------------------------------------------------------
								(3) LAYOUT
	--------------------------------------------------------------------------*/

	#dictator {
		position:               fixed;
		top:                    0;
		left:                   0;
		width:                  100%;
		height:                 28px;
		z-index:                1000;
		background:             transparent url(/assets/images/dictator/bg_overlay.png) repeat-x;
		font-size:              9px;
		line-height:            22px;
		}
	
	#dictator em {
		display:                block;
		float:                  left;
		font-style:             normal;
		color:                  #ccc;
		margin-left:            5px;
		}
	
	#dictator em b {
		color:                  #666;
		font-weight:            normal;
		}
	
	#dictator input.edit {
		float:                  right;
		width:                  63px;
		height:                 17px;
		margin:                 3px 5px 0 0;
		background:             transparent url(/assets/images/dictator/edit_page.png) no-repeat;
		}

	#header {
		height:                 107px;
		width:                  100%;
		min-width:              750px;
		background:             #252525 url(/assets/images/bg_header.jpg) repeat-x;
		border-bottom:          4px solid #fff;
		}
	
	#logo {
		position:               absolute;
		width:                  144px;
		height:                 60px;
		background:             transparent url(/assets/images/berean_baptist_church.png) no-repeat;
		top:                    26px;
		left:                   27px;
		}
	
	#tagline {
		position:               absolute;
		width:                  301px;
		height:                 28px;
		top:                    61px;
		right:                  24px;
		z-index:                5000;
		background:             transparent url(/assets/images/unchanging_truth.png) no-repeat;
		}
		
	#alert {
		min-width:              750px;
		background:             #a30000 url(/assets/images/bg_alert.gif) repeat-x;
		}
	
	#alert p {
		color:                  #fff;
		padding:                3px 3px 5px 30px;
		margin:                 0;
		background:             transparent url(/assets/images/icon_alert.gif) no-repeat;
		}
		
	#alert p a {
		color:                  #fff;
		text-transform:         uppercase;
		}
	
	#feature {
		display:                block;
		margin:                 0;
		padding:                0;
		min-width:              750px;
		width:                  100%;
		height:                 100px;
		background:             #234373 url(/assets/images/234373/bg_feature.gif) repeat-x;
		border-bottom:          4px solid #fff;
		}
	
	#home #feature {
		height:                 214px;
		}
		
	#feature ul {
		float:                  left;
		width:                  183px;
		padding:                20px 0 0 0;
		line-height:            1%;
		background:             transparent url(/assets/images/234373/nav-quick_links.gif) no-repeat;
		margin:                 0;
		}
	
	#feature li {
		margin:                 0;
		text-indent:            -500px;
		}
		
	#feature li img {
		float:                  left;
		position:               absolute;
		left:                   0;
		height:                 38px;
		width:                  183px;
		}
	
	#feature li img.schedule {
        background:             transparent url(/assets/images/234373/nav-service_schedule.gif) no-repeat;
		top:                    131px;
		}
		
	#feature li img.directions {
        background:             transparent url(/assets/images/234373/nav-driving_directions.gif) no-repeat;
		top:                    169px;
		}
		
	#feature li img.events {
        background:             transparent url(/assets/images/234373/nav-upcoming_events.gif) no-repeat;
		top:                    207px;
		}
		
	#feature li img.contact {
        background:             transparent url(/assets/images/234373/nav-contact_us.gif) no-repeat;
		top:                    245px;
		}
		
	#feature li img.members {
        background:             transparent url(/assets/images/234373/nav-members_login.gif) no-repeat;
		top:                    283px;
		height:                 42px;
		}
		
	#feature_image {
		background:             transparent url(/assets/images/234373/feature.jpg) no-repeat;
		width:                  567px;
		height:                 214px;
		}
		
	#feature_promo {
	    background:             transparent url(/assets/images/promo_video.jpg) no-repeat;
	    width:                  234px;
	    height:                 153px;
	    position:               absolute;
	    top:                    150px;
	    right:                  37px;
	    border:                 2px solid #fff;
	    }
	    
    #feature_image_interior {
		background:             transparent url(/assets/images/234373/feature_interior.jpg) no-repeat;
		}
	
	#banner {
		z-index:                1;
		position:               absolute;
		}
	
	#search {
        position:               absolute;
		top:                    107px;
		right:                  15px;
		z-index:                200;
		width:                  260px;
		height:                 30px;
		text-align:             right;
		}
		
	#search form {
		 padding:               0 32px 5px 0;
        background:            transparent url(/assets/images/search_bar.png) no-repeat top right;		 }
	
	#search form input.search {
		width:                  155px;
		height:                 14px;
				}
	
	#search form input.submit {
		position:               relative;
		top:                    5px;
		width:                  57px;
		height:                 15px;
		margin-left:            5px;
		}
		
	#content {
		position:               relative;
		display:                block;
		min-width:              535px;
		margin-left:            185px;
		padding:                15px 20px 15px 10px;
		}
	
	#content li {
		list-style:             disc;
		margin:                 3px 0 2px 18px;
		}
	
	#sidebar {
		float:                  left;
		position:               absolute;
		width:                  158px;
		left:                   -185px;
		text-align:             right;
		font-size:              9px;
		line-height:            1.3em;
		color:                  #5e5d55;
		}
	
	#sidebar li {
		list-style:             none;
		padding:                0 0 12px 0;
		}
	
	#topnav,
	ul.nav {
		margin-bottom:          20px;
		}
	
	ul.nav ul.nav {
		margin-bottom:          0;
		}
		
	#topnav li,
	ul.nav li {
		font-size:              12px;
		}
	
	ul.nav li a {
		display:                block;
		}
	
	#topnav strong,
	ul.nav strong {
		color:                  #242424;
		}
	
	ul.nav ul.nav a {
		font-size:              11px;
		color:                  #242424;
		}
	
	ul.breadcrumb,
	ul.breadcrumb li,
	ul.breadcrumb a {
		display:                inline;
		}
	
	#content ul.breadcrumb li {
		padding:                0;
		margin:                 0 4px 0 0;
		}
		
	#sermons {
		margin-bottom:          10px;
		padding-top:            10px;
		}
	
	#events {
		float:                  right;
		width:                  45%;
		padding:                10px 0 0 30px;
		color:                  #4d4d4d;
		}
	
	#sermons li,
	#events li {
		list-style:             none;
		margin:                 0;
		}
		
	#events span.abstract {
		font-size:              11px;
		}
	
	#searchresults a {
		font-weight:            bold;
		display:                block;
		}
		
	div.missionary {
		border:                 1px solid #5e5d55;
		float:                  left;
		background:             #fff;
		margin:                 0 15px 15px 0;
		padding:                8px;
		line-height:            1.3em;
		}
		
	#footer {
		clear:                  right;
		padding-top:            20px;
		}
		
	#directory_family .photo {	
		padding:				4px;
		border:					1px solid #5e5d55;
		background:				#fff;
		}
		
	#directory_list img	{
		padding:				4px;
		border:					1px solid #5e5d55;
		background:				#fff;
		}
		
	#directory_list ul li {
		margin-bottom:			13px;
		list-style:				none;
		}
		
		

/*	----------------------------------------------------------------------------
								(4) HEADINGS
	--------------------------------------------------------------------------*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		line-height:            1em;
		color:                  #434343;
		font-weight:            normal;
		}
		
	h1 {
		font:                   20px/1.4em Georgia, "Times New Roman", Times, serif;
		font-weight:            normal;
		margin-top:             10px;
		margin-bottom:          5px;
		}
	
	h2,
	h2 a {
		margin-top:             15px;
		font-size:              16px;
		color:                  #333;
		}
		
	h3,
	h3 a,
	#events li a {
		font-size:              12px;
		color:                  #000;
		margin-top:             5px;
		line-height:            1em;
		}
	
	#events li.first {
		margin-top:             5px;
		}
			
	#sermons h3.new a {
		padding-right:          39px;
		background:             transparent url('/assets/images/new.gif') no-repeat right top;
		}
	
	div.missionary h4 {
		margin-top:             8px;
		}
		
	h4,
	h4 a,
	span.datestamp,
	#events span.subtitle {
		margin-top:             3px;
		font-size:              9px;
		font-weight:            normal;
		text-transform:         uppercase;
		color:                  #434343;
		}
	
	span.datestamp {
		display:                block;
		line-height:            0.5em;
		}
	
	#sermons h4 {
		margin-bottom:          10px;
		}
	
	h5,
	h5 a {
		font-size:              9px;
		font-weight:            normal;
		color:                  #898984;
		text-transform:         uppercase;
		margin-top:             3px;
		margin-bottom:          10px;
		}




/*	----------------------------------------------------------------------------
								(5) EXTRAS
	--------------------------------------------------------------------------*/
	
	a img {
		border: none;
	}
	
	#sidebar a img {
		margin-top:             5px;
		}
	
	#sermons a img {
		padding-right:          5px;
		}
	
	#events ul.nav {
		margin-bottom:          5px;
		}
	
	img.portrait {
		width:                  100px;
		height:                 150px;
		float:                  left;
		margin:                 0 10px 5px 0;
		background:             #fff;
		border:                 1px solid #242424;
		}
	
	.pastor {
	    display:                block;
	    padding-left:           200px;
	    padding-bottom:         10px;
	    position:               relative;
	    min-height:             150px;
	    height:                 auto !important;
	    height:                 150px;
	    }
	    
	.pastor img {
	    border:                 1px solid #5e5d5c;
	    background:             #fff;
	    padding:                2px;
	    float:                  left;
	    position:               absolute;
	    left:                   0;
	    top:                    ;	    width:                  180px;
	    height:                 140px;
	    }
	
	#sermons ul a:visited {
		padding-right:          15px;
		background:             transparent url(/assets/images/visited.gif) no-repeat center right;
		}
		
	#sermons a:visited {
		padding-right:          0;
		background:             none;
		}
	
	#footer a.email {
		color:                  #242424;
		}
	
	.clearfix:after {
		content:                "."; 
		display:                block; 
		height:                 0;
		clear:                  both; 
		visibility:             hidden;
		}