/* @override http://www.wordserve.org/css/home.css */ /* @override http://www.wordserve.org/css/home.css */ /* @override http://www.wordserve.org/css/home.css */ #container { position:relative; min-height:994px; left:-1px; padding-top: 0; margin: 0 auto;} #content-wrap { min-height:1px; } /* @group WELCOME */ #welcome { display:block; padding:10px 40px 0; width:246px; height:305px; background:url(/images/bg_welcome.jpg) no-repeat; float:left; position:relative; _overflow:hidden; } #welcome p.all{ position: absolute; top: 26px; right: 20px; margin: 0; z-index: 999; } #welcome p.all a{ display: block; width: 71px; height: 20px; background: url(/images/bg_welcome_p_all.jpg) no-repeat; padding: 9px 0 0 28px; text-decoration: none; text-transform: uppercase; color: #7a3e2b; font-size: 1em; } #welcome a:hover{ text-decoration: underline !important; } #welcome .event{ padding: 14px 0 18px; margin-left: -7px; background: url(/images/bg_welcome_event.gif)no-repeat bottom; } #welcome .event.last{ background: none; } #welcome .event h4{ margin: 0 0 7px; font-size: 1.5em; } #welcome .event h4 a{ color: #483c31; font-weight: normal; text-decoration: none; } #welcome .event p{ font-size: 1.2em; color: #776656; margin: 0 !important; } #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:633px; height:346px; background:url(/images/banner_bg.png) no-repeat; position:relative; margin-top: -15px; left:0; z-index: 999; } #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:965px; padding:0; } #sidebar { float:right; width:315px; padding:0; } #content { background:url(/images/home_content_bg.jpg) no-repeat; margin-top: -1px;} #content-wrap { padding-bottom:25px; background:url(/images/home_content_wrap_bg.jpg) repeat-y 3px 0; } /* @end */ /* @group MESSAGE */ #message { padding:10px 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:96px; height:42px; background:url(/images/the_latest_tab.jpg) no-repeat; text-indent:-999em; position:absolute; top:6px; left:-6px; margin:0; } #message h4 { margin:0; font-size:21px; color:#842410; padding-top: 2px; font-weight: normal;} #message h4 a { color:#f8f3e8; text-decoration:none; } #message h4 a:hover { text-decoration:underline; } #message h4 span { font:bold 14px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif; color:#be9d8b; padding-left: 10px; } #message ul { position:absolute; top:1px; right:25px; margin:0; padding:0; list-style:none; background:url(/images/sermon_controls.gif) no-repeat 0 -102px; width:282px; 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:117px; height:51px; background-position:left top; } #message a.play:hover { background-position:left -51px; } #message a.download { left: 117px; width:53px; background-position:-117px top; } #message a.download:hover { background-position:-117px -51px; } #message a.sl_notes { left: 170px; ;width:54px; background-position:-170px top; } #message a.sl_notes:hover { background-position:-170px -51px; } #message a.podcast {left: 224px;width: 58px; background-position: -224px top;} #message a.podcast:hover {background-position: -224px -51px;} /* @end */ /* @group Main Welcome */ #main a{ color: #a57c0e; } #main-welcome{ float: left; width: 273px; padding: 0 28px 120px; position: relative; } #main-welcome h4, #main #articles h4, #meet-the-pastor h4{ width: 274px; margin: 0 !important; margin-top: 5px !important; } #main-welcome h3{ color: #7e4935; font-size: 1.4em; margin: 10px 0; } #meet-the-pastor{ width: 260px; float: left; padding: 0 15px; } #meet-the-pastor h4{ margin } #meet-the-pastor img{ padding: 5px; margin-top: 2px; margin-left: 5px; border: 1px solid #dfd8c5; background: #fff; } /* @end */ /* @group ARTICLES */ #articles { padding:0 23px;margin:0; width:280px; float:left; position:relative; clear: none; } #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:10px 0 15px 33px; margin-left:-36px; padding-right: 13px; } .article h3 { font-size:16px; font-weight:normal; margin:0; width: 280px; position: relative; padding-right: 40px; position:relative;} .article:hover span { display:block; } #home .article h3 a { color:#7e4935; text-decoration:none; float:left; font-weight: bold;} .article:hover h3 a, .article h3 a:hover { text-decoration:underline; } #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; 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:290px; height: 52px; margin:0 auto; background: url(/images/bg_eletter2.gif) no-repeat; margin-left: -8px; margin-top: 30px;} #eletter h3 { margin: 0;} #eletter h3 a{ display: block; height: 52px; text-indent: -9999px; } #eletter form, #eletter fieldset { margin:0; padding:0; border:0; } #eletter form { padding-bottom:1px; margin-left: 0px; } #eletter #ea { padding:6px 4px; padding-left: 8px;width:176px; height:17px; border:0; font-size:12px; color:#a3a394; background:#fefefd; float:left; margin-left: 0px; display: inline; margin-right: 2px; } #eletter #submit { float:left; position:relative; top:-2px; } #eletter p{ margin: 0 0 0 20px; } /* @end */ /* @group ROTATOR */ #rotator { overflow: hidden; margin: 0; position: relative; width: 588px; height: 272px; top:33px; left:24px; } #rotator img { border: 0; width: 588px; height: 272px; display:none; position:absolute; top:0; left:0;} /* @end */ #right-paper { top:214px; } #topcontent{ background-image: url(/images/bg_home_topcontent.jpg); }