/* @override http://westchesterindianchurch.cpmpreview.com/css/home.css http://www.indianchristianchurch.org/css/home.css */ #outer-container { background:url(/images/home_outer_container_bg2.jpg) no-repeat center 175px; } #container { position:relative; min-height:994px; left:-1px; padding-top: 0;} #topcontent { margin-top:30px; height:auto; } #content-wrap { min-height:1px; } /* @group WELCOME */ #welcome { display:block; padding:10px 40px 0; width:253px; height:315px; background:url(/images/welcome_bg.jpg) no-repeat; float:left; position:relative; _overflow:hidden; } #welcome h2 { margin-bottom:.5em; margin-left: -5px; } #welcome p { font-size:1.2em; line-height:1.7em; color:#79745d; margin-top: 5px; } #welcome #content-two p{ margin-top: 15px; } #content-two { display:none; } #tabs { position:absolute; left:0px; bottom:2px; margin:0; padding:0; list-style:none; width:332px; height:30px; background:url(/images/tabs_bg.gif) no-repeat; } #tabs li { display:inline; float:left; } #tabs li a { display:block; float:left; height:30px; padding:0; text-decoration:none; width:166px; background:url(/images/tabs_bg.gif) no-repeat; text-indent:-999em; } #tabs #tab-one { background-position:left bottom; } #tabs #tab-one.active { background-position:left top; } #tabs #tab-two { background-position:right bottom; } #tabs #tab-two.active { background-position:right top; } /* @end */ /* @group SUNDAYS */ #sundays { background:url(/images/sundays_bg.gif) no-repeat; padding:13px 0 0 14px; width:294px; height:65px; overflow:hidden; position:relative; left:-15px; top: 6px; } #sundays h4 { font-size:1.4em; font-weight:normal; color:#792b1c; margin:0; } #sundays p { margin:2px 0 0; font-size:13px; color:#564432; } /* @end */ /* @group LINKLIST */ #linklist { background:url(/images/linklist_bg.gif) no-repeat; padding:8px 0 0 16px; width:292px; height:86px; ov~erflow:hidden; position:relative; left:-15px; top:6px } #linklist ul { margin:0; padding:0; list-style:none; } #linklist li { display:block; padding:5px 0 7px; } #linklist li a { padding-left:30px; font:bold 12px "Lucida Grande", arial, verdana,sans-serif; color:#99874f; text-decoration:none; } #linklist li a:hover { text-decoration:underline; } #linklist li#invite-a-friend { background:url(/images/invite_icon.gif) no-repeat left 6px; } #linklist li#last-weeks-study-notes { background:url(/images/study_notes_icon.gif) no-repeat left 5px; } #linklist li#get-connected-in-a-small-group { background:url(/images/small_groups_icon.gif) no-repeat left 4px; } #linklist li#online-giving{ background: url(/images/give_icon.gif) no-repeat left 6px; } /* @end */ /* @group BANNER */ #banner { float:left; display: inline; width:626px; height:346px; background:url(/images/banner_bg.jpg) no-repeat; position:relative; margin-top: -10px; left:0; } #controls { position:absolute; bottom:26px; left:296px; margin: 0; padding: 0;} #controls li { display:inline; float:left; padding-right: 4px;} #controls li a { display:block; float:left; background:url(/images/rotator_controls.gif) no-repeat 0; width:10px; height:6px; text-indent:-999em; } #controls li .current { background-position:right bottom; position:relative; left:-3px; top: 0; _top:-3px;} #controls li a:focus { outline:none } /* @end */ /* @group CONTENT */ #main { float:left; width:625px; padding:0; } #sidebar { float:right; width:315px; padding:0; } #content { background:url(/images/home_content_bg.gif) no-repeat; } #content-wrap { padding-bottom:25px; background:url(/images/home_content_wrap_bg.gif) repeat-y; } /* @end */ /* @group MESSAGE */ #message { padding:26px 0 0 96px; position:relative; height:64px; } #message p { margin:0;margin-top: -2px; text-transform:uppercase; color:#949288; font-size:10px; letter-spacing: .1em; } #message h3 { display:block; width:87px; height:42px; background:url(/images/the_latest_tab.gif) no-repeat; text-indent:-999em; position:absolute; top:24px; left:-6px; margin:0; } #message h4 { margin:0; font:normal 22px georgia, times, serif; color:#842410; padding-top: 4px; } #message h4 a { color:#4c562b; text-decoration:none; } #message h4 a:hover { text-decoration:underline; } #message h4 span { font:bold 12px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif; color:#7e7a66; padding-left: 10px; } #message ul { position:absolute; top:18px; right:27px; margin:0; padding:0; list-style:none; background:url(/images/sermon_controls.gif) no-repeat 0 -102px; width:260px; height:51px; } #message li { float:left; display:inline; } #message li a { display:block; float:left; background:url(/images/sermon_controls.gif) no-repeat; width:50px; height:51px; text-indent:-999em; position: absolute; } #message a.play { left: 0;width:105px; height:51px; background-position:left top; } #message a.play:hover { background-position:left -51px; } #message a.download { left: 105px; width:51px; background-position:-105px top; } #message a.download:hover { background-position:-105px -51px; } #message a.sl_video { left: 156px; ;width:49px; background-position:-156px top; } #message a.video:hover { background-position:-156px -51px; } #message a.podcast {left: 205px;width: 50px; background-position: -205px top;} #message a.podcast:hover {background-position: -205px -51px;} /* @end */ /* @group ARTICLES */ #articles { background:url(/images/articles_bg.gif) repeat-y left top; padding:7px 0 0 36px;margin:20px 0 0; width:335px; float:left; position:relative; } #articles h4 { width:112px; height: 20px; background: url(/images/bg_articles_h4.gif) no-repeat; text-indent: -9999px; margin: 0;} #articles .subscribe, #series .inner .subscribe { display:block; width:9px; height:9px; background:url(/images/mini_feed_icon.gif) no-repeat; text-indent:-999em; position:absolute; top:8px; right:205px; } .article { padding:16px 0 15px 36px; margin-left:-36px; } .article:hover { background:url(/images/article_hover_bg.gif) repeat-y; } .article h3 { font-size:16px; font-weight:normal; margin:0; width: 280px; position: relative; padding-right: 40px; position:relative;} .article h3 span { background:url(/images/article_hover_h3_icon.gif) no-repeat left center; padding:0; position: absolute; top: 5px; right: 10px; text-indent:-999em; width:22px; height:23px; display:none; float:right; } .article:hover span { display:block; } #home .article h3 a { color:#6e7b44; text-decoration:none; float:left; } .article:hover h3 a, .article h3 a:hover { text-decoration:none; } #main .article p { font-size:1.1em; color:#696864; line-height:1.5em; margin-bottom:0; } #main .article p.date { font-size:11px; color:#99968e; margin:3px 0 0; line-height:1; margin-bottom: -2px; } #main .article p a { font-size:11px; color:#6e7b44; text-decoration: underline;} #main .article p a:hover { text-decoration:none; } #all-articles { display:block; width:117px; height:19px; background:url(/images/all_articles_btn.gif) no-repeat; text-indent:-999em;margin-top: -4px; } #all-articles:focus { outline:none; } /* @end */ /* @group CURRENT SERIES */ #series { float:right; width:201px; margin:11px -5px 0 0; padding:6px; background:#f8f6f3; } #series .inner { background:#fff; border:1px solid #ebe8e3; padding:12px 8px; width:185px; position:relative; float: left; } #series .inner h4{ height: 10px; width: 106px; background: url(/images/bg_series_h4.gif) no-repeat; text-indent: -9999px; margin: 4px 4px 10px; } #series .inner .subscribe { top:15px; right:13px; } .subscribe:focus { outline:none; } #series .inner img { clear:both; display:block; margin-top: 0;margin-bottom: 10px; border:0; float: left;} #series .inner ul { margin:0; padding:0; list-style:none; } #series .inner li { display:block; padding:5px 2px; float: left; width: 180px; font-size: 11px; color: #aba898;} #series .inner span { display:block; float:right; width:25px; text-align:right; font-size:9px; color:#8f8c80;} #series .inner span.future_title{ float: left; display: block; width: 140px; text-align: left; font-size: 11px; } #series .inner li a { font-size: 11px; float:left; padding-left:2px; text-decoration:none; color:#aba898; width: 120px; line-height: 1.6em; padding-right:20px; } #series .inner li a:hover{ background: url(/images/current_series_play_icon.gif) no-repeat right 2px; } #series .inner li img { display:inline; position:relative; top:2px; margin:0; border:none; } #series li.current a { color:#4a433b; font-weight:bold; } #series li a:hover { color:#4a433b; text-decoration:underline; } /* @end */ /* @group MINI CAL */ #calendar { padding:20px 23px 32px; position: relative;} #calendar table { background:#fff url(/images/cal_bg.gif) repeat-y; width:265px; border-collapse:collapse; border-bottom:1px solid #e1e1d4; } #calendar caption { background:url(/images/cal_caption_bg.gif) no-repeat right 2px; padding:0 0 10px; text-align:left; font-size:13px; font-weight:bold; color: #585650; } #calendar caption em{ font-weight: normal; font-style: normal; } #calendar span {no-repeat; display:block; height:11px; width:12px; padding-top: 2px; } #calendar span.calendar-next{ position:absolute; top:20px; right:26px; } #calendar span.calendar-prev{ position:absolute; top:20px; right:44px;} #calendar span img{ width: 12px; height: 11px; display: block; float: left; vertical-align: bottom; } #calendar th { font-size:10px; font-weight:normal; color:#84806c; background:#e6e4d7; height:15px; padding-top: 3px; } #calendar td { text-align:left; padding:3px 3px; width:33px; height:23px; vertical-align:top; border:1px solid #e1e1d4; border-width:1px 1px 0 0; font-size:9px; } #calendar td span{ display: block; height: 100%; width: 100%; } #calendar td.linked-day { background:#fef8d3; } #calendar td a { color:#313028; text-decoration:none; display:block; width:35px; height:23px;} #traildiv { position:absolute; top:0; left:0; z-index:5000; } #traildiv ul { background:#4a463f; text-align:left; margin: 0; padding:10px; list-style: none; opacity:.91; filter:alpha(opactiy=91); } #traildiv ul li { margin: .75em; } #traildiv li a { color:#ebe9d8; font-size:11px; text-decoration:none; font-weight:bold; } /* @end */ /* @group ELETTER */ #eletter { width:265px; margin:0 auto; margin-left: 23px; } #sidebar #eletter h3 { width: 201px; height: 14px; padding: 0; background: url(/images/bg_eletter_h3.gif) no-repeat; text-indent: -9999px; margin-bottom: 9px;} #eletter form, #eletter fieldset { margin:0; padding:0; border:0; } #eletter form { background:url(/images/newsletter_bg.gif) no-repeat left bottom; padding-bottom:1px; margin-left: 0px; } #eletter #ea { padding:4px; padding-left: 8px;width:181px; height:16px; border:0; font-size:11px; color:#a3a394; background:#f4f2ef; float:left; margin-left: 0px; } #eletter #submit { float:right; position:relative; top:1px; } /* @end */ /* @group ROTATOR */ #rotator { overflow: hidden; margin: 0; position: relative; width: 578px; height: 280px; top:24px; left:24px; } #rotator img { border: 0; width: 578px; height: 280px; display:none; position:absolute; top:0; left:0; } /* @end */ #right-paper { top:195px; } #shelf #map_canvas small a{ color: #fff !important; font-size: 1.2em; padding-top: 5px; display: block; text-decoration: none; } #shelf #map_canvas small a:hover{ text-decoration: underline; }