/*
Theme Name:		JesusBeWithUs
Theme URI:		http://jesusbewith.us
Description:	A theme for news & magazine websites run using WordPress. 
Version:		1.0 
Author:			Ben Fisher
Author URI:		http://jesusbewith.us
*/

/* Typography */
body {font-family:Georgia,Times New Roman,Times,serif; line-height:1.6em; text-align:left;}
h1 {font-size:197%; font-weight:bold; line-height:1em; margin-bottom:10px; }
h1.home {font-size:189%; font-weight:bold; line-height:1em; letter-spacing: -0.03em; margin-bottom:20px; }
h2 {font-size:146.5%; line-height:1em; margin-bottom:5px;font-weight:bold;}
h3 {font-size:131%; line-height:1em;margin-bottom:5px;font-weight:bold;}
h3.summary {font-size:131%; line-height:1em;margin-bottom:5px;}
h3.comment {font-weight:bold; margin-bottom:15px;}
h4 {font-size:108%; line-height:1em; margin-bottom:5px; font-weight:bold;}
h4.sectionheaders {font-family:Helvetica; font-weight:bold; text-transform:uppercase; font-size:108%; line-height:1em; margin:0 0 0 0;}
h4.widgetheaders {font-family: Helvetica; font-weight: bold; text-transform: uppercase; font-size: 108%; line-height: 1em; margin: 0 0 3px -3px; }
strong {font-weight:bold;}
em {font-style:italic;}



a:link {text-decoration: none; }
a:hover {text-decoration: underline; }
a:visited {text-decoration: none; }
p {margin-bottom:1em;}

