@charset "UTF-8";

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: style.css
* Version: 1.1 (27-01-2010) DD-MM-YYYY
* Website: http://theflyfordsfamily.org/
* Author: MWS Designs
* Description: Handles the site layout and styles.
== STRUCTURE: ==============================
* Page width: 950 px
============================================ */

/* Background-Styles */

body {
	margin: 0px; 
	padding: 0px;
	background-color: #131210;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 13px;
	line-height: 19px;
	behavior:url("csshover.htc");
}

#main {
	padding-bottom: 30px;
}

#logo {
	width: 354px;
	height: 77px;
}

.clear {
	clear: both;
}

fieldset {
	border: none;
}

#footer {
	background: url(images/background_footer.jpg) repeat-x;
	padding: 40px;
	position: relative;
	top: -40px;
	min-height: 10px;
}
.container {
	width: 950px;
	margin: 0 auto;
	position: relative;
}

.mediaplayer {
	margin: 0 auto;
}

img {
	border: 0;
}

/* Header-Styles */

#header {
	padding: 20px 0 20px;
}

#logo h1, #logo small {
	margin: 0px;
	display: block;
	text-indent: -9999px;
}

/* Begin CSS Drop Down Menu */

#nav {
	margin: 0px; 
	padding: 0px;
	position: absolute;
	right: 0px;
	z-index: 50;
}

#nav ul {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0px;
}

#nav ul li {
    float: left;
    position: relative;
    color: #716d6a;
    font-weight: bold;
    margin-left: 7px;
}

#nav ul li:hover, #nav ul li.active {
   	background: #373634;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
}

#nav ul li:hover a, #nav ul li.active a {
    color: #ffffff;
}

#nav ul a {
    text-decoration: none;
    display: block;
    padding: 4px;
    color: #716d6a;
    font-size: 12px;
}

#nav ul li ul {
    list-style: none;
    position: absolute;
    top: 27px;
    display: none;
    width: 195px;
    border-left: 1px solid #cbcbc9;
    border-right: 1px solid #cbcbc9;
    border-bottom: 1px solid #cbcbc9;
}

#nav ul li:hover ul {
    display: block;
    background: #f9f9f9;
}

#nav ul li:hover ul li{
    float: none;
    display: block;
    margin: 0;
    border-top: 1px solid #fff; 
    border-bottom: 1px solid #cbcbc9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

#nav ul li:hover ul li:hover {
	border-top: 1px solid #aaa;
	background-color: #efefef;
}

#nav ul li:hover ul li.last{
	border-top: 1px solid #fff;
	border-bottom: none;
}

#nav ul li:hover ul li:hover.last {
	border-top: 1px solid #aaa;	
}

#nav ul li:hover ul li a {
    color: #222;
    padding: 8px 15px;
    }

#nav ul li:hover ul li:hover a {
    color: #0172dd;
    background-color: #efefef; 
}


/* End CSS Drop Down Menu */

/* Block-Styles */

.block {
	border: 1px solid #a3a09e;
	background-color: #ffffff;
	margin-bottom: 20px;
	position: relative;
}

.ribbon {
	position: absolute;
	top: -3px;
	right: -3px;
}

.block_inside { 
	display: block; 
	border: 1px solid #ffffff;
	background: #ffffff url(images/background_block_slice.jpg) repeat-x;	
	padding: 30px;
}

.block_church { 
	display: block; 
	border: 1px solid #ffffff;
	background: #ffffff url(images/select_church_purple.jpg) repeat-x;	
	padding: 30px;
	overflow: auto;
}

.image_block_center {
	border: 1px solid #b5b5b5;
	background-color: #d2d2d2;
	padding: 5px;
	margin: 0 85px;
}

.image_block_left {
	border: 1px solid #b5b5b5;
	background-color: #d2d2d2;
	padding: 5px;
	margin: 5px;
	float: left;
}

.image_block_right {
	border: 1px solid #b5b5b5;
	background-color: #d2d2d2;
	padding: 5px;
	margin: 5px;
	float: right;
}

.image_block img {
	border: 1px solid #b5b5b5;
}

.text_block {
	float: left;
	width: 430px;
	margin-left: 30px;
	padding-top: 30px;
}

#block_featuredblog .text_block { 
	padding-top: 5px 
}

/* Block-Content-Styles */

#content_area {
	width: 665px;
	float: left;
}

#content_area .block_inside {
	min-height: 400px;
}

#sidebar {
	float: left;
	width: 281px;
	position: relative;
	left: -1px;
	margin-top: 15px;
	background-color: #e2dddc;
	border: 1px solid #a3a09e;
}

