/*  
Theme Name: Family Missions Company
Theme URI: http://familymissionsco.com
Description: This is a custom designed WordPress theme for Family Missions Company designed by <a href="http://www.crucedesign.com/" target="_blank">Cruc&eacute; Design, LLC</a>
Version: .5
Author: Daniel Kedinger, Cruc&eacute; Design, LLC
Author URI: http://crucedesign.com
*/

* {
	margin: 0;
	padding: 0;
	border: none;
}

a {
	color: #678D95;
}

html {
	font-size: 62.5%;
}

body {
	background-color: #FFFFFF;
	background-image: url(images/main-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
	width: 816px;
	margin-left: auto;
	margin-right: auto;
}
#container {
	width: 816px;
	text-align: left;
}

#header {
	width: 816px;
	height: 340px;
}

#header h1 {
	width: 816px;
	height: 340px;
	text-indent: -9999px;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#message {
	position: relative;
	background: none;
	float: left;
	width: 470px;
	padding-left: 40px;
	margin-bottom: 30px;
	color: #807d67;
}
#message p {
	margin-bottom: 10px;
	padding-right: 70px;
	font-size: 1.3em;
}
#content strong {
	color: #678d95;
}

#message .title {
	position: absolute;
	left: 300px;
}


#content-cont {
	clear: left;
	float: left;
	width: 627px;
	margin-top: -75px;
	padding-right: 15px;
}

#message .title  h2 {
	width: 250px;
	height: 30px;
	text-indent: -9999px;
	background-image: url(images/light-for-our-path.gif);
	background-repeat: no-repeat;
}

#content {
	float: left;
	width: 627px;
	min-height: 500px;
	font-size: 1.4em;
	color: #595656;
	background-image: url(images/content-bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding-right: 15px;
	overflow: hidden;
}

#content .meta {
	font-size: .9em;
	text-decoration: none;
	margin-bottom: 10px;
	text-align: right;
	text-transform: lowercase;
}

#content .postmetadata {
	text-align: left;
	font-size: .9em;
	text-decoration: none;
	margin: 10px 0 10px 0;
}

#content .meta a, #content .meta a:active, #content .meta a:visited {
	text-decoration: none;
}

#content .meta a:hover {
	text-decoration: underline;
}

#content p {
	margin-bottom: 20px;
}

#ssp {
	clear: both;
	height: 400px;
	margin-bottom: 10px;
	text-align: center;
}

.post {
	padding-right: 10px;
}

.entry {
	margin-top: 10px;
}

.entry h1, .entry h2, .entry h3  {margin-bottom: 10px; color: #678D95;}

.entry h1 {font-size: 1.8em;}
.entry h2 {font-size: 1.4em;}
.entry h3 {font-size: 1.2em;}
.entry h4 {font-size: 1em;}
.entry h5 {font-size: .8em;}
.entry h6 {font-size: 6em;}

.entry h4, .entry h5  {margin-bottom: 5px; color: #678D95;}

.entry p {
	text-align: justify;
} 

.entry a, .entry a:active, .entry a:visited {
	color: #678D95;
	text-decoration: none;
}

.entry a:hover {
	color: #678d95;
	text-decoration: underline;
}

.entry ol, .entry ul {
	margin: 0 0 20px 30px;
}

.time {
	text-align: left;
	font-size: .9em;
	text-decoration: none;
	margin-bottom: 10px;	
}

#donate .clear {
	clear: both;
}

#donate form {
	padding: 10px;
	width: 200px;
	border: solid 1px #E3E2E1;
	margin-bottom: 20px;
}

#donate .left {float: left; margin-left: 50px;}
#donate .right {float: left; margin-left: 75px;}

#donate h2 {
	margin-bottom: 10px;
}

#donate input {
	border: solid 1px #E3E2E1;
}

#donate input .button {
	cursor: pointer;
}

#sidebar {
	float: right;
	width: 165px;
	color: #C0D0D5;
	font-size: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sidebar ul {
	list-style-type: none;
}

#sidebar li {
	list-style-type: none;
	margin-bottom: 1px;
}

#nav a {
	color: #678d95;
	text-decoration: none;
}
#nav a:hover {
	color: #678d95;
	font-weight: bold;
	text-decoration: none;
}

#nav ul li.current_page_item a, #nav ul li.current_page_ancestor a{
	color: #678d95;
	font-weight: bold;
}

#nav ul li.current_page_item ul a, #nav ul li.current_page_ancestor ul a{
	color: #678d95;
	font-weight: normal;

}

#nav ul li.current_page_item ul a:hover, #nav ul li.current_page_ancestor ul a:hover{
	color:#678d95;
	font-weight: bold;

}


#nav ul li.page_folder ul li.current_page_item a{
	color:#678d95;
	font-weight: bold;

}

#nav ul li.page_folder ul li.current_page_item a:hover{
	color:#678d95;
}


#nav ul li ul{
	display:inline;
	padding:4px 0;

}

#nav ul li ul li{
	margin:0;

}

#nav ul li ul li a{
	padding:0 0 0 9px;

}

#nav ul li ul li ul li a{
	padding:0 0 0 13px;
	font-size: .8em;

}

#nav ul li ul li a:hover, #nav ul li ul li a.sub-active{

}

#news {
	float: left;
	width: 310px;
	height: 230px;
	overflow: auto;
	margin-left: 10px;
	border-right: solid 1px #fff;
	padding-right: 10px;
}
#news li {
	margin-left: 20px;
	margin-bottom: 10px;
}
#events {
	width: 260px;
	float: right;
	height: 230px;
	text-align: right;
	overflow: auto;
	padding-right: 10px;
}
#events li {
	list-style-type: none;
	margin-bottom: 10px;
}

#events .date {
	display: block;
	color: #678d95;
	font-weight: bold;
}

#events a {
	color: #666666;
	text-decoration: none;
}

#events a:hover {
	color: #666666;
	text-decoration: underline;
}

#info {
	background-color: #E3E2E1;
	width: 612px;
	height: 230px;
	color: #666666;
	padding-bottom: 10px;
}
#info h3 {
	color: #678d95;
	text-align: left;
	font-weight: bold;
	font-size: 1.3em;
	margin: 5px 0 10px 0;
	text-transform: uppercase;
}

#footer {
	position: relative;
	width: 666px;
	padding-right: 150px;
	clear: both;
	height: 116px;
	color: #595656;
	padding-top: 40px;
}

#footer a {
	color: #595656;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer-bg {
	width: 100%;
	bottom: 0;
	height: 230px;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#logo {
	position: absolute;
	top: 0px;
	left: 513px;
}
#footer ul{
	display: inline;
	margin-left: 30px;
}
#footer li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	padding-left: 4px;
	border-right: solid 1px #d3d3d3;
}

#footer li.end {
	border: none;
	margin-left: -2px;
}

#footer p {
	text-align: center;
}

.linklove {
	display: none;
	visibility: hidden;
}

.flashmovie {
	text-align: center;
	margin-bottom: 20px;
}