/* Theme Name: IBCDuncan Theme URI: http://www.sevenplacesproductions.com/ Description: Custom theme designed for Immanuel Baptist Church of Duncan, OK by Seven Places Productions. Version: 2.2 Author: Seven Places Productions Author URI: http://www.sevenplacesproductions.com/ */ body {margin:0 auto; text-align:center; background:#670001 url(images/back.jpg) repeat-x top; font-family:Arial, Helvetica, sans-serif} a {color:#640007;} #body_page {width:100%;} #page {width:775px; margin:0 auto; text-align:center;} #page img.logo {float:left;} #page .upperlinks {width:50%; float:right; font-size:12px; padding:8px 0 0 0} #page .upperlinks ul {margin:0; padding:0; list-style:none; text-align:right} #page .upperlinks li {display:inline; padding:0 0 0 40px; color:#fff;} #page .upperlinks li a {color:#fff; text-decoration:none;} .topsearch {text-align:right; width:50%; float:right; font-size:12px; margin:55px 0 0 0;} .topsearch #searchform_top_text {width:180px; background:url(images/back-search.jpg) no-repeat left center;} #menu {clear:both; background:url(images/back-menu.png) no-repeat top center; height:28px; position:relative; z-index:1000} #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: orange; width:165px; top:26px; 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:500px; float:right} #menu li {float:left; display:block; padding:0px; font-size:12px; text-transform:uppercase} #menu li ul {/*margin-top:-5px;*/ opacity:0.95; -moz-opacity:0.95;} #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:#640007; /*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:#640007;} #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:#fff; padding:5px; position:relative; z-index:0;} #body_left {float:left; width:540px; text-align:left; font-size:12px; margin-bottom:5px; position:relative; z-index:0} #body_left img {max-width:540px; border:none} #body_left h2, #body_left h2 a {color:#640007; font-weight:bold; text-decoration:none; margin:0; padding: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-bottom:20px; margin-bottom:20px; border-bottom:1px solid #a5a5a5; position:relative; z-index:0} #body_left .entry {padding:0 15px;} #body_left .entry img {max-width:510px; 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%;} .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:250px; float:right; background:url(images/back-listenonline.jpg) no-repeat top left; height:130px; margin:5px 0 0 0; overflow:hidden; padding:10px 0; font-size:11px; color:#fff;} #body_left .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:220px; 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} #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 */ #body_right #wp-calendarLarge {border-collapse: collapse; margin: auto;} #body_right #calendar_wrapLar img {border: none; padding: 0; margin: 0;} #body_right #wp-calendarLarge td {border: thin solid black; width: 150px; height: 100px; padding: 0; vertical-align: top;} #body_right .event-block a:link, #body_right .event-block a:visited, #body_right .event-block a:hover, #body_right .event-block a:active {text-decoration: none; border: none;} #body_right #wp-calendarLarge .event-block {border-top: 1px solid #444; display: block; padding: 2px 0 0 2px; line-height: 11pt; color: navy;} #body_right #wp-calendarLarge .dayHead {/* background-color: #333333;*/ background-color: #640007; color: white; font-weight: bold; z-index: 1000;} #body_right #todayLarge {background-color: #9BA9CF; color: #FFF;} /* * 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; } #body_right #wp-calendar {margin: 0 1px 0 2px; border-collapse: collapse;} *+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: #640007; } #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;} #bocy_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} #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:url(images/back-footer.jpg) no-repeat top center; margin:0 0 15px 0; padding:0; height:38px; overflow:hidden; font-size:11px; width:100%; border:none} #footer .declare {width:535px; text-align:left; vertical-align:middle; padding:0 0 0 5px} #footer .declare, #footer .declare a {color:#404040; text-decoration:none} #footer .declare ul {margin:0; padding:0; list-style:none;} #footer .declare li {display:inline; margin-right:10px; text-transform:capitalize} #footer .declare li a {color:#670001; text-decoration:none;} #footer .social {width:215px; text-align:right; vertical-align:middle; padding:0 5px 0 0;} #footer .social img {vertical-align:middle;} #poweredbysermonbrowser, .linklove, #body_left h2.sermonpageheading, #footer .declare li ul {display:none;} hr {clear:both;}