/*
-----------------------------------------------
Elim International Church Screen Master
Author:  Hamish Stevenson / Catch Design Limited (www.catchdesign.co.nz)
Date:  15 December 2006
Updated: 9 January 2007
----------------------------------------------- */

/* =Global Styles
----------------------------------------------- */
body { background: url(/_r/img/bg.gif) repeat; margin:0; padding:0; font: 63.7%/1.5em "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; color: #666; /*#929292;*/}
*html body { text-align: center; }

/* =Generic styles */
img { border:0; padding:0; margin-bottom:0 }
a, a:visited { color:#333/*#2CA2CE*/; text-decoration:none;}
a:hover { text-decoration:underline;}
a img {	border:none;}

.hide {	position:absolute; left:-2000px; width:999px;}
.alignleft { float:left;}
.alignright { float:right;}
.margin-none { margin:0;}
.blue { color: #4C6A86; }
.morelink { background: url(/_r/img/icon-arrow.gif) left no-repeat; font-size: 1.1em; margin: 10px 0; padding:1px 0 1px 18px; }

p { font: 1.2em/1.4 "Lucida Grande", Geneva, Arial, sans-serif; margin:0 0 0.9em 0; }
small { font: 1.0em/1.2 "Lucida Grande", Geneva, Arial, sans-serif; margin:0 0 0.9em 0; color: #666; }
ul, ol, td { font: 1.2em/1.4 "Lucida Grande", Geneva, Arial, sans-serif; }
label, input, textarea { font: 1.2em/1.4 "Lucida Grande", Geneva, Arial, sans-serif; margin:0 0 0.5em 0; }
input.textbox { padding: 3px; color: #999; }
select { font: 1.2em "Lucida Grande", Geneva, Arial, sans-serif; color: #000; padding: 1px; }
dl, dt, dd { font: 1.1em/1 "Lucida Grande", Geneva, Arial, sans-serif; margin:0 0 0.5em 0; }
p.intro { font-size: 1.4em; }

fieldset { border: 0; margin: 0; }
legend { display: none; }

strong, b { color:#333; }
blockquote { color: #666; width: 200px; padding: 10px 0 20px 24px; margin: 0.8em 0 0.9em 15px; font: 14px/1.5 bold Georgia, "Times New Roman", Times, serif; background: url(/_r/img/bg-quote.gif) 5px 0 no-repeat; border-bottom: 1px solid #eee; border-left: 1px solid #eee; float: right; }

/*h2 { font: 28px/1 normal "Trebuchet MS", Geneva, Arial, sans-serif; color: #f33; margin: 0 0 0.5em 0; padding: 0 0 3px 0; text-transform: uppercase; background: url(/_r/img/div-split-1.jpg) bottom left no-repeat; }*/
h2 { font: bold 28px/1 normal Helvetica, Arial, sans-serif; color: #f33; margin: 0 0 0.5em 0; padding: 0 0 3px 0; text-transform: uppercase; background: url(/_r/img/div-split-1.jpg) bottom left no-repeat; }
/*h3 { font: 18px/1 "Lucida Grande", Geneva, Arial, sans-serif; color:#000; margin:20px 0 4px 0; text-transform: uppercase; padding: 0 0 3px 0; background: url(/_r/img/div-split-1.jpg) bottom left no-repeat; }*/
h3 { font: bold 18px/1.4  "Lucida Grande", Arial, sans-serif; color:#333; margin:20px 0 0 0; padding: 0; }
/*h4 { font: 1.4em/1.5 normal "Lucida Grande", Geneva, Arial, sans-serif; color:#317AA1; margin: 10px 0 0 0;}*/
h4 { font: bold 1.4em/1.5 "Lucida Grande", Arial, sans-serif; color:#317AA1; margin: 10px 0 0 0;}

/* Hacks that can't be avoided in this file */

/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =collapse lists */
#container ul.nav, #container ul.nav li { margin:0; padding:0; list-style:none; }
ul.nav, ul.nav li { display:inline;}

/* =Structure
----------------------------------------------- */
#container { width: 754px; text-align: center; margin: 0 auto; padding: 0; }
*html #container { text-align: left; }

/* =Masthead */
#mashtead { width: 754px; height: 185px; background: url(/_r/img/bg-header_grad.gif) repeat-x; margin: 0 auto; }
* html #mashtead { background: url(/_r/img/bg-header_grad.gif) repeat-x; }
#masthead-inner { position: relative; width: 100%; height: 185px; text-align: center; margin: 0 auto; padding: 0; background: url(/_r/img/bg-masthead-inner.gif) top no-repeat; }
#mashtead h1 { position: absolute; left: 17px; top:77px; margin: 0; width: 152px; height: 77px; }
#mashtead h1 a { display: block; width: 152px; height: 77px; }

#masthead-links { position: absolute; top: 95px; right: 6px; color: #fff; }
#masthead-links a { color: #fff; font-size: 0.95em; text-transform: lowercase; }

#masthead-search { position: absolute; top: 131px; right: 6px; }
* html #masthead-search { width: 180px; }
#masthead-search input { vertical-align: bottom; }
#masthead-search input { border: 1px solid #CDC9C9; text-transform: lowercase; float: left; }

#masthead-search a { color: #fff; font-size: 1.4em; display: inline; margin: 0 0 0 5px; }


/* =Prim Nav */
#prim-nav { position: absolute; left: 6px; top: 167px; height: 26px; }
#nav { width: 754px; padding: 0; margin: 0; list-style: none; }
#prim-nav li { float: left; margin: 0; }
#prim-nav a { z-index: 1; display: block; color: #999; border-bottom: 1px solid #DFDACB; border-right: 1px solid #DFDFDF; padding: 4px 11px; background: url(/_r/img/bg-nav-btns.gif) top left no-repeat; text-decoration: none; }
#prim-nav a:hover, #prim-nav .current_page_parent, #prim-nav .current_page_item { background: #F02831; color: #fff; text-decoration: none; }

#prim_nav li ul {background:#3A372D url(/_r/img/bg_primary_nav_dropdown.png) repeat-x scroll left bottom !important; display:block; position:absolute; z-index:1; width: 200px; left: -999em;}

#nav li ul {
   position: absolute;
   left: -999em;
   z-index: 999;
   background: #fff;
   width: 120px; /* Needs to be same as other 150px value */
   list-style: none;
   line-height: 1; padding: 0; z-index: 1; margin: 0; }
.nav1 { margin-left: 0 !important; }
   
#nav li li{ font-size: 90%; }
#nav li ul ul{ margin: -25px 0 0 100px; /* the -25px and 150px need to be adjusted until the sub-sub-menu sits in the right place */ }

#nav li:hover ul ul, #nav li.sfhover ul ul{ left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{ left: auto; }

#nav li li li{ font-size: 100%; }
#nav ul li a {
   width: 120px;
   background: #fff;
   text-align: left;
   line-height: 1.4;
   font-size: 90%;
   border-left: 1px solid #DFDACB;
}
#nav li li li a { font-size: 0.75em; }

/* Sec nav */
ul#sec_nav li a { display:block; color:#999; border-bottom:1px solid #eee; padding:5px 0 4px 5px; }
ul#sec_nav li a:hover, ul#sec_nav li.current_page_item a { background:#F02831; color:#fff; text-decoration:none; }
ul#sec_nav li ul { margin:0; font-size:11px; }
ul#sec_nav li ul li.page_item a { background:none !important; color:#999; border:none; }
ul#sec_nav li ul li.page_item a:hover { color:#F02831; }

/* =Content */
#content { width: 754px; background: url(/_r/img/bg-content-vert.png) repeat-y; margin: 0 auto; min-height: 450px; padding: 10px 0; }
* html #content { background: url(/_r/img/bg-content-vert.gif) repeat-y; text-align: left; }
#content-top { width: 754px; background: url(/_r/img/bg-content-top.png) no-repeat; margin: 20px auto 0 auto; height: 14px; padding: 0; }
* html #content-top { background: url(/_r/img/bg-content-top.gif) no-repeat; height: 20px; }
#content-bottom { width: 754px; background: url(/_r/img/bg-content-btm.png) bottom no-repeat; margin: 0 auto; height: 13px; padding: 0; }
* html #content-bottom { background: url(/_r/img/bg-content-btm.gif) no-repeat; height: 13px; }

.split-1 { width: 324px; float: left; }
.split-2 { width: 168px; float: left; margin: 0 0 0 23px;}
.split-3 { width: 168px; float: left; margin: 0 0 0 23px;}

#col-1 { float: left; padding: 50px 0 0 0; margin: 0 0 0 64px; }
* html #col-1 { margin: 0 0 0 34px; }

#body-content { margin: 10px 0 0 25px; }
#body-content #main-copy { width: 480px; float: left; margin: 0 25px 0 0; text-align: left; }

#body-content ul, #body-content ol { margin: 10px 0; padding: 0 0 0 25px; }

#main-copy img { float:right; margin: 0 0 10px 10px; }
#main-copy li { margin-bottom: 4px; }

/* Split content */
#main_split { width: 200px; float: right; margin: 0 0 10px 10px; padding: 0 0 10px 10px; border-bottom: 1px solid #eee; border-left: 1px solid #eee; }

/* =Footer */
#footer { width: 754px; background: url(/_r/img/bg-footer-vert.png) repeat-y; margin: 0 auto; min-height: 50px; padding: 10px 0 50px 0; }
* html #footer { background: url(/_r/img/bg-footer-vert.gif) repeat-y; text-align: left; }
#footer-top { width: 754px; background: url(/_r/img/bg-footer-top.png) no-repeat; margin: 20px auto 0 auto; height: 9px; padding: 0; }
* html #footer-top { background: none; }
#footer-contact { width: 285px; height: 130px; padding: 0 0 0 125px; margin: 20px 10px 0 0; background:url(/_r/img/logo-elim-footer.gif) top left no-repeat; float: right;  /* ie5 */ voice-family: "\"}\""; voice-family:inherit; width: 160px; /* ie 6 */ }
* html #footer-contact { margin: 20px 0 0 0; }
html>body #footer-contact  { width: 160px; /* moz */ }


#footer p { font-size: 1.1em; color: #fff; }
#footer a { color: #fff; }

#footer-links { width: 430px; float: left; margin: 10px 0 0 25px; }
*html #footer-links { margin: 10px 0 0 15px; }
#footer-links ul#col-1 { float: left; margin: 0; }
#footer-links ul#col-2 { float: left; margin: 0 0 0 10px; }
#footer-links ul#col-3 { float: left; margin: 0 0 0 20px; }
#footer ul { padding: 0; margin: 0; }
*html #footer ul ul { margin: 0 0 0 5px; }
#footer li { color: #fff; list-style: none; padding: 0; margin: 5px 0 0 0; }
#footer li li { font-size: 0.75em; padding: 0; margin: 2px 0 0 10px; }

/* =Homepage Styles only
----------------------------------------------- */

h3.homepage { color: #f33 !important; background: none; }
#welcome { margin: 10px 0 0 25px; }
#welcome blockquote { background: url(/_r/img/text-welcome-02.gif) no-repeat; width: 323px; height: 214px; margin: 10px 0 18px 0; padding: 0; }
#welcome #feature { width: 357px; float: left; margin: 0 0 0 23px; }

#homepage-content { margin: 10px 0 0 25px; }

/* = Promos */
#homepage-content .split-1 .promo a { background:url(/_r/img/img-promo_324_spirit.jpg) no-repeat; display: block; width: 324px; height: 148px; }

.promo-city a { border: 1px solid #eee; margin: 10px 0 0 0; background:url(/_r/img/img-promo_168_city.jpg) no-repeat; display: block; width: 168px; height: 174px; }
.promo-church a { border: 1px solid #eee; margin: 10px 0 0 0; background:url(/_r/img/img-promo_168_church.jpg) no-repeat; display: block; width: 168px; height: 184px; }
.promo-church a:hover, .promo-city a:hover { border: 1px solid #ccc; }


/* =Articles */
#main-copy .article_teaser { border-bottom: 1px solid #eee; padding: 0 0 5px 0; }
.article_teaser p.intro { font-size: 1.2em; }
#latest-news { background: url(/_r/img/div-split-1.jpg) top left no-repeat; padding: 10px 0 0 0; margin: 0 0 20px 0; }
#latest-news .article_teaser { padding: 5px 0 5px 9px; background: url(/_r/img/bg-item.gif) left bottom no-repeat; }
#latest-news .article_teaser p { margin: 2px 0; font-size: 1.1em; }
#latest-news .article_teaser small { font-size: 0.95em; text-transform: uppercase; }
.article_teaser h4 a { color: #333; }

/* =Upcoming Events */
#upcoming-events { background: url(/_r/img/div-split-1.jpg) top left no-repeat; padding: 10px 0 0 0; }
#upcoming-events ul { margin: 0; padding: 0 !important; list-style-type: none; }
#upcoming-events li { margin: 0; padding: 5px 0; list-style-type: none; display: block; background: #fff url(/_r/img/div-split-1-event.jpg) bottom left no-repeat; }
#upcoming-events li a { color:#333;  }
#upcoming-events li span.date { background:url(../img/ico_calendar.gif) bottom right; no-repeat; width: 38px; font-weight: bold; height: 44px; padding: 0; margin: 0 3px 0 0; float: left; font-size: 14px; text-transform: uppercase; text-align: center; color: #333; }
#upcoming-events li span.date .month { padding:0; margin:0; color: #fff; font-size: 11px; font-weight: normal; width: 100%; }
.ec3_schedule { float: none; }

/* =Ministries */
#homepage-content #minisrties { width: 170px; background: url(/_r/img/div-split-3.gif) top left no-repeat; padding: 10px 0 0 0; }
#homepage-content #minisrties ul { margin: 0; padding: 0; list-style: none; }
#homepage-content #minisrties li { margin-bottom: 0px; margin-top: 0px; }
#homepage-content #ministries li a { display: block; width: 170px; height: 51px; padding: 0; margin: 13px 0 0 0; }
#homepage-content #ministries li a:hover { background-position: 0px 0px !important; }

#homepage-content #ministries #women a { background: url(/_r/img/quicklinks_women.gif) -170px 0px no-repeat; }
#homepage-content #ministries #men a { background: url(/_r/img/quicklinks_men.gif) -170px 0px no-repeat; margin: 0 !important; }
#homepage-content #ministries #children a { background: url(/_r/img/quicklinks_children.gif) -170px 0px no-repeat; }
#homepage-content #ministries #youth a { background: url(/_r/img/quicklinks_youth.gif) -170px 0px no-repeat; }
#homepage-content #ministries #creative a { background: url(/_r/img/quicklinks_creative.gif) -170px 0px no-repeat; }
#homepage-content #ministries #prayer a { background: url(/_r/img/quicklinks_prayer.gif) -170px 0px no-repeat; }
#homepage-content #ministries #urban a { background: url(/_r/img/quicklinks_urban.gif) -170px 0px no-repeat; }
#homepage-content #ministries #missions a { background: url(/_r/img/quicklinks_missions.gif) -170px 0px no-repeat; }

#main-copy h2 span { display: none !important; }
#main-copy h2#h-men { background: url(/_r/img/img-ministry-men.jpg) no-repeat; display: block; height: 125px; width: 480px; }
#main-copy h2#h-women { background: url(/_r/img/img-ministry-women.jpg) no-repeat; display: block; height: 125px; width: 480px; }
#main-copy h2#h-youth { background: url(/_r/img/img-ministry-youth.jpg) no-repeat; display: block; height: 125px; width: 480px; }
#main-copy h2#h-children { background: url(/_r/img/img-ministry-children.jpg) no-repeat; display: block; height: 125px; width: 480px; }
#main-copy h2#h-creative { background: url(/_r/img/img-ministry-creative.jpg) no-repeat; display: block; height: 125px; width: 480px; }
#main-copy h2#h-prayer { background: url(/_r/img/img-ministry-prayer.jpg) no-repeat; display: block; height: 125px; width: 480px; }
#main-copy h2#h-urban { background: url(/_r/img/img-ministry-urban.jpg) no-repeat; display: block; height: 125px; width: 480px; }
#main-copy h2#h-missions { background: url(/_r/img/img-ministry-missions.jpg) no-repeat; display: block; height: 125px; width: 480px; }


/* Breadcrumbs */
#bct p {font-size: 11px;}

/* =Sermons */
#sermons { width: 168px; padding: 5px 0 0 0; background: url(/_r/img/bg-sermon.gif) top right repeat-y; border-bottom: 1px solid #F2F2F2; border-top: 1px solid #F2F2F2; }
.latest_sermon .listen a { display: block; background: url(/_r/img/btn-listen.gif) no-repeat; margin: 4px 0 0 0; width: 67px; height: 22px; }
.latest_sermon_list .latest_sermon { border: 1px solid #eee; padding: 0 10px; margin: 0 0 10px 0; }
.latest_sermon_list .latest_sermon:hover { border: 1px solid #ccc !important; }
.latest_sermon .sermon_date { float: right; color: #999; margin: 10px 0 0 0; font: bold 1.4em/1.3  "Lucida Grande", Arial, Helvetica, sans-serif; }

.podPress_content { border: 1px solid #ccc; padding: 5px; }

#bl_series { color: #333; }

ul#mediabox { list-style: none; margin: 0; padding: 0; }
ul#mediabox li { float: left; margin: 0 5px 0 0; }
ul#mediabox li a span { display: none; }

#mb_video { display: block; width: 67px; height: 22px; background: url(/_r/img/btn-video.gif) no-repeat; }
#mb_jukebox { display: block; width: 67px; height: 22px; background: url(/_r/img/btn-play.gif) no-repeat; }
#mb_download { display: block; width: 67px; height: 22px; background: url(/_r/img/btn-save.gif) no-repeat; }
#mb_notes { display: block; width: 67px; height: 22px; background: url(/_r/img/btn-notes.gif) no-repeat; }

li#mb_download a, li#mb_jukebox a, li#mb_notes a, li#mb_video a { display: block; width: 67px; height: 22px; }