#sidebar .block_inside {
	background: none;
	background-color: #e2dddc;
}

#sidebar h3 {
	font-size: 20px;
	line-height: 23px;
}

#sidebar p {
	margin: 10px 0px 10px 0px; 
	padding: 5px; 
	color: #7f7d78;
}

#sidebar ul { 
	margin: 10px 0px 30px 0px; 
	padding: 0px; 
}

#sidebar ul li { 
	list-style: none; 
	margin: 0px 0px 5px 0px; 
	padding: 0px; 
}

#sidebar ul li a { 
	color: #7f7d78;
	padding: 5px;
}

#sidebar ul li a:hover { 
	color: #0172dd; 
	text-decoration: none;
	padding-left: 9px;
}

#content_area h2 { 
	font-size: 32px; 
	line-height: 31px; 
}

#content_area .separator {
	border-top: 1px solid #e3e3e3;
	margin-top: 40px;
	padding-top: 40px;
}

/* Table-Styles */

table.data {
	border-collapse: collapse;
	width: 100%;
	line-height: 18px;
	border: 1px solid #eaeaea;
}
table.data tr th {
	background: #32312f;
	border-bottom: 1px solid #eaeaea;	
	padding: 6px;
	text-align: left;
	color: #fff;
	padding-left: 8px;
}
table.data tr td {
	padding: 8px;
	padding-bottom: 10px;
	padding-top: 12px;
	font-size: 11px;
	border-bottom: 1px solid #eaeaea;
}
table.data td.actions {
	background: #f7f7f7;
	width: 110px;
	border-left: 1px solid #eaeaea;
}
	td.actions img{
		margin-right: 10px;
		margin-left: 10px;
	}
table tr.highlight {
	background: #f7f7f7;
}

table tr.info span {
	padding: 0 5px;
	border-right: 1px solid #a8a8a8;
}

table tr.info span.first {
	padding-left: 0;
}

/* Text-Styles */

h2 {
	margin: 0px 0px 30px 0px;
	font-size: 36px;
	font-family: Helvetica, Arial, Sans-serif;
	color: #000000;
	line-height: 39px;
	letter-spacing: -1px;
}

h3 {
	margin: 10px 0px 5px 0px;
	font-size: 14px;
	line-height: 21px;
	font-family: Helvetica, Arial, Sans-serif;
	color: #000000;
}

h3 span {
	color: #aaa;
	font-size: 12px;
}

h4 {
	color: #007de2;
	margin: 0px 0px 0px 0px;
}

ul.services {
	list-style-type: square;
}

small {
	color: #595856;
	font-weight: bold;
	font-size: 11px;
	display: block;
	margin-bottom: 15px;
}

a {
	color: #26689f;
	text-decoration: none;
}

small a {
	color: #007de2;
}

a:hover { 
	text-decoration: underline; 
}

p { 
	margin: 0px 0px 15px 0px; 
}

strong {
	color: #000000;
}

a.button {
	background: #32312f url(images/button_bg.jpg) repeat-x;
	padding: 5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #32312f;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 25px;	
}

a.button:hover {
	background: #007de2 url(images/button_bg_o.jpg) repeat-x;
	border-color: #007de2;
}

.listen {
	background: url(images/listenbutton.png) no-repeat;
	width: 140px;
	height: 30px;
	background-position: 0 0;
}

.listen:hover {
	background: url(images/listenbutton.png) no-repeat;
	background-position: 0 -31px;
}

/* Local Business */

ul#ads {
	list-style-type: none;
	margin: 0; padding: 0;
}

ul#ads li {
	float: left;
	margin-right: 11px;
	margin-bottom: 20px;
	padding: 5px;
	position: relative;
	width: 280px; height: 320px;
	background: #e3e3e3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px #888888;  
	-moz-box-shadow: 0 0px 5px rgba(136,136,136,1.0);
}

ul#ads li span.website {
	float: right;
}

ul#ads li span {
	font-size: 0.7em;
}

ul#ads li.advertise {
	background: url(images/ad_bg.jpg) no-repeat;
}

ul#ads li.advertise:hover {
	background-position: 0 -300px;
	cursor: pointer;
}