.date {font-weight:bold; padding: 82px 0 0 14px; text-align:center;}
.caption {font-style:italic; padding-bottom:4px;}
.byline {font-size:85%; line-height:1.2em; padding-bottom:4px;}
.bannertext:first-letter {font-size:400%; color:#666666; float:left; font-weight:normal; padding: 5px 0 0 0; }
.commentcount {float:right; padding: 12px 25px 0px 0px; font-size:24px; color:#fff; }
.video-news {font-family: arial; font-weight: normal; text-transform: capitalize; font-size: 108%; line-height: 1.2em; margin: 0 0 0 0;  }
.headline-news {font-family: arial; font-weight: normal; text-transform: capitalize; font-size: 108%; line-height: 1.2em; margin: 0 5px 3px 0px; padding-top:5px;}
.headline-news ul li {list-style-type: disc; margin: 0px 0px 3px 20px;}
.headline-news p {border-bottom: 1px dotted;margin: 0 0 3px 5px;}
.headline-news img {border-style: solid; border:medium; margin: 0 0 3px 5px;}
.headline-news div {border-style: solid; border:medium; margin: 0 0 3px 5px;}

/* I added list-style-position: outside; margin-left: 10px */
ul li { list-style-type: disc; list-style-position: inside; margin-left: 15px; }
ol li { list-style-type: decimal; list-style-position: inside;} 


/* layout */
#bd {margin-left:5px;}
#headline-news-item {padding-bottom:5px; margin-bottom:5px; border-bottom: 1px dotted; font-family:arial;} 
#hd {width:974px; height:100px; padding-bottom:10px;}
#hd-left {width:630px; float:left; background:#ffffff url(images/JBWULogo_Small.JPG) no-repeat;}
#hd-right {float: right;} 
#ft {height:35px; font-size:90%; margin-top:10px; padding: 5px 5px 0 0; background:#666666; color:#fff; text-align:right;}
#bannerad {text-align:center; }
#toppanel {background:#ffffff url(images/bannerpanelbg.gif);}
#bottompanel {margin-top:30px; background:#ffffff url(images/bottompanelbg.gif);}
#singlepanel { background:#ffffff url(images/singlebg.gif);}
/* old #banner {border-top:#6083b3 5px solid; padding-top:5px; } */
#banner  {padding-top:5px; } 
#recentfeatures {border-top:#6083b3 5px solid; padding-top:10px; padding-left: 10px; border-left: 1px dotted;}
.colitem {padding-bottom:5px; margin-bottom:5px; border-bottom: 1px dotted; }
#widgetcolumn-top {padding-top:5px; padding-left: 10px; border-left: 1px dotted;}
.colitem {padding-bottom:5px; margin-bottom:5px; border-bottom: 1px dotted; }
.curlycontainer{ border: 1px solid #b8b8b8; margin-bottom: 1em; width: 100%; }
.curlycontainer .innerdiv{ background: transparent url(images/brcorner.gif) bottom right no-repeat; position: relative; left: 2px; top: 2px; padding: 1px 4px 15px 5px; font-family:arial; }
#widgetcolumn {border-top:#6083b3 5px solid; padding-top:5px; }
.colitem {padding-bottom:5px; margin-bottom:5px; border-bottom: 1px dotted; }
.curlycontainer{ border: 1px solid #b8b8b8; margin-bottom: 1em; width: 100%; }
.curlycontainer .innerdiv{ background: transparent url(images/brcorner.gif) bottom right no-repeat; position: relative; left: 2px; top: 2px; padding: 1px 4px 15px 5px; font-family:arial; }

/* Top borders */
.topwhite {border-top:#FFFFFF 5px solid; padding-top:5px; }


.topdarkblue {border-top:#6083b3 5px solid; padding-top:5px; }
.toplightblue {border-top:#89bbff 5px solid; padding-top:5px; }
.topyellow {border-top: #FFCC00 5px solid; padding-top: 5px; }
.topbrown {border-top:#b39e60 5px solid; padding-top:5px; }

/* Header menu from Dynamic Drive.com */
#invertedtabs{ margin-left: 4px; padding: 0; width: 100%; background: transparent; padding-left: 5px; }
#invertedtabs ul{ font: bold 11px Arial, Verdana, sans-serif; margin:0; margin-bottom: 2em; /*margin between menu and rest of content*/ padding:0; list-style:none; }
#invertedtabs li{ display:inline; margin:0 2px 0 0; padding:0; text-transform: uppercase; line-height: 1.5em; }
#invertedtabs a{ float:left; color: white; background: #6083b3 url(images/color_tabs_left2.gif) no-repeat left bottom; margin:0 2px 0 0; padding:0 0 0 3px; text-decoration:none; letter-spacing: 1px; }
#invertedtabs a span{ float:left; display:block; background: transparent url(images/color_tabs_right2.gif) no-repeat right bottom; padding:3px 9px 3px 6px; }
#invertedtabs a span{ float:none; }
#invertedtabs a:hover{ color: #000; background-color: #C4DDFE; }
#invertedtabs a:hover span{ color: #000; background-color: #C4DDFE; }
#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/ color: #000; background-color: #C4DDFE; }
#invertedtabsline{ clear: both; padding: 0; width: 100%; height: 8px; line-height: 8px; background: #6083b3; }

#ddcolortabs{ margin-left: 4px;  padding: 5px 0px 0px 5px; width: 100%; background: transparent;}
#ddcolortabs ul{font: bold 11px Arial, Verdana, sans-serif; margin:0; padding:0; list-style:none;}
#ddcolortabs li{display:inline; margin:0 2px 0 0; padding:0; text-transform:uppercase;}
#ddcolortabs a{float:left; color: white; background: #6083b3 url(media/color_tabs_left.gif) no-repeat left top; margin:0 2px 0 0; padding:0 0 1px 3px; text-decoration:none; letter-spacing: 1px;}
#ddcolortabs a span{float:left; display:block; background: transparent url(media/color_tabs_right.gif) no-repeat right top; padding:4px 9px 2px 6px;}
#ddcolortabs a span{float:none;}
#ddcolortabs a:hover{background-color: #445C7D;}
#ddcolortabs a:hover span{background-color: #445C7D;}
#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #445C7D;}
#ddcolortabsline{clear: both; padding: 0; width: 100%; height: 8px; line-height: 8px; background: #6083b3; border-top: 1px solid #fff;}

/* Comments */
ol.commentlist { width: 90%; margin: 0 auto; }
ol.commentlist li { margin-bottom: 1.5em; background-color:#9da6ba; padding: 10px; }
ol.commentlist li.alt { background-color: #8093ba; }
small.commentmetadata { font-size: 85%; margin-bottom: 1em; display: block; }

/* Search Form */
#searchform {margin: 10px auto; padding: 5px 3px; text-align: center; }
#searchform #s {width: 108px; padding: 2px;	}
#searchsubmit {padding: 1px; }

/* Photo Captions */
.largecaptionleft { float: left; width: 500px; margin: 5px; padding: 5px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black; }
.largecaptionright { float: left; width: 500px; margin: 5px; padding: 5px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black;}
.smallcaptionleft { float: left; width: 250px; margin: 5px; padding: 5px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black; }
.smallcaptionright { float: right; margin: 5px; padding: 5px; width: 250px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black; }

/***
 ***  EVENT Calendar CSS
 ***/

#wp-calendar table {
 width:100%;
}

#wp-calendar #prev {
  text-align:left;
}

#wp-calendar #next {
  text-align:right;
}

.ec3_eventday a {
 color:#a00 !IMPORTANT;
}

#wp-calendar table td,
#wp-calendar table th {
  text-align:center;
}

#wp-calendar table td,
#wp-calendar table td.pad:hover,
#wp-calendar table.nav tr td {
 padding:1px;
 border:none;

}

#wp-calendar table td:hover,
#wp-calendar table #today {
 padding:0px;
 border:solid 1px #999;

}

/* The EC graphic. */
.ec3_ec {
 display:block;
 float:right;
 border:none;
 width:13px;
 height:9px;
}
.ec3_ec span { display:none }


/***
 ***  Popup
 ***/

.ec3_popup {
 margin:0 !IMPORTANT;
 padding:0 !IMPORTANT;
 border:none;
 position:absolute;
 border-collapse:collapse;
 filter:alpha(opacity=87);
 -moz-opacity:.87;
 opacity:.87;
 z-index:30000;
}

.ec3_popup td {
 padding:0;
}

.ec3_popup table {
 border:solid #999 1px;        /* popup border */
 background-color:#eeb;        /* popup background colour */
 font-size:x-small;            /* popup font size */
 color:black;
 text-align:left;
}

.ec3_popup table td {
 padding:1.5px 3px 1.5px 3px;
}

#ec3_shadow0 div { width:8px; height:32px; }
#ec3_shadow0 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom right;
 vertical-align:bottom;
}

#ec3_shadow1 {
 margin:0;
 padding:0;
 border:none;
 height:16px;
 background-repeat:repeat-x;
}

#ec3_shadow2 div { width:8px; height:32px; }

#ec3_shadow2 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom left;
 vertical-align:bottom;
}

/***
 ***  Event list
 ***/

.ec3_list {
 margin-left:15px;
 word-spacing:-1px;
 letter-spacing:-0.2px;
 color:#800;
}

.ec3_list li {
 font-size:1em !IMPORTANT;
}

.ec3_list li:before {
 content:"" !IMPORTANT;
}

/***
 ***  Schedule
 ***/

table.ec3_schedule {
 border-collapse:collapse;
 margin:0.5ex 1ex 0.5ex 0;
 border:solid 1px #800;
 float:left;
}

table.ec3_schedule td {
 padding:0 0.5ex 0 0.5ex;
 color:#800;
}


/***
 ***  END EVENT Calendar CSS
 ***/