/*  
Theme Name: Williams Boulevard
Theme URI: http://www.sevenplacesproductions.com/
Description: Custom theme designed for Williams Boulevard Baptist Church in New Orleans by <a href="http://www.sevenplacesproductions.com/">Seven Places Productions</a>.
Version: 2.2
Author: Seven Places Productions
Author URI: http://www.sevenplacesproductions.com/
*/



body {margin:0 auto; text-align:center; background:#465b4a url(images/back-pattern2.jpg); font-family:Arial, Helvetica, sans-serif}
a {color:#000;}
a:hover {color:#344636;}

#body_page {width:100%;}

.topscroll {width:850px; height:25px; background:#000; color:#fff; overflow:hidden; font-size:12px; padding:0 0 6px 0; line-height:20px}
.topscroll a {color:#fff; text-decoration:none;}
.topscroll a:hover {color:#fc0;}

.topleft {width:485px; float:left; height:255px;}
.topleft img.logo {vertical-align:middle; margin:5px auto}
.topleft .upperlinks {width:485px; text-align:right; font-size:12px; padding:0}
.topleft .upperlinks ul {margin:0; padding:0; list-style:none; text-align:right}
.topleft .upperlinks li {display:inline; padding:0 0 0 5px; margin:0 0 0 5px; font-size:11px; color:#344636;}
.topleft .upperlinks li a {color:#344636; text-decoration:none;}

.topright {width:360px; float:right; height:255px; background:#000; text-align:center}
.topright img {vertical-align:middle;}

#page {width:850px; margin:0 auto; text-align:center; background:#e9eaea}

.topsearch {text-align:right; width:485px; font-size:12px; margin:6px 0 0 0; font-size:11px;}
.topsearch #searchform_top_text {width:180px; background:#fff url(images/back-search.jpg) no-repeat left center; color:#001e60; border:1px solid #001e60}


#menu {clear:both; background:#000; height:30px; position:relative; z-index:1000; width:485px;}

#nav, #nav ul { /* all lists */	padding: 0; margin: 0; list-style: none; line-height: 1;}
#nav li { /* all list items */float: left; width:auto; /* width needed or else Opera goes nuts */}
#nav li li {width:165px;}
#nav li ul { /* second-level lists */position: absolute; background: #475746; width:165px; top:20px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li li ul {top:auto; margin:-10px 0 0 165px;}
#nav li ul ul { /* third-and-above-level lists */margin: -25px 0 0 165px;}
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul { /* lists nested under hovered list items */	left: auto;}


#menu ul#nav {width:485px; float:right}
#menu li {float:left; display:block; padding:0px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif}
#menu li ul {/*margin-top:-5px;*/ opacity:0.95; -moz-opacity:0.95; background: #475746}
#menu li a {color:#fff; display:block; padding:7px 10px; margin:0; text-decoration:none; }
#menu li li a {float:none; text-align:left; color:#fff; display:block; padding:6px 10px; margin:0; font-size:11px}
#menu li:hover a, 
#menu li.sfHover a, 
#menu li a:hover {margin:0; color:#fff; background:#465848; /*opacity:0.80; -moz-opacity:0.80;*/}
#menu li:hover ul li a, 
#menu li:hover ul li a:visited,
#menu li.sfHover ul li a, 
#menu li.sfHover ul li a:visited {color:#fff; background:#465848;}
#menu li:hover, #menu li.hover {position: static;}  
 
/* SECOND LEVEL MENU ITEM HOVER */
#menu li:hover ul li a:hover,
#menu li:hover ul li.first a:hover, 
#menu li:hover ul li.last a:hover, 
#menu li.sfHover ul li a:hover,
#menu li.sfHover ul li.first a:hover,
#menu li.sfHover ul li.last a:hover {background:#fff; color:#056363}


#body {background:#e9eaea; padding:0; position:relative; z-index:0; clear:both}

.post-page h2 {color:#465848; font-weight:bold; text-decoration:none; border-bottom:1px solid #54607a; margin:10px 15px; padding:10px 0 3px 15px; text-align:left}

#body_left {float:left; width:485px; text-align:left; font-size:14px; margin-bottom:5px; position:relative; z-index:0;}
#body_left img {max-width:540px; border:none}
#body_left h2, #body_left h2 a {color:#465848; font-weight:bold; text-decoration:none; border-bottom:1px solid #465848; margin:10px 0; padding:0 0 3px 0;}
#body_left .sermons h2 small {font-weight:normal; font-size:10px;}
#body_left h3 {font-weight:normal; font-size:11px; margin:0; padding:0;}
#body_left .post {padding:20px 0 20px 15px; margin-bottom:20px; border-bottom:1px solid #a5a5a5; position:relative; z-index:0; font-family:"Times New Roman", Times, serif}

#body_left .entry {padding:0 15px 0 0; color:#666}
#body_left .entry img {max-width:455px; margin-bottom:15px;}

#body_left .entry img.preacher {max-width:100px;}
#body_left .entry .sb_edit_link {font-size:10px;}

#body_left .entry img.alignleft {float:left; margin:0 10px 10px 0;}
#body_left .entry img.alignright {float:right; margin:0 0 10px 10px;}
#body_left .entry img.aligncenter, #body_left .entry img.centered {text-align:center; clear:both; display:block; margin:0 auto;}

#body_left .navigation {clear:both;}
#body_left .navigation .alignleft {float:left; width:45%;}
#body_left .navigation .alignright {float:right; width:45%;}


.sermonstyle
.sermonstyle .sermon-browser-results {font-size:12px;}
.sermonstyle .sermons {font-size:12px;}
.sermonstyle .sermon-browser h2 {clear: both;}

.sermonstyle div.sermon-browser table.sermons {width: 100%; clear:both;}
.sermonstyle div.sermon-browser table.sermons td.sermon-title {font-weight:bold; font-size: 140%; padding-top: 2em;}
.sermonstyle div.sermon-browser table.sermons td.sermon-passage {font-weight:bold; font-size: 110%;}
.sermonstyle div.sermon-browser table.sermons td.preacher {border-bottom: 1px solid #444444;}
.sermonstyle div.sermon-browser table.sermons td.files img {border: none; margin-right: 24px;}
.sermonstyle table.sermonbrowser td.fieldname {font-weight:bold; padding-right:5px; width:65px; vertical-align:bottom;}
.sermonstyle table.sermonbrowser td.field input, 
.sermonstyle table.sermonbrowser td.field select {width: 130px;}
.sermonstyle table.sermonbrowser td.field #date, 
.sermonstyle table.sermonbrowser td.field #enddate {width: 100px;}
.sermonstyle table.sermonbrowser td {white-space: nowrap; padding-top: 5px; padding-bottom: 5px;}
.sermonstyle table.sermonbrowser td.rightcolumn {padding-left: 10px;}

.sermonstyle div.sermon-browser div.floatright {float: right}
.sermonstyle div.sermon-browser div.floatleft {float: left}

.sermonstyle img.sermon-icon, 
.sermonstyle img.site-icon, 
.sermonstyle a img.sermon-icon, 
.sermonstyle a img.site-icon {border: none; vertical-align:bottom;}

.sermonstyle table.podcast {margin: 0 0 1em 0;}
.sermonstyle .podcastall {float:left; background: #9CA9B1 url(wp-content/plugins/sermon-browser/sb-includes/icons/podcast_background.png) repeat-x; padding: 0.5em; font-size: 1em; -moz-border-radius: 7px; -webkit-border-radius: 7px; width:49%}
.sermonstyle .podcastcustom {float:right; background: #94A798 url(wp-content/plugins/sermon-browser/sb-includes/icons/podcast_custom_background.png) repeat-x; padding: 0.5em; font-size: 1em; -moz-border-radius: 7px; -webkit-border-radius: 7px; width:49%}

.sermonstyle td.podcast-icon {padding-right:1em;}

.sermonstyle div.sermon-browser-results span.preacher {font-size: 120%;}
.sermonstyle div.sermon-browser-results span.scripture {font-size: 80%;}
.sermonstyle div.sermon-browser-results img.preacher {float:right; margin-left: 1em; border:2px solid #666;}
.sermonstyle div.sermon-browser-results div.preacher-description {margin-top: 0.5em;}
.sermonstyle div.sermon-browser-results div.preacher-description span.about {font-weight: bold; font-size: 120%;}

.sermonstyle span.chapter-num {font-weight: bold; font-size: 150%;}
.sermonstyle span.verse-num {vertical-align:super; line-height: 1em; font-size: 65%;}
.sermonstyle div.esv span.small-caps {font-variant: small-caps;}
.sermonstyle div.sermon-browser #poweredbysermonbrowser {text-align:center;}
.sermonstyle div.sermon-browser-results #poweredbysermonbrowser {text-align:right;}

.sermonstyle table.nearby-sermons {width: 100%; clear:both; margin-top:15px; background:#F3F0DE; padding:2px 5px; border:1px solid #666;}
.sermonstyle table.nearby-sermons td, 
.sermonstyle table.nearby-sermons th {text-align: center;}
.sermonstyle table.nearby-sermons .earlier {padding-right: 1em; text-align: left;}
.sermonstyle table.nearby-sermons .later {padding-left: 1em; text-align:right;}
.sermonstyle table.nearby-sermons td {width: 33%; vertical-align: top;}
.sermonstyle ul.sermon-widget {list-style-type:none; margin:0; padding: 0;}
.sermonstyle ul.sermon-widget li {list-style-type:none; margin:0; padding: 0.25em 0;}
.sermonstyle ul.sermon-widget li span.sermon-title {font-weight:bold;}
.sermonstyle p.audioplayer_container {display:inline !important;}
.sermonstyle div.sb_edit_link {display:inline;}
.sermonstyle h2 div.sb_edit_link {font-size: 80%;}
.sermonstyle .sermon-browser-results h2 {padding-bottom:4px; border-bottom: double #666; margin-bottom:4px;}
.sermonstyle .esv {border-bottom:1px solid #efefef; margin-left:25px; margin-top:15px}
.sermonstyle .esv h2 {margin:0; padding:0; font-size:100%;}
.sermonstyle .esv p {margin:0; padding:0}
.sermonstyle .filter-form {background:#94a798; border:1px solid #666; padding:0 5px 7px 10px; margin-bottom:10px;}


.getconnected {width:265px; float:left; background:url(images/back-getconnected.jpg) no-repeat top center; height:130px; margin:5px 0 0 0; overflow:hidden; padding:10px;}
#body_left .getconnected h2 {color:#fff; text-transform:uppercase; vertical-align:top; margin:0 0 10px 0; padding:0}
.getconnected img.calendar {margin:0 0 0 10px;}
.getconnected .social {width:100px; float:right; margin:0 20px 0 0}
.getconnected .social img {margin-bottom:10px;}

.listenonline {width:360px; background:#5D687A; height:130px; margin:8px 0 0 0; overflow:hidden; padding:10px 0; font-size:11px; color:#fff;}
.listenonline h2 {margin:0; padding:0 10px; text-align:left; vertical-align:top}
.listenonline a {color:#fff; font-weight:normal;}
.listenonline a:hover {color:#DF7004;}
.listenonline .hentry {background:#004F51; height:60px; overflow:hidden; margin:5px 0 0 0; padding:2px 10px 5px 10px}
.listenonline .hentry li {height:10px; line-height:12px; width:100%; overflow:hidden;}
.listenonline .hentry li .sermon-title {background:url(images/icon-speaker.png) no-repeat left center; padding-left:14px;}
.listenonline p.more {text-align:right; padding:0 10px 0 0; margin:7px 0 0 0}
.listenonline p.more a {text-decoration:none;}


#body_right {float:right; width:360px; margin-bottom:5px; text-align:right; font-size:12px;}
#body_right h2 {background:#640007; color:#fff; text-align:left; padding:3px}
#body_right table.schedule {width:100%;}
#body_right table.schedule td {vertical-align:top; text-align:right}

.iconnav {margin:20px 0 15px 0; padding:0; list-style:none;}
.iconnav li.map a {background:url(images/icon-map2.jpg) no-repeat top center; display:block; width:360px; height:49px;}
.iconnav li.photos a {background:url(images/icon-photogallery2.jpg) no-repeat top center; display:block; width:360px; height:49px;}
.iconnav li.videos a {background:url(images/icon-videos2.jpg) no-repeat top center; display:block; width:360px; height:49px;}
.iconnav li.weather a {background:url(images/icon-weather2.jpg) no-repeat top center; display:block; width:360px; height:49px;}

.iconnav li.map a:hover {background:url(images/icon-map2.jpg) no-repeat bottom center;}
.iconnav li.photos a:hover {background:url(images/icon-photogallery2.jpg) no-repeat bottom center;}
.iconnav li.videos a:hover {background:url(images/icon-videos2.jpg) no-repeat bottom center;}
.iconnav li.weather a:hover {background:url(images/icon-weather2.jpg) no-repeat bottom center;}

#calendar_wrap {font-size:12px; margin-bottom:5px;}
/* * Thickbox CSS */
#body_right div#TB_title {/*background-color: #105681;*/ background: #000; color: #fff;}
#body_right div#TB_title a, 
#body_right div#TB_title a:visited {color: #cfcfcf;}
/* * JQuery Tooltip */
#body_right #tooltip {position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 1; width: 225px; word-wrap: break-word;}
#body_right #tooltip h3, 
#body_right #tooltip div {margin: 0; font-size: 12px; font-weight: normal; color: #000;}
#body_right #tooltip ul {padding: 0;}
#body_right #tooltip li {margin: 0 10px; width: auto;}

/* * Large Calendar */
/* * Calendar formatting */
.post-page #wp-calendarLarge {border-collapse: collapse; margin: auto;}
.post-page #calendar_wrapLarge img {border: none; padding: 0; margin: 0;}
.post-page #calendar_wrapLarge h2 {border:none;}
.post-page #calendar_wrapLarge h2 #CalendarLarge-Header .EC_previousMonthLarge,
.post-page #calendar_wrapLarge h2 #CalendarLarge-Header .EC_nextMonthLarge {font-size:75%;}
.post-page #wp-calendarLarge td {border:1px solid #465B4A; width: 150px; height: 100px; padding: 0; vertical-align: top;}
.post-page .event-block a:link, 
.post-page .event-block a:visited, 
.post-page .event-block a:hover, 
.post-page .event-block a:active {text-decoration: none; border: none;}
.post-page #wp-calendarLarge .event-block {border-top: 1px solid #444; display: block;	padding: 2px 0 0 2px; font-size:12px; color:##465b4a}
.post-page #wp-calendarLarge .dayHead {/* background-color: #333333;*/ background-color: #465B4A; text-align:left; color: white; font-weight: bold; z-index: 1000; padding-left:5px}
.post-page #todayLarge {background-color: #9BA9CF;	color: #FFF;}

.calendar blockquote {text-align: left; font-size: 12px;}


/* * Days events calendar */
#body_right #EC_daysEvents {font-size: 14px;}
#body_right .EC_title {background: #A4CAE6;}
#body_right .EC_location {background: #FFF8DC;}
#body_right .EC_time {background: #CCCCCC;}
#body_right .EC_date {background: #E0EEEE;}
#body_right .EC_linkout_and_postid {background: #bfd3ed;}

/* * Widget Calendar formatting OPTIONAL */
#body_right .EC_Widget_display {text-align: center;}
#body_right .widgettitle {text-align: left;	/* margin: 0 0 1em;*/}
#body_right #wp-calendar caption {margin: 10px 0 0 0; width: auto; text-align: center; font-weight: bold; background-color: white; border: thin solid darkgray; -moz-border-radius: 3px 3px 0 0; font-size:20px; color:#465b4a; font-family:Georgia, "Times New Roman", Times, serif}
#body_right #wp-calendar {margin: 0 1px 0 2px; border-collapse: collapse; width:355px; text-align:left}
*+html #body_right #wp-calendar #today {border: 3px solid blue !important;}
#body_right #wp-calendar #today {display: block; font-weight: bold; background-color: #a8c3d6; -moz-border-radius: 50%; /* -webkit-border-radius: 50%; border: 2px solid blue;*/ z-index: 1;}
#body_right #wp-calendar .pad {font-weight: bold;}
#body_right #wp-calendar .padcent {background-color: white; border: thin solid darkgray;}
#body_right #wp-calendar .padday {background-color: gainsboro;}
#body_right #wp-calendar th {width: 11%; color: white; background-color: #465b4a; text-align:center; }
#body_right #wp-calendar td {border: thin solid darkgray; background-color: white; text-align: center;}

/* * Widget List Calendar OPTIONAL */
#body_right #events-calendar-list li {font-family: Arial, Tahoma, Script; font-size: small; font-stretch: condensed; list-style-image: url(../images/list.gif); line-height: normal; text-align: left; }
#body_right #events-calendar-list li a:link, 
#body_right #events-calendar-list li a:visited, 
#body_right #events-calendar-list li a:hover, 
#body_right #events-calendar-list li a:active {background: none; text-decoration: none; border: none; color: dimgray;}
#body_right #events-calendar-list li:hover {background-color: gainsboro; padding: 4px; 	border-style: solid; border-width: 1px;}
#body_right #tooltip {text-align:left;}
#body_right #tooltip.pretty {font-family: Arial; border: none; width: 210px; padding: 20px; height: 160px; opacity: 0.95; background: url('../images/shadow3.png');}
#body_right #tooltip.pretty h3 {margin-bottom: 0.75em; font-size: 12px; width: 220px;}
#body_right #tooltip.pretty div {width: 220px; text-align: left;}
#body_right #tooltip.fancy {background: url('../images/shadow2.png'); padding-top: 5em; height: 100px;}


#scrollingnews {background:#fff url(images/back-news.jpg) no-repeat bottom left; margin:0; padding:0; width:220px; height:400px; position:relative; _z-index:0; clear:both}
#scrollingnews h1 {margin:0; background:none; color:#640007; font-size:20px; text-align:left; padding:5px 0 18px 10px; text-transform:uppercase; line-height:16px;}
#scrollingnews h1:first-line {font-weight:normal; font-size:16px;}
#scrollingnews h1 a {padding:0; margin:0; text-align:center; color:#640007; background:none}
#scrollingnews h1 a:hover {color:#fff; text-decoration:none}
#scrollingnews p {padding:0 5px 0 10px; margin:0}
#scrollingnews p.scrollheading {margin:0;}
#scrollingnews p.morelink {margin:0 0 30px 0; }
#marqueecontainer {position:relative; width:190px; height:315px; overflow:hidden; padding:5px 0; font-size:12px; text-align:left; color:#000;}
#marqueecontainer a {color:#640007; font-weight:bold}
/*#marqueecontainer p {background:url(http://www.careercollegecentral.com/images/green-list-arrow.gif) no-repeat left; padding-left:15px;}*/
#vmarquee {position:absolute; width:98%; z-index:1; _z-index:0}
#vmarquee p.top {margin:0 0 -12px 0; padding:0;}
#vmarquee p.bottom {margin:-22px 0 0 0; padding:0;}

#bottomline, #footer, .clear, #content {clear:both;}

#bottomline {margin-top:5px;}

#footer {background:#000; margin:0 auto; color:#fff; padding:15px 0; font-size:11px; width:100%; text-align:center; border:none}
#footer a {color:#fff; text-decoration:none}
#footer ul {margin:0; padding:0; list-style:none;}
#footer li {display:inline; margin-right:10px; text-transform:capitalize; font-size:14px}
#footer li a {color:#fff; text-decoration:none;}
#footer img {vertical-align:middle;}

#poweredbysermonbrowser, .linklove, #body_left h2.sermonpageheading, #footer li ul {display:none;}
hr {clear:both;}

.linkslist h2,
.kjo-link, #kjo-link {display: none;}



/***** begin CALENDAR *****/
.calendar .calnk a:hover {background-position:0 0; text-decoration:none; color:#000; border-bottom:1px dotted #000;}
.calendar .calnk a:visited {text-decoration:none; color:#485b49; border-bottom:1px dotted #485b49;}
.calendar .calnk a {text-decoration:none; color:#485b49; border-bottom:1px dotted #485b49;}
.calendar .calnk a span {display:none;}
.calendar .calnk a:hover span {color:#333; background:#fe9; display:block; position:absolute; margin:0; padding:5px; width:150px; z-index:100; line-height:1.2em; border: 1px dotted #fff}
.calendar .calendar-table {border:none; width:100%; padding: 5px 15px}
.calendar .calendar-heading {padding:15px 0; text-align:center; background:#c6dec7; font-size: 16px}
.calendar .calendar-next {width:25%; text-align:center; font-size: 11px;}
.calendar .calendar-prev {width:25%; text-align:center; font-size: 11px;}
.calendar .calendar-month {width:50%; text-align:center; font-weight:bold;}
.calendar .normal-day-heading {text-align:center; width:25px; height:25px; font-size:12px; background:#c6dec7; color: #111; font-weight: bold}
.calendar .weekend-heading {text-align:center; width:25px; height:25px; font-size:12px; background:#c6dec7; color:#666;}
.calendar .day-with-date {vertical-align:text-top; text-align:left; width:60px; height:80px; border:1px solid #ccc; padding: 4px;}
.calendar .no-events {}
.calendar .day-without-date {width:60px; height:80px; border:1px solid #E9F0E8; padding: 4px;}
.calendar span.weekend {color:#666;}
.calendar .current-day {font-size: 16px; background:#c6dec7; text-align: left; vertical-align: top; width:60px; height:80px; padding: 4px}
.calendar span.event {font-size:12px; text-align: left; vertical-align: top;}
.calendar .kjo-link {font-size:11px; text-align:center; display: none}
.calendar .calendar-date-switcher {height:25px; text-align:center; background:#c6dec7;}
.calendar .calendar-date-switcher form {margin:0; padding:0;}
.calendar .calendar-date-switcher input {border:1px #D6DED5 solid;}
.calendar .calendar-date-switcher select {border:1px #D6DED5 solid;}
.calendar .cat-key {width:100%; margin-top:10px; padding:5px; border:1px solid #D6DED5;}
.calendar .calnk a:hover span span.event-title {padding:0; text-align:center; font-weight:bold; font-size:1.2em; background: none}
.calendar .calnk a:hover span span.event-title-break {width:96%; text-align:center; height:1px; margin-top:5px; margin-right:2%; padding:0; background-color:none;}
.calendar .calnk a:hover span span.event-content-break {width:96%; text-align:center; height:1px; margin-top:5px; margin-right:2%; padding:0; background-color:none;}
.calendar .page-upcoming-events {font-size:80%;}
.calendar .page-todays-events {font-size:80%;}
.calendar .cat-key {font-size: 12px; text-align: left}
.calendar .cat-key .keyheader {text-align: center}
     
     

.calendar_events {margin:25px auto; width: 900px; background:#27150c url(images/back-header.png) no-repeat top left; padding-bottom: 15px;}
.calendar_events h2 {margin: 0; padding:7px 0 8px 15px; text-align: left; display: block}
.calendar_events h2 a {display: block}
.calendar_events a {color: #fff}
.calendar_events ul {margin: 0; padding: 15px 0; list-style: none; }
.calendar_events li ul {padding: 0;}
.calendar_events li {float: left; width: 15%; text-align: left; padding: 10px 40px; margin-bottom: 15px}
.calendar_events li li {float: right; width: 95%; text-align: right; padding: 0; margin: 0}
.calendar_events li a {color: #fff;}
.calendar_events li .calnk a {text-decoration:none; color:#fff; border-bottom:1px dotted #fff;}
.calendar_events li .calnk a:hover {background-position:0 0; text-decoration:none; color:#fc0; border-bottom:1px dotted #fff;}
.calendar_events .calnk a:visited {text-decoration:none; color:#fff; border-bottom:1px dotted #fff;}
.calendar_events .calnk a span {display:none; }
.calendar_events .calnk a:hover span {color:#fff; background:#553318; display:block; position:absolute; margin-top:0; padding:5px; width:150px; z-index:100; line-height:1.2em; text-align: left; border: 1px dotted #fff}
/***** end CALENDAR *****/