/*  
Theme Name: Diabolique Fountain
Description: The Diabolique Fountain wordpress theme is a wonderful choice for your blog. Left sidebar 100% widgetized (unlimited number of boxes), dropdown menu, threaded comments. Compatible with all popular browsers: IE6, IE7, IE8, Opera, Safari, FF, Chrome, Netscape 9.0... More informations you can find here www.diaboliquedesign.com/diaboliquefountain/
Author: Diabolique Design
Theme URI: http://www.diaboliquedesign.com/diaboliquefountain/
Author URL: http://www.diaboliquedesign.com/
Version: 1.4.4
Tags: black, white, dark, two-columns, fixed-width
Align classes: .aligncenter  */

body { 
margin:0;
padding:0; 
background: #000000; 
width: 100%;
}

#wrapper-top {
margin-top: 0px;
background: transparent;
}  


img { border: none; margin:5px;}


ul { 

}


a {
color: #FFF;
text-decoration: none;
}

a:hover {
color: #5c5c5c;
text-decoration: none;
}


li {
list-style-type: none;
}


h1 {
font-size: 28pt;
color: #d9d9d9;
margin:0;
overflow:hidden;
padding:0;
font-weight: 300;
}

h2 {
font-size: 19pt;
color: white;
margin:0;
overflow:hidden;
padding:0;
}

.result h2 {
color: white;
}

h3 {
font-size: 17pt;
color: #b9b9b9;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 300;
}

h4 {
font-size: 13pt;
color: #000000;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 300;
}

h5 {
font-size: 10pt;
color: #000000;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 300;
}

h6 {
font-size: 8pt;
color: #000000;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

ul .children li {
border: none;
}

#container {
width: 1090px; margin: 0 auto;
}

#header {
width: 1090px; height: 156px;background:url(img/header.jpg) no-repeat;border-bottom:15px #ffd005 solid;
}

#header-home {
width:1090px; height:535px;border:0;
}

#logo {
width: 300px; height: 1px;
margin-left: 5px;
margin-top: 0px;
margin-right: 70px;
}


#rss {
float: right;
margin-right: 0px;
margin-top: 90px;
}

#search INPUT {
float: right;
margin-top: 0px;
margin-right: 100px;
background: #1b1b1b;
width: 170px; height: 10px;
border: 1px solid #626262;
color: #626262;
font-family: verdana, ms sans serif;
font-size: 7pt;
-moz-border-radius: 15px;
-webkit-border-radius: 15px; /* Safari, Chrome */
border-radius: 15px; /* CSS3 */
}


#menu { 
width: 1090px;
border-top: 8px solid #150039;
font-family: verdana, ms sans serif;
font-weight: 300;
background:#b36c00;
height:45px;
}

#menu-home { 
width: 1090px;
border-top: 1px solid #fff;
font-family: verdana, ms sans serif;
font-weight: 300;
background:#b36c00;
height:45px;
}

#menu, #menu ul, #menu-home, #menu-home ul {
list-style:none;
padding:0;	
margin:0;
}

#menu li, #menu-home li {
font-size: 13pt;
float:left;
position:relative;
line-height: 1em;
padding: 13px 2px;
}

#menu li ul, #menu-home li ul {
position:absolute;
margin-top:0em;
margin-left:.5em;
display:none;
}


#menu ul li ul, #menu-home ul li ul {
margin-top:-0.7em;
background-color: #222222;
width: 10em;
border: 1px solid #333333;
z-index: 2;
}

#menu ul li ul li, #menu-home ul li ul li {
padding: 9px 10px 0px 5px;
width: 15.3em;
display:block;
height: 2em;
font-size: 0.6em;
border-bottom: 1px solid #333333;
}

#menu ul li ul li a, #menu-home ul li ul li a {
font-size: 1.4em;
}

#menu ul li ul li ul, #menu-home ul li ul li ul {
display:none;
border: 0px solid #333333;
}

#menu ul li ul li ul li, #menu-home ul li ul li ul li {
display:none;
border: 0px solid #333333;
}

#menu a, #menu-home a {
display:block;
color:#fff;
text-decoration:none;
padding:0 10px;
}

#menu ul li ul li a, #menu-home ul li ul li a {
display:block;
color:#d3d3d3;
text-decoration:none;
padding:0 10px;
}

#menu a:hover, #menu-home a:hover {
background-color: #5b5b5b;
color:#ffffff;
}
#menu ul<#menu-home ul {
	
}
#menu ul a, #menu-home ul a {
border-right:none;
}
/* SHOW SUBMENU 1 */
#menu li:hover ul, #menu li.over ul {
display:block;
}
#menu li:hover ul ul, #menu li.over ul ul {
display:none;
}

small { 
font: 7pt Verdana, Arial, sans-serif;
color: #6e6e6e;	
}


#general {
width: 1090px;
margin-top: -1px;
float:left;
}   

#sidebar {
padding: 10px 0px 0px 0px;
float: left;
width: 200px;
display:none;
}