.img_holder { float: left; width:280px; height:280px; background:url(../images/loading.gif) center no-repeat #fff; }

/* Comment-Styles */

.comment {
	padding: 0 0 10px 10px;
	border-bottom: 1px solid #a8a8a8;
	position: relative;
}

.comment.first {
	margin-top: 10px;
	border-top: 1px solid #a8a8a8;
}

a.reply {
	background: #ccc;
	color: #333;
	padding: 3px;
	position: absolute;
	top: 0;
	right: 0;
}

a.reply:hover {
	text-decoration: none;
	background: #666;
	color: #fff;
}

a.del {
	background: #f9e6ea;
	color: red;
	padding: 3px;
	position: absolute;
	right: 0;
	bottom: 0;
}

a.del:hover {
	text-decoration: none;
	background: #fac9d3;
	color: #666;
}

.success {
	padding: 10px 10px 10px;
  	border: 1px solid #abfdc4;
  	background: #edfff3;
}

.error {
	padding: 10px 10px 10px;
  	border: 1px solid #f3a0a0;
  	background: #ffeded;
}

#form_comment {
	margin-top: 30px;
	padding: 10px;
	background: #e6f2f9;
	border-top: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
}

#form_comment label {
	width: 100px;
	float: left;
}

#form_comment span {
	color: #666;
}

#form_comment input {
	width: 200px;
	padding: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

#form_comment textarea {
	width: 395px;
	height: 95px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.validation {
	margin-left: 100px;
	margin-top: 5px;
	display: block;
}

#form_comment .submit {
	width: 80px;
	margin-left: 100px;
	margin-top: 10px;
}

/* Podcast Styles */

table#podcasts {
	width: 100%;
	background-color: #f7fafc;
	color: #898989;
	border-collapse:collapse;
}

table#podcasts th, table#podcasts td {
	padding: 5px;
}

table#podcasts td {
	border-bottom: 1px solid #edf0f2;
}

table#podcasts tr.podcast:hover {
	background-color: #eaf3f8;
}

table#podcasts thead {
	text-align: left;
}

.poddescription {
	float: right;
	background: url(images/description_i.png) no-repeat 0 -19px;
	width: 19px;
	height: 19px;
	cursor: pointer;
}

.poddescription:hover {
	background-position: 0 0;
}

/* Footer-Styles */

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ccc;
}

.footer_column {
	float: left;
	width: 120px;
	margin-right: 30px;
}

#footer .long {
	width: 610px;
}
#footer h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
}

.footer_column ul li, .footer_column ul {
	list-style: none;
	margin: 0 0 7px;
	padding: 0px;
}

.footer_column ul.login li a {
	background: url(images/lock.png) no-repeat;
	padding-left: 20px;
}

/* SEARCH FORM */
#searchform { font-size:18px; }
#searchform div { color:#eeeeee; }
#searchform div input { font-size:18px; padding:5px; width:200px; }
#suggestions{ position: absolute; width:320px; display:none; }

/* SEARCHRESULTS */
#searchresults { border-width:1px; border-color:#919191; border-style:solid; width:320px; background-color:#a0a0a0; font-size:10px; line-height:14px; }
#searchresults a { display:block; background-color:#e4e4e4; clear:left; height:56px; text-decoration:none; }
#searchresults a:hover { background-color:#b7b7b7; color:#ffffff; }
#searchresults a img { float:left; padding:5px 10px; }
#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#f1f1f1; }
#searchresults span.category { font-size:11px; margin:5px; display:block; color:#ffffff; }
#searchresults span.seperator { float:right; padding-right:15px; margin-right:5px;
			background-image:url(../images/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; }
#searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; }

/* Fix up IE6 PNG Support */
img, #logo { behavior: url(scripts/iepngfix.htc); 
}

/* Color-Styles */


/* Red */

body#red #main {
	background: #CFCBCA url(images/background_red_slice.jpg) repeat-x;
}

body#red #main .container {
	background: url(images/background_red.jpg) no-repeat;
}

body#red #logo {
	background: url(images/logo_red.png) no-repeat;
}

/* Yellow */

body#yellow #main {
	background: #CFCBCA url(images/background_yellow_slice.jpg) repeat-x;
}
body#yellow #main .container {
	background: url(images/background_yellow.jpg) no-repeat;
}
body#yellow #logo {
	background: url(images/logo_yellow.png) no-repeat;
}

/* Purple */

body#purple #main {
	background: #CFCBCA url(images/background_purple_slice.jpg) repeat-x;
}

body#purple #main .container {
	background: url(images/background_purple.jpg) no-repeat;
}

body#purple #logo {
	background: url(images/logo_purple.png) no-repeat;
}

/* Green */

body#green #main {
	background: #CFCBCA url(images/background_green_slice.jpg) repeat-x;
}

body#green #main .container {
	background: url(images/background_green.jpg) no-repeat;
}

body#green #logo {
	background:url(images/logo_green.png) no-repeat;
}

/* End */