/*  
Theme Name: FEBC Theme
Theme URI: http://www.febcministries.org/
Description: Redesign of Ocean Mist 1.2<br /> This release fixes some minor bugs with smileys and embedding videos into a post.<br />By default posts are now displayed in the wider format and pages are listed across the top as tabs.
Version: 1.2
Author: Marc Boeker
Author URI: http://www.boekerman.com/
*/


/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {position: relative; background: url(images/bg_body.gif) top left repeat-x #999999; font: 70% Verdana, 
Arial, Helvetica, sans-serif; color: #000000; text-align: center;}
#page {display: block; width: 750px; background: url(images/bg_main.gif) top repeat-y; text-align: left; margin: 0 auto;}
#header {position: relative; float: left; display: block; width: 750px; background: url(images/bg_header_logo.gif) top no-repeat; min-height: 150px; padding: 0;}
* html #header {height: 150px;}
#content {float: left; display: block; width: 543px; margin: 0 0 0 7px;}
#sidebar {float: left; display: block; width: 193px; margin: 0;}
* html #content, * html #sidebar {position: relative; left: -7px;}
.post {float: left; display: block; width: 525px; margin: 0 0 0 18px;}
.page {float: left; display: block; width: 507px; margin: 0 0 0 18px;}
.archive {float: left; display: block; width: 507px; margin: 0 0 18px 18px; border-bottom: 1px solid #ccc;}
#sidebar .post {display: block; width: 157px; margin: 0 0 0 18px;}
.title {float: left; display: block; width: 543px; background: #cccccc; margin: 0 0 18px 0;}
#sidebar .title {float: left; display: block; width: 193px; background: none; margin: 0 0 2px 0;}
.entry {float: right; display: block; width: 350px; margin: 0;}
.postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;}
.wideposts .entry {float: left; display: block; width: 525px; margin: 0 0 18px 5px;}
.wideposts .postinfo {float: left; display: block; width: 525px; margin: 0 0 18px 0;}
.archive .postinfo {margin-left: 0;}
.archive .entry {margin-right: -24px;}
* html .post, * html #sidebar .post, * html .archive  {margin-left: 0; position: relative; left: 18px;}
p img {float: left; margin: 0 18px 12px 0;}
p img.wp-smiley {float: none; margin: 0;}
embed {float: left; margin: 0 18px 12px 0;}
img {border:0;}
#efc {width:150px; text-align:center; margin:20px auto 10px;}
.topmenu {
	background: none;
	height: 0px;
	font-size: 90%;
	margin: 0px auto; padding: 0;
	border-bottom: 0px solid #333;
	color: #888;
        width: 740px;
        float: left;
        clear: both;
}
* html .topmenu {
	background: none;
	height: 26px;
	font-size: 90%;
	margin: 0px auto; padding: 0;
	border-bottom: 0px solid #333;
	color: #888;
        width: 740px;
        float: left;
        clear: both;
}
	.topmenu .right_ {
		float: right;
		text-align: right;
		margin: 0;
		padding: 5px 0 0 0;
		color: #888;
		border: 0px;
	}
	
	.topmenu a, .topmenu a:visited { color: #888; }
	.topmenu a:hover { color: #fff; }
	
	.topmenu .date_ { float: left; color: #888; padding: 5px 0 0 5px; }
/* typography */
h1 {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
.description {color: #CADFED; margin: 10px 37px 25px 37px; font-size: 12px;}
.title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
#content .postwrapper .title h2 {font: 1.4em Arial, Helvetica, sans-serif; text-transform: none; background: url(images/icon_entry.gif) 24px 50% no-repeat; padding: 9px 100px 12px 42px;}
#sidebar .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: none; color: #32474B;}
.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}
h2 a, h2 a:visited {}
#content .page h2 {font: 1.8em Helvetica, Arial, sans-serif; color: #3d4246; margin-bottom: 10px;}
.bluetext {color: #6699cc;}

h3 {font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0; color:#6699cc;}
p {margin: 0 0 10px 0; padding: 0;}
.entry p {padding-right: 24px;}
.postinfo p {padding: 0 6px;}
.req {padding-left: 3px; color: #CC0000;}
blockquote {margin: 0px 0px 0px 20px; padding: 0 0 0 10px; border-left: 3px solid #ccc;}
dt {margin:10px 0px 3px; color:#336699;}
dd {margin: 0px 20px 0px 0px;}

/* lists */
ul, dl {margin: 0 0 24px 9px;}
ol {margin: 0 0 24px 9px;}
ul li, dl dt dd{margin: 0 24px 0 14px;}
ol li {margin: 0 24px 0 14px;}
dl lh {font-weight: bold; font-size:120%;}
/* end lists */

/* buttons */
.buttons, .children {
	float: left;
	display: block;
	width: 100%;
	list-style: none;
	margin: 0 0 21px 0;
}
.children {
	margin: 0 0 15px 19px;
}
*:first-child+html .buttons, *:first-child+html .children {float: none;}
.buttons li, .children li {
	float: left;
	margin: 0 18px 3px 0;
	padding: 0;
	list-style: url(none) none;
}
.buttons ul, #sidebar ul .children {
	margin: 3px 0 0 0; list-style: url(none) none; padding-bottom: -5px;
}
.buttons ul a, .buttons ul a:visited, #sidebar ul .children a, #sidebar ul .children a:visited {
	padding: 3px 6px 4px 6px;
	font-weight: normal;
	list-style: url(none) none;
}
* html .buttons li, * html .children li {
	margin: 0;
}
.buttons a, .buttons a:visited, .children a, .children a:visited {
	display: block;
	width: 145px;
	padding: 6px;
	text-align: left;
	background: url(images/menu.gif) bottom left no-repeat;
	border-top: 1px solid #D1E0F0;
	font-weight: normal;}
#sidebar .buttons a, #sidebar .children a {text-align: left;}
.buttons a:hover, .children a:hover{
	background-position: bottom right;
}
.children li ul a, .children li ul a:visited {
	background: url(none) bottom left no-repeat;
	border-top: 0px;
	padding: 2px;
	list-style: disc;
}
.children li ul a:hover, .children li ul a:active{
	color: #000;
}
p.pages {flont-weight: bold;}
p.pages a {display: block; padding: 3px; width: auto; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; border-right: 1px solid #D1E0F0;}
.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
*:first-child+html .catlist {border-bottom: 18px solid #fff;}
.catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}
* html .onecol li {margin: 0;}
.catlist ul {display: none;}
.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}
.onecol li:first-child+li, .onecol li:first-child+li+li {border-top: none;}
*:first-child+html .onecol {border-bottom: 0;}
.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
.catlist a:hover {background: #F2F2F2;}
#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}
#sidelist {list-style: none;}
#sidelist li {margin: 0;}
#sidelist li li {margin: 0 24px 0 8px;}
#sidelist ul {list-style-type: disc; }


/* links */
a, a:visited {color: #7f1d1d; text-decoration: none;}
p a:hover, ul a:hover, dl lh a:hover, ul a:hover {background-color: #BFD3E0;}
#content p a:hover, #content ul a:hover {background-color: #E2EBF8;}
h3 a, h3 a:visited {color: #6699cc; text-decoration: none;}
h3 a:hover {background-color: #E2EBF8;}

/* main image */
#mainpic {position: absolute; bottom: 0; background: #5A616B; float: left; display: block; width: 736px; height: 25px; margin: 0 7px; border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;}


/* forms */
form {margin: 30px 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 308px; font: 1em Verdana, Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}


/* calendar */
#wp-calendar caption {width: 157px; text-align: center; background: #4b5d67; color: #fff; border-bottom: 2px solid #e6eef7;}
#wp-calendar { border-collapse:collapse; width: 155px; text-align: center;}
#wp-calendar thead tr {background: url(images/cal_bkg.gif) bottom right no-repeat;}
#wp-calendar thead th {background: url(images/cal_single.gif) top left no-repeat;}
#wp-calendar tbody td {background: url(images/cal_single2.gif) top left no-repeat; padding: 2px 0;}
#wp-calendar #today {background: url(images/cal_single_today.gif) top left no-repeat; color: #000;}
#wp-calendar tbody .pad { background: url(images/cal_pad.gif) top left no-repeat;}
#wp-calendar a {padding: 2px 0; font-weight: bold;}
#wp-calendar tfoot td {padding: 3px 0; background: url(images/cal_pad.gif) top left no-repeat;}
#wp-calendar #next {text-align: right; padding-right: 10px;}
#calendar_wrap {display: block; width: 156px; background: url(images/cal_bkg.gif) bottom right no-repeat; padding: 0 1px 1px 0; margin: 0 0 18px 0;}

/* page tabs */
#pagetabs {position: absolute; bottom: 3px; left: 1px; display: block; float: left; padding: 0; margin: 0 0 0 25px; list-style: none;}
#pagetabs ul {display: none;}
#pagetabs li {float: left; border-bottom: 1px solid #414e53; margin: 0 5px 0 0; padding: 0;}
#pagetabs li:hover {border-bottom: 1px solid #486065;}
#pagetabs a {float: left; display: block; padding: 5px 5px 3px 5px; background: #336699; color: #fff; font-weight: bold; border-bottom: 0px solid #003333;}
#pagetabs a:hover {background: #6699cc; border-bottom: 0px solid #003333; color: #fff;}
.pagetabstitle {border-bottom: none !important; color: #fff; font-weight: bold; position: relative; top: 4px;}

/* footer */
#footer {clear: both; display: block; width: 750px; background: url(images/bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #999999; text-align: center;}
* html #footer {margin-top: 18px;}
#footer-top {display: block; width: 750px; height: 15px; background: url(images/bg_footer-top.gif) top no-repeat;}
#footer p {color: #798892; padding: 0 230px 7px 37px;}
#footer a, #footer a:visited {color: #B05255;}
#copyright {color: #666666; margin: -10px auto 0;}

/* wpaudio */
ul.graphic li a, ul.graphic li a.sm2_link
{
display: inline-block;
min-height: 16px;
vertical-align: middle;
background-color: #778899;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 25px;
min-width: 19em;
text-decoration: none;
font-weight: normal;
color: #f6f9ff;
}
ul.graphic li a, ul.graphic li a.sm2_paused:hover, ul.graphic li a.sm2_link:hover
background-image: url("../image/icon_play.png");
background-position: 3px 50%;
background-repeat: no-repeat;
}
ul.graphic li a, ul.graphic li a.sm2_link
{
display: inline-block;
min-height: 16px;
vertical-align: middle;
background-color: #778899;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 25px;
min-width: 19em;
text-decoration: none;
font-weight: normal;
color: #f6f9ff;
}
ul.graphic li a.sm2_link
{
}
ul.graphic li a, ul.graphic li a.sm2_paused:hover, ul.graphic li a.sm2_link:hover
{
background-image: url("../image/icon_play.png");
background-position: 3px 50%;
background-repeat: no-repeat;
}
ul.graphic li a.sm2_link:hover
{
background-color: #445566;
color: #ffffff;
}