.sidebar-box {
margin-top: 20px;
margin-left: 0px;
padding: 0px 0px 20px 0px;
width: 180px; height: auto;
font: 10pt Verdana, Arial, sans-serif;
color: #767676;
background: white;
background-image: url("img/bg-sidebar.png");
background-repeat: repeat-y;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; /* Safari, Chrome */
border-radius: 3px; /* CSS3 */
border: 1px solid #333333;
}

.sidebar-box h3 {
font-size: 22pt;
padding: 10px 0px 10px 10px;
color: #a1a1a1;
background: #272727;
font-weight: 300;
}

.sidebar-box p {
padding: 10px;

}

#sidebar ul {
width: 150px;
}

.sidebar-box li {
padding: 0px 0px 5px 0px;
margin-left: 10px; 
margin-top: 5px; 
font: 10pt Verdana, Arial, sans-serif;
color: #636363;
border-bottom: 1px dotted #909090;
}


#content {
width: 1090px;
padding: 0;
font: 10pt Verdana, Arial, sans-serif;
color: #fff;
float: left;
background:#ffd005;
margin-top:-20px;
}

.archive {
background: #272727; 
color: #ebebeb;
padding: 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 5px; /* CSS3 */
}

.post {
width: 1020px;
margin: 15px 25px;
padding: 10px 10px 10px 10px;
background: #150039 url(img/post-bg.jpg) no-repeat; 
min-height:325px;
}


.post h2 {
background:none repeat scroll 0 0 transparent;
border-bottom:2px solid #FFFFFF;
color:#EBEBEB;
font-size:20pt;
font-weight:300;
padding:5px;
margin-bottom:10px;
}

.post h2 a { 
color: #ebebeb;
font-weight: 300;
font-size: 28pt;
}

.post h6 a {
background: #272727; 
color: #ebebeb;
padding: 5px;
font-weight: 300;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 5px; /* CSS3 */
}

.clear {
clear: both;
}


.post-title {
font: 22pt Verdana, Arial, sans-serif;
z-index: 0;
}

.text {
width: 100%;
float: left;
padding: 0px;
overflow: hidden;
}

.text h3 { 
color: #222222;
padding: 3px 3px 3px 3px;
}

.text h3 a { 
color: #222222;
}

.subtext li { 
list-style-type: circle;
}

.subtext h1 {
font-size: 28pt;
color: #000000;
margin:0;
overflow:hidden;
padding:0;
font-weight: 300;
}

.subtext h2 {
font-size: 19pt;
background: none;
border: none;
color: #000000;
margin:0;
overflow:hidden;
padding:0;
}


.subtext h3 {
font-size: 17pt;
color: #000000;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 300;
}

.subtext h4 {
font-size: 13pt;
color: #000000;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 300;
}

.subtext h5 {
font-size: 10pt;
color: #000000;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 300;
}

.subtext 
h6 {
font-size: 8pt;
color: #000000;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
}


.more-link {
padding: 5px;
margin-top: 0px;
}

.info {
width: 100px;
float: right;
border-right: 1px solid #646464;
border-bottom: 1px solid #646464;
border-top: 1px solid #646464;
font: 7pt Verdana, Arial, sans-serif;
text-align: left;
padding: 15px 5px 10px 10px;
background: black; 
color: white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 1px; /* CSS3 */
}

.info img {
border: 1px solid #ffffff;
background-color: #000000;
}

.info a {
font-weight: bold;
}

.info h3 { 
color: #ffffff;
}

.info h2 {
background: none; 
margin-top: 0px;
}

.info h4, h5 {
color: white;
padding: 1px 1px 1px 1px;
width: 87px;
}

.date {
font: 9pt Arial, Verdana, sans-serif;
color: white;
}

.time {
font-size: 15pt;
color: white;
padding: 5px 0px 0px 0px;
}

.white {
font: 14pt Arial, Verdana, sans-serif;
background: #272727; 
color: #ffffff;
padding: 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 5px; /* CSS3 */
}

p.postmetadata {
color: #3a3a3a;
font: 14pt Arial, Verdana, sans-serif;
}  


.commentlist {
padding: 5px 5px 5px 5px;
}

.commentlist img {
border: 1px solid #000000;
padding: 3px 3px 3px 3px;
background-color: #dddddd;
}

.commentlist p {
padding: 5px 5px 5px 5px;
border: 1px solid #999999;
color: #666666;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 1px; /* CSS3 */
}

.commentlist ul.children {
margin-left: 5px;
}


#fields INPUT {
padding: 0px 5px 0px 5px;
background: white;
border: 1px solid #626262;
-moz-border-radius: 15px;
-webkit-border-radius: 15px; /* Safari, Chrome */
border-radius: 15px; /* CSS3 */
}



.comment-body {
font: 8pt Verdana, Arial, sans-serif; 
margin-top: 40px;
}

.comment-body a {
font: 8pt Verdana, Arial, sans-serif; 
}

.reply a {
font-size: 10pt;
color: #adadad;
border: 1px solid #adadad;
padding: 5px;
font-weight: 300;
}

cite.fn {
font-size: 15pt;
}

cite.fn a {
font-size: 15pt;
}

textarea {
overflow: auto;
}


#xfoot {
min-height: 200px;
width: 100%;
margin:0px;
padding: 0px 0px 0px 0px;
color: #fff;
float:left;
}

#xfoot h2 {
overflow:hidden;
padding: 0px 0px 10px 0px;
color: #fff;
font-weight: bold;
font-family:'Times New Roman',serif !important;
}

#xfoot a {
color: #fff;
}

#xfoot-home {
min-height: 200px;
width: 100%;
margin-top:-21px;
padding: 0px 0px 0px 0px;
color: #fff;
float:left;
}

#xfoot-home h2 {
overflow:hidden;
padding: 0px 0px 10px 0px;
color: #fff;
font-weight: bold;
font-family:'Times New Roman',serif !important;
}

#xfoot-home a {
color: #fff;
}

#higher-foot {
width: 1090px; 
height: auto;
margin: 0 auto;
font: 15px Verdana, Arial, sans-serif;
font-weight: 400;
border-top:5px solid #b36c00;
background: transparent url(img/xfoot-bg.jpg) repeat-x;
}

.no-arrow {
float:left;
margin:0;
padding:10px;
width:168px;
height:130px;
}
.arrow {
float:left;
margin:0;
padding:10px 10px 10px 90px;
width:175px;
height:130px;
background:url(img/arrow.png) no-repeat;
}

.arrow-first-family {
float:left;
margin:0;
padding:10px 10px 10px 90px;
width:221px;
height:130px;
background:url(img/arrow-family.png) no-repeat;
}
.no-arrow-home {
float:left;
margin-top:-14px;
padding:10px;
width:168px;
height:130px;
}
.arrow-home {
float:left;
margin-top:-14px;
padding:10px 10px 10px 90px;
width:175px;
height:130px;
background:url(img/arrow.png) no-repeat;
}

.arrow-first-family-home {
float:left;
margin-top:-14px;
padding:10px 10px 10px 90px;
width:221px;
height:130px;
background:url(img/arrow-family.png) no-repeat;
}


#footer { 
margin: 15px auto 0px;
padding: 0px 0px 0px 0px;
font: 7pt Verdana, Arial, sans-serif;
color: #ababab;
text-align: center;
width:1090px;
}

.half {float:left;width:50%;}

.clr {clear:both;}
.ministries-dept {background: transparent url(http://stjamescmbc.org/wp-content/uploads/2010/05/chart1.png) no-repeat;height:605px;width:984px;text-align:center;}
.dept-jesus {border:0;margin-right:10px;padding:10px 0;}
.dept-pastor {border:0;padding-top:35px;}
.dept-deacons {border:0;width:223px;margin-top:20px;float:left;}
.dept-church-admin {border:0;float:left;width:239px;margin:47px 0 0 145px;}
.dept-exec-comm {border:0;float:left;width:223px;margin:23px 0 0 86px;}
.dept-cpa{border:0;float:right;width:158px;margin:10px 100px 0 0;}
.dept-admin-staff {border:0;float:left;width:220px;margin-top:20px;}
.dept-bookstore {border:0;float:left;margin-left: 255px; width: 150px; margin-top: 52px;}
.dept-budget-comm {border:0;float:left;width:159px;margin:42px 0 0 14px;}
.dept-united {border:0;float:left;width: 159px; margin-top: 43px; margin-left: 21px;}
.dept-worship {border:0;float:right;width: 160px; margin-right: 100px; margin-top: 38px;}
.dept-adult {border:0;float:left;margin-top: 70px; font-size: 12px; margin-left: 10px; width: 179px;}
.dept-edu {border:0;float:left;margin-left: 18px; width: 178px; margin-top: 70px; font-size: 12px;}
.dept-music {border:0;float:left;width: 178px; margin-left: 18px; font-size: 11px; margin-top: 65px;}
.dept-youth {border:0;float:left;margin-left: 17px; width: 177px; margin-top: 70px; font-size: 12px;}
.dept-operations {border:0;float:left;margin-left: 20px; width: 178px; margin-top: 70px; font-size: 12px;}

/* Calendar */
.day-with-date, .day-without-date {background: #E4EBE3;}
.calendar-table tr, .calendar-table td, .calendar-table td .calendar-prev a, .calendar-table td .calendar-next a {color:#000 !important;}

.slideshow-nav {display:none;}
#header-home {background: url(../../uploads/2010/06/header.jpg);height:160px;}

#content .colleft {float:left;width:auto;}
#content .colright {float:left;width:auto;margin-left:30px;}

.left {float:left;width:50%;}
.right{float:right;width:50%;}
#footer .right{text-align:right;}
#footer .right img {vertical-align:middle;margin-right:20px;}
#content .info {display:none;}
.underline {text-decoration:underline;}