/* File: screen.css Media: screen /* Reset Defaults --------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;} :focus { outline: 0;} ul { list-style: none;} table { border-collapse: separate; border-spacing: 0;} caption, th, td { text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after { content: "";} blockquote, q { quotes: "" "";} blockquote { font-size: 1.8em; margin: 30px auto 35px auto; width: 80%; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.6em; text-align: center; color: #000000; font-style: italic;} blockquote p { } /* Basic Selectors --------------------------------------------------------------------------------------- */ html {height: 100%;} body { background: #000000 url(../images/bg/bg_body.jpg) 0 0 repeat-x; font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #666666; height: 100%;} h1, h2, h3, h4, h5, h6 { font-size:1.8em; font-weight:bold; color: #1f1e1c; font-family: Helvetica, Arial, Verdana, sans-serif; } p { font-size:1.2em; line-height:1.4em; margin:12px 0; } small { font-size:1.1em;} .align-left { text-align:left; } .align-center { text-align:center; } .align-right { text-align:right; } .float-left { float:left; } .float-right { float:right; } .float-none { float:none; } .clear-left {clear: left;} .clear-right {clear:right;} .push {clear:both;} .hide {display: none;} .overflow { width: 100%; overflow: hidden; } p.btn { margin-top: 20px; margin-bottom: 0; } p.last { margin-bottom: 0; } .margin-bottom { margin-bottom: 20px; } .article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; } .title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; } /* Links --------------------------------------------------------------------------------------- */ a {font-weight: bold; text-decoration: none;} a:link { color: #ff7a00;} a:visited { color: #ff7a00;} a:hover { color: #000000; text-decoration: underline;} a:active { color: #ff7a00;} .header a {font-weight: bold; text-decoration: none;} .header a:link { color: #999999;} .header a:visited { color: #999999;} .header a:hover { color: #ff7a00; text-decoration: underline;} .header a:active { color: #999999;} .rotator_side_row a {font-weight: bold; text-decoration: none;} .rotator_side_row a:link { color: #999999;} .rotator_side_row a:visited { color: #999999;} .rotator_side_row a:hover { color: #ffffff; text-decoration: none;} .rotator_side_row a:active { color: #999999;} .community_box a {font-weight: bold; text-decoration: none;} .community_box a:link { color: #ffffff;} .community_box a:visited { color: #ffffff;} .community_box a:hover { color: #898884; text-decoration: underline;} .community_box a:active { color: #ffffff;} .sidebar a:link { color: #ff7a00;} .sidebar a:visited { color: #ff7a00;} .sidebar a:hover { color: #000000; text-decoration: underline;} .sidebar a:active { color: #ff7a00;} .footer a:link { color: #ffffff;} .footer a:visited { color: #ffffff;} .footer a:hover { color: #ff7a00; text-decoration: underline;} .footer a:active { color: #ffffff;} a.arrow {background: transparent url(../images/arrows/arrow_blue.gif) 100% 50% no-repeat; padding-right: 14px;} .btn_more { display:block; width: 45px; height: 16px; text-indent: -9999px; background: transparent url(../images/btn/btn_more.gif) top left no-repeat; float: right; margin: 3px 3px 0 0; } .btn_more:hover { background-position: top right;} .btn_addcard { display:block; width: 90px; height: 16px; text-indent: -9999px; background: transparent url(../images/btn/btn_addcard.gif) top left no-repeat; float: right; margin: 3px 3px 0 0; } .btn_addcard:hover { background-position: top right;} .btn_edit_profile { display:block; width: 90px; height: 16px; text-indent: -9999px; background: transparent url(../images/btn/btn_edit_profile.gif) top left no-repeat; float: right; margin: 3px 3px 0 0; } .btn_edit_profile:hover { background-position: top right;} .btn_new_entry { display:block; width: 73px; height: 16px; text-indent: -9999px; background: transparent url(../images/btn/btn_new_entry.gif) top left no-repeat; float: right; margin: 3px 3px 0 0; } .btn_new_entry:hover { background-position: top right;} .btn_go_small { display:block; width: 28px; height: 16px; text-indent: -9999px; background: transparent url(../images/btn/btn_go_small.gif) top left no-repeat; float: right; margin: 3px 3px 0 0; } .btn_go_small:hover { background-position: top right;} .btn_go { display:block; width: 25px; height: 16px; text-indent: -9999px; background: transparent url(../images/btn/btn_go.gif) top left no-repeat; float: right; margin: 0 0 0 0; } .btn_go:hover { background-position: top right;} .btn_donate { display:block; width: 104px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_donate.gif) top left no-repeat; } .btn_donate:hover { background-position: top right;} .btn_donate_header { display:block; width: 104px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/bergabung.gif) top left no-repeat; float: right; display: inline; margin-bottom: 10px;} .btn_donate_header:hover { background-position: top right;} .btn_logout { display:block; width: 75px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_logout.gif) top left no-repeat; float: right; display: inline; margin-bottom: 10px; margin-top:10px;} .btn_logout:hover { background-position: top right;} .btn_learn_more { display:block; width: 104px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_learn_more.gif) top left no-repeat; } .btn_learn_more:hover { background-position: top right;} .btn_learn_more_pink { display:block; width: 104px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_learn_more_pink.gif) top left no-repeat; } .btn_learn_more_pink:hover { background-position: top right;} .btn_sign_up_today { display:block; width: 104px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_daftar_sekarang.gif) top left no-repeat; } .btn_sign_up_today:hover { background-position: top right;} .btn_back { display:block; width: 56px; height: 21px; text-indent: -9999px; background: transparent url(../images/btn/btn_back.gif) top left no-repeat; float: right; } .btn_back:hover { background-position: top right;} .btn_volunteer_print { display:block; width: 74px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_volunteer_print.gif) top left no-repeat; margin-top: 16px; float: left; margin-right: 14px; } .btn_volunteer_print:hover { background-position: top right;} .btn_become_a_fan { display:block; width: 136px; height: 39px; text-indent: -9999px; background: transparent url(../images/btn/btn_become_a_fan.gif) top left no-repeat; float: left; } .btn_become_a_fan:hover { background-position: top right;} .btn_join_a_cause { display:block; width: 136px; height: 39px; text-indent: -9999px; background: transparent url(../images/btn/btn_join_a_cause.gif) top left no-repeat; float: right; } .btn_join_a_cause:hover { background-position: top right;} .btn_post { display:block; width: 41px; height: 16px; text-indent: -9999px; background: transparent url(../images/btn/btn_post.gif) top left no-repeat; float: right; margin: 0 0 0 0; } .btn_post:hover { background-position: top right;} .btn_stw_download { display:block; width: 71px; height: 12px; text-indent: -9999px; background: transparent url(../images/btn/btn_download.jpg) top left no-repeat; margin: 0 0 0 0; } .btn_stw_download:hover { background-position: top right;} .badges .btn_stw_download { margin: 16px 0 0 39px; } .btn_stw_get_code { display:block; width: 63px; height: 12px; text-indent: -9999px; background: transparent url(../images/btn/btn_get_code.jpg) top left no-repeat; margin: 8px 0 0 0; } .btn_stw_get_code:hover { background-position: top right;} .btn_send_to_friend { display:block; width: 104px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_send_to_friend.gif) top left no-repeat; } .btn_send_to_friend:hover { background-position: top right;} .badges .btn_stw_get_code { margin: 16px 0 0 39px; } /* Main Structural Selectors --------------------------------------------------------------------------------------- */ .container { width:960px; margin: 0 auto; padding:23px 18px 0 18px; background: transparent url(../images/bg/bg_container.png) 0 24px no-repeat; } .header { width:960px; height:110px; margin: 0 auto; padding: 0; overflow: hidden; background: transparent url(../images/bg/bg_header.png) 0 0 repeat-x; } .content { width:920px; margin: 0 auto; padding: 8px 20px 20px 20px; background: #ffffff url(../images/bg/bg_content.gif) 0 0 repeat; overflow: hidden; } .main { width:570px; float:left; display:inline; margin: 0 0 0 0; } .sidebar { width:232px; padding:0; float:right; display:inline; margin: 17px 0 0 0; color: #666666;} .footer { width: 960px; margin: 0 auto; padding: 12px 0 24px 0; color: #444444; overflow: hidden; border-top: 10px solid #ff7a00; } * html .container { width:996px; margin: 0 auto; padding:0 18px; background: transparent url(../images/bg/bg_container.gif) 0 10px no-repeat; padding: 0 0; } /* Header Layout --------------------------------------------------------------------------------------- */ .header h1 { float: left; display: inline; margin: 17px 0 0 16px; } .header h1 a { display: block; width: 375px; height: 90px; text-indent: -9999px; background: transparent url(../images/iw2_logo_yes.png) top left no-repeat; } .donate_header { float: right; display: inline; overflow: hidden; margin: 30px 20px 0 0; width: 50%;} .donate_header p { text-align: right; clear: right; font-size: 1.1em; } ul.user_nav { margin:0; } ul.user_nav li{ float:left; margin-left:10px; } ul.user_nav li a { color:#999999; text-decoration:none; font-size:12px; font-weight:normal; } ul.user_nav li a:hover { color:#cccccc; } .main_nav { height: 52px; background: #ffffff url(../images/bg/bg_main_nav_ul_2.gif) 0 40px repeat-x; width:960px; overflow: hidden;} .main_nav li { height: 40px; float: left; display: inline; } .main_nav li a { display: block; height: 40px; text-indent: -9999px; background: transparent url(../images/bg/menu_utama.png) 0 0 no-repeat; } * html .main_nav { margin-left: 18px; } #home { width: 166px; background-position: 0 0; } #home:hover { background-position: 0 -40px; } #about { width: 104px; background-position: -166px 0; } #about:hover { background-position: -166px -40px; } #get { width: 104px; background-position: -270px 0; } #get:hover { background-position: -270px -40px; } #cerita { width: 230px; background-position: -380px 0; } #cerita:hover { background-position: -380px -40px; } #blog { width: 231px; background-position: -374px 0; } #blog:hover { background-position: -374px -40px; } #spread { width: 190px; background-position: -605px 0; } #spread:hover { background-position: -605px -40px; } #contact { width: 165px; background-position: -795px 0; } #contact:hover { background-position: -795px -40px; } body.home a#home, body.home a#home:hover { width: 166px; background-position: 0 -40px; } body.home .main_nav { background: transparent url(../images/bg/bg_main_nav_ul.gif) 0 40px repeat-x; } body.about a#about, body.about a#about:hover { width: 104px; background-position: -166px -40px; } body.about .main_nav { background: transparent url(../images/bg/bg_main_nav_ul.gif) 165px 40px repeat-x; } body.get a#get, body.get a#get:hover { width: 104px; background-position: -270px -40px; } body.get .main_nav { background: transparent url(../images/bg/bg_main_nav_ul.gif) 270px 40px repeat-x; } body.blog a#blog, body.blog a#blog:hover { width: 231px; background-position: -374px -40px; } body.blog .main_nav { background: transparent url(../images/bg/bg_main_nav_ul.gif) 440px 40px repeat-x; } body.spread a#spread, body.spread a#spread:hover { width: 190px; background-position: -605px -40px; } body.spread .main_nav { background: transparent url(../images/bg/bg_main_nav_ul.gif) 636px 40px repeat-x; } body.contact a#contact, body.contact a#contact:hover { width: 165px; background-position: -795px -40px; } body.contact .main_nav { background: transparent url(../images/bg/bg_main_nav_ul.gif) 812px 40px repeat-x; } /*navigasi baru*/ .main_nav_text { height: 41px; width:945px; background:#FFFFFF url(../images/bg/bg_main_nav_r.gif) repeat-x; padding:10px 0px 0px 15px; } .main_nav_text li { height: 40px; float: left; display: inline; } .main_nav_text li a {color:#FFFFFF; font-size:210%; text-transform:uppercase; text-decoration:none; border-right:1px solid #ffffff; padding:10px 15px 7px 15px; } .main_nav_text li a#6 {margin-right:0px;} .main_nav_text li a:active, .main_nav_text li a:hover { text-decoration:underline; } /* TITLES --------------------------------------------------------------------------------------- */ h2.title_featured { width: 195px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_featured.gif) 0 0 no-repeat; margin: 0 0 10px 25px; } h2.title_projects { width: 138px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/program.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0; } h2.title_latest_news { width: 210px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title-event-terbaru.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0; } h2.title_get_involved { width: 177px; height: 22px; text-indent: -9999px; background: #ffffff url(../images/titles/title-testimonial.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0; } h2.title_community_home { width: 880px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_community_home.gif) 0 0 no-repeat; margin: 0 0 20px 0; } h2.title_text_to_give { width: 143px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_text_to_give.gif) 0 0 no-repeat; margin: 0 0 16px 0; } h2.title_about_us { width: 181px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/tentang_iw2.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_staff { width: 123px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_staff.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_what_we_do { width: 153px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_what_we_do.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_financial { width: 326px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_financial.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_get_involved_2 { width: 282px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title-ikuti-program.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_events { width: 104px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title-events.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.cerita-dahsyat { width: 269px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/tutorial_artikel.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_projects_2 { width: 136px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_projects_2.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_donate { width: 107px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_donate.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_volunteer { width: 153px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_volunteer.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_prayer { width: 78px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_prayer.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_community { width: 161px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_community.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_take_action { width: 155px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_take_action.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_contact_us { width: 153px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_contact_us.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_admin { width: 212px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_admin.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_stay_up_to_date { width: 163px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title-bergabung.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_up_to_date { width: 230px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title-up-to-date.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_send_to_friend { width: 190px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title-kabari-teman.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_profile { width: 117px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_profile.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_edit_profile { width: 175px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_edit_profile.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_tulis_cerdas { width: 280px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_tulis_cerdas.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_privacy_policy { width: 196px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_privacy_policy.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_sitemap { width: 114px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_sitemap.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_404 { width: 84px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_404.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_blog { width: 76px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_blog.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_twitter { width: 118px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_twitter.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_facebook { width: 141px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_facebook.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_myspace { width: 126px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_myspace.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} h2.title_vimeo { width: 90px; height: 22px; text-indent: -9999px; background: transparent url(../images/titles/title_vimeo.gif) 0 0 no-repeat; margin: 0; float: left; display: inline; padding: 0;} .module_title_box { width: 100%; background: #bebcb7; overflow: hidden; } .main_content .module_title_box { width: 100%; background: #bebcb7; overflow: hidden; margin-bottom: 24px; } /* Rotator --------------------------------------------------------------------------------------- */ .rotator_box { overflow: hidden; width:100%; height:300px; margin-bottom:20px; } .rotator { width: 685px; height: 300px; float: left; display: inline; } .rotator_side { width:220px; height: 290px; padding:10px 10px 0 0; float: right; display: inline; background: transparent url(../images/bg/bg_rotator_side.gif) top right repeat-y; } .rotator_nav { width: 100%; } .rotator_side_row { border-top: 1px solid #585654; padding: 0; position: relative; width: 195px; height:50px; margin-left: 24px;} .rotator_nav li h6 { float: left; display: inline; color: #ff7a00; font-size: 1.4em; width: 20px; font-weight: normal; margin-top: 11px;} .rotator_nav li h4 { float: right; display: inline; color: #888888; width: 174px; font-weight: normal; font-size: 1.4em; margin-top: 11px; } .rotator_nav li a { font-weight: normal; text-decoration: none;} .rotator_nav li a.activeSlide { color: #ffffff; } /* Homepage Layout --------------------------------------------------------------------------------------- */ .twitter_feed { width: 100%; height: 46px; background: transparent url(../images/bg/bg_twitter.gif) 0 0 no-repeat; margin-bottom: 20px; padding: 0; } .twitter_feed td { vertical-align: middle; margin: 0; font-size: 1.3em; color: #666666; padding: 0 10px 0 80px; } .twitter_feed ul li { list-style: none; margin: 0; padding: 0;} .twitter_feed span { font-size: .75em; } .projects { border-bottom: 1px solid #d1cec7; padding-bottom: 18px; margin-bottom: 20px; } .project_box { float: left; display: inline; margin-top: 20px; margin-right: 20px; width: 215px; } .project_box img { border: 5px solid #bebcb7; } .projects .last { margin-right: 0; } .project_box_info { overflow: hidden; margin-top: 12px; } .project_box_info h3 { float: left; display: inline; margin-top: 1px; font-size: 1.4em; } .home_left_panel { float: left; display: inline; width: 450px; } .home_right_panel { float: right; display: inline; width: 450px; } .home_middle_bg { background: transparent url(../images/bg/bg_home_middle.gif) 0 0 repeat-y;} .latest_news_row { width: 406px; margin:0 auto; overflow: hidden; background: transparent url(../images/arrows/arrow_latest_news.gif) 100% 50% no-repeat; padding: 14px 12px 14px 0; border-bottom: 1px solid #e8e8e8; } .latest_news_row h6 { float: left; display: inline; font-weight: normal; color: #85817d; font-weight: normal; font-size: 2em;} .latest_news_row h3 { float:right; display: inline; width:82%; font-size: 2em;} .get_involved_row { width: 418px; margin:0 auto; overflow: hidden; border-bottom: 1px solid #e8e8e8; padding-bottom: 16px; margin-top: 16px;} .get_involved_row img { float: left; display: inline; border: 5px solid #bebcb7; } .get_involved_content { float: right; display: inline; width: 70%; } .get_involved_content p { margin: 6px 0; } .get_involved_content p.btn { margin: 12px 0 0 0; } .home_right_panel .last { padding-bottom: 0; border: 0; margin-bottom: 0; } .community_box { width: 880px; padding: 20px; background: #3c3b39; color: #898884; } .community_panel_left { float: left; display: inline; width: 430px; } .community_panel_right { float: right; display: inline; width: 398px; height:269px; border: 16px solid #2d2c2a; } .community_panel_left h3 { color: #ff7a00; } .community_panel_left h3 span { color: #898884; font-size: .7em; font-weight: normal; margin-left: 12px; } .community_panel_left p { margin: 0; font-size: 1.2em; } .share_options { width: 100%; overflow: hidden; margin: 23px 0; } .share_options li { float: left; display: inline; font-size: 1.8em; width: 50%; } .share_options li a.email { padding-left: 30px; background: transparent url(../images/icons/icon_community_email.gif) 0 50% no-repeat; } .share_options li a.invite { padding-left: 30px; background: transparent url(../images/icons/icon_community_invite.gif) 0 50% no-repeat; } .networks { width: 100%; overflow: hidden; margin: 8px 0 20px 0; } .networks li { float: left; display: inline; font-size: 1.8em; margin-right: 28px; } .networks li a.facebook { display:block; width: 120px; height: 33px; text-indent: -9999px; background: transparent url(../images/btn/btn_facebook.gif) top left no-repeat; } .networks li a.facebook:hover { background-position: top right; } .networks li a.twitter { display:block; width: 107px; height: 33px; text-indent: -9999px; background: transparent url(../images/btn/btn_twitter.gif) top left no-repeat; } .networks li a.twitter:hover { background-position: top right; } .networks li a.myspace { display:block; width: 118px; height: 33px; text-indent: -9999px; background: transparent url(../images/btn/btn_myspace.gif) top left no-repeat; } .networks li a.myspace:hover { background-position: top right; } #flickr_badge_uber_wrapper { overflow: hidden; width: 100%; margin: 14px 0 0 0;} .flickr_badge_image { float: left; display: inline; margin: 0 16px 0 0;} .flickr_badge_image img { border: 5px solid #545350; width: 60px; height: 60px;} #flickr_badge_source {text-align:left; margin:0 0 0 0;} #flickr_badge_icon {float:left;} #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;} #flickr_badge_wrapper {} #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;} .sidebar #flickr_badge_uber_wrapper { overflow: hidden; width: 100%; margin: 14px 0 0 0;} .sidebar .flickr_badge_image { float: left; display: inline; margin: 0 7px 7px 0;} .sidebar .flickr_badge_image img { border: 5px solid #cccccc; width: 60px; height: 60px;} .sidebar #flickr_badge_source {text-align:left; margin:0 0 0 0;} .sidebar #flickr_badge_icon {float:left;} .sidebar #flickr_badge_uber_wrapper a:hover, .sidebar #flickr_badge_uber_wrapper a:link, .sidebar #flickr_badge_uber_wrapper a:active, .sidebar #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;} .sidebar #flickr_badge_wrapper {} .sidebar #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;} .post_to_wall_box { width: 259px; padding: 13px; background: #eeeeee; margin-top: 24px; } .post_to_wall { width:200px; padding: 18px 13px 22px 46px; background: transparent url(../images/bg/bg_post_on_wall.gif) 0 0 no-repeat; height: 56px; margin-top: 6px; } .post_to_wall_tweet { width:211px; padding: 10px 6px 22px 42px; background: transparent url(../images/bg/bg_post_on_wall.gif) 0 0 no-repeat; height: 64px; margin-top: 6px; } .main_content .post_to_wall_box h4 { margin: 0; } .main_content .post_to_wall_box p { margin: 0; } .post_to_wall_button { width: 226px; padding: 0 13px 0 33px; margin-top: 4px } .post_to_wall_button p, .post_to_wall_myspace p { font-size: 1.1em; color: #999999; } .post_to_wall_myspace { width: 259px; margin-top: 4px } .post_to_wall_box .myspace_banner { margin: 13px 0 5px 0;} .social_media_logo { float: left; display: inline; margin: 3px 16px 8px 0; } /* Main Layout --------------------------------------------------------------------------------------- */ .main h4, .full h4 { font-size: 1.6em; margin: 20px 0; } .page_header h2 { font-size: 3em; font-weight: normal; color: #5d7c79; } .main_content p.crumbs { margin: 0 0 16px 0; font-size: 1.1em; } .main_content { width:600px; padding: 26px 30px; background: #ffffff; } .main_content { border: 1px solid #dddddd;} .main_content h3, .full h3 { font-size: 2.6em; } .main_content p { line-height: 1.6em; margin: 18px 0;} .main_content ul, .main_content dl, .main_content ol, .full ul { margin: 16px 0; } .main_content ul li, .main_content dl dd, .full ul li { list-style: disc; display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; } .main_content ol li { display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; } .main_image { float: left; display: inline; margin: 24px 28px 24px 0; } .main_image_small { float: left; display: inline; margin: 0 28px 24px 0; } .secondary_image { border: 10px solid #e8e8e8; margin: 0 0 4px 0; } .image_graph { margin: 12px 0 4px 0; } .staff_box { margin-top: 24px; } .staff { width:33%; float: left; display: inline; text-align: center; height: 304px; } .staff h3 { font-size: 1.2em; margin: 8px 0 2px 0; letter-spacing: normal; text-transform: none; } .staff_info { width: 200px; float: left; display: inline; } .staff_thumb_image { border: 10px solid #bebcb7;} .staff_bio_image { border: 10px solid #bebcb7; margin-top: 2px; } .staff_content { width: 58%; float: right; display: inline; } h4.staff_bio_name { font-size: 2.4em; } .staff_content h4 { font-size: 1.6em; margin: 0 0 2px 0; } .staff_content p:first-child { margin-top:0; } .staff_title { font-size: .75em; font-weight: normal; margin-left: 8px; } .staff_title img { vertical-align: bottom; margin:0 0 2px 6px; } .main_content .staff_info h4 { font-size: 1.2em; margin: 16px 0 0 0; } .main_content .staff_networks { margin: 12px 0 0 0; padding: 0; width: 100%; overflow: hidden; } .main_content .staff_networks li { margin: 0; padding: 0; list-style: none; float: left; display: inline; margin-right: 12px; } .main_content .staff_networks li a { display: block; width: 16px; height: 16px; text-indent: -9999px;} .staff_facebook, .staff_facebook:hover { background: transparent url(../images/staff/staff_facebook.gif) 0 0 no-repeat; } .staff_twitter, .staff_twitter:hover { background: transparent url(../images/staff/staff_twitter.gif) 0 0 no-repeat; } .staff_myspace, .staff_myspace:hover { background: transparent url(../images/staff/staff_myspace.gif) 0 0 no-repeat; } .staff_linkedin, .staff_linkedin:hover { background: transparent url(../images/staff/staff_linkedin.gif) 0 0 no-repeat; } .staff_flickr, .staff_flickr:hover { background: transparent url(../images/staff/staff_flickr.gif) 0 0 no-repeat; } .news_list { width: 100%; border-bottom: 1px solid #e8e8e8; padding: 14px 0; overflow: hidden; } .news_list .news_date { width: 10%; float: left; display: inline; } .news_list .listing { width: 87%; float: right; display: inline; border-bottom: 0; margin: 0; padding: 0; } .news_list h4 { font-size: 1.4em; margin: 0; } .news_list h5 { font-size: 1.4em; margin: 0; } .news_list .listing h4 { margin: 0 0 0 0; } .full { width:858px; padding: 26px 30px; background: #ffffff; border: 1px solid #dddddd; margin: 0 auto; } .full h4 { color: #ff7a00; } .site_map_list { width: 16%; float: left; display: inline; } .full .site_map_list li { font-size: 1.1em; margin-left: 12px; padding-left: 0;} .full .site_map_list li.site_map_title { margin: 0 0 8px 0; padding: 0; list-style: none; font-size: 1.4em;} .big_text { background: #d6ebc4 url(../images/icons/icon_confirmation.gif) 16px 50% no-repeat; padding: 8px 15%; width: 70%; text-align: center; margin: 24px 0; } .big_text p { font-size: 1.6em; color: #2c8603; margin: 0; line-height: 1.3em; } .confirmation_content h4 { margin: 30px 0 24px 0; } .main_content ul.pages { margin: -5px 0 0 0; padding: 0; overflow: hidden; width: 96%; border-top:1px solid #e2ddcd; border-bottom:1px solid #e2ddcd; padding: 6px 2%; background: #f8f6ed; } .main_content ul.pages li { margin: 0; padding: 0; float: left; display: inline; margin-right: 6px; color: #6d5935; } .main_content ul.pages li.title { padding-top: 3px; font-weight: bold; } .main_content ul.pages li a { display: block; padding:3px 4px; text-decoration: underline; } .main_content ul.pages li a:hover { text-decoration: underline; background: #f1f8fc;} .main_content ul.pages li a.active, ul.pages li a.active:hover { display: block; padding:3px 4px; border: 0; color: #6d5935; text-decoration: none; } .main_content ul.top_pages { margin: 24px 0; } .twitter_feed_2 { width: 100%; height: 126px; background: transparent url(../images/bg/bg_twitter.jpg) 0 0 no-repeat; padding: 0 20px 0 140px; margin: 6px 0 0 0; } .twitter_feed_2 td { vertical-align: middle; margin: 0; padding: 0;} .twitter_feed_2 h3 { color: #666666; font-size: 1.5em; line-height: 1.1em;} .twitter_feed_2 h3 span { font-size: .7em; } .main_content .twitter_feed_2 ul, .main_content .twitter_feed_2 ul li { margin: 0; padding:0; list-style: none; line-height: 1.2em; font-weight: normal; } .bg_community_section { margin-top: 30px; } .community_section_left { float: left; display: inline; width: 285px; } .community_section_right { float: right; display: inline; width: 285px; } .spread_the_word_box { margin-top: 24px; overflow: hidden; } .spread_the_word_title { background: #eeeeee; overflow: hidden; } .main_content .spread_the_word_title h4 { margin: 4px 0 1px 4px; float: left; display: inline; } .spread_the_word_row { overflow: hidden; margin: 24px 0 0 0; } .spread_the_word_content { width: 100%; float: none; text-align: left; border-bottom: 2px solid #eeeeee; padding-bottom: 16px; margin-bottom: 16px;} .badges .spread_the_word_content { width: 25%; float: left; display: inline; text-align: center; border-bottom: none; padding-bottom: 0; margin-top: 24px; margin-bottom: 0;} .badges { margin: 0 0 0 0; } .code_box { width: 560px; padding: 15px 20px 20px 20px; background: #feffbf; margin-top: 16px; border-top: 1px solid #ebeca2; border-bottom: 1px solid #ebeca2; } .code_box textarea { width: 534px; padding: 12px; background: #ffffff; border: 1px solid #ebeca2; height: 65px;} .main_content .code_box h4 { font-size: 1.4em; float: left; display:inline; margin: 0 0 6px 0; } .main_content .code_box a { float: right; font-size: 1.2em; display:inline; } .stw_dimensions { margin-top: 12px; } .main_content .stw_dimensions h4 { font-size: 1.2em; margin: 0; } .stw_dimensions p { margin: 2px 0; } .stw_dimensions p.small { font-size: 1.1em; color: #999999; margin-bottom: 0; font-style: italic; } .main_content h4.embed_code_title { font-size: 1.1em; margin: 10px 0; } .embed_code_input { width: 108px; border: 2px solid #ebeca2; padding: 4px; background: #feffbf; } .embed_code_box { overflow: hidden; width: 100%; margin-top: 8px; } .embed_code_box h4 { float: left; display: inline; } .embed_code_box .embed_code_input { float: left; display: inline; margin: 2px 0 0 12px; width: 82%; } .no_events { width: 90%; padding:8px 5%; text-align: center; background: #fefa9c; font-size: 1.6em; border-top:1px solid #e6e283; border-bottom:1px solid #e6e283; } /* Events & Calendar ______________________________________________________________________________________ */ .event_row { width: 100%; } .event_row h3 { margin-bottom: 20px; } .event_listing { border-bottom: 4px solid #f5ede2; overflow: hidden; padding-bottom: 12px; margin-bottom: 12px; width: 100%; } .left_panel_event_listing { width: 8%; float: left; display: inline; } .left_panel_event_listing h5 { font-size: 3.6em; font-weight: normal; } .right_panel_event_listing { width: 89%; float: right; display: inline; overflow: hidden; } .right_panel_event_listing h4 { margin: 0;} .right_panel_event_listing p { margin: 2px 0 0 0;} .featured_event_listing { border-bottom: 4px solid #f5ede2; overflow: hidden; padding-bottom: 12px; margin-bottom: 12px; } .left_panel_fevent_listing { width: 28%; float: left; display: inline;} .left_panel_fevent_listing h5 { font-size: 3.6em; font-weight: normal; } .right_panel_fevent_listing { width: 69%; float: right; display: inline; overflow: hidden; } .right_panel_fevent_listing h4 { margin: 0;} .right_panel_fevent_listing p { margin: 2px 0 0 0;} img.featured_event_thumb { width: 154px; height: 60px; } img.featured_event_image { width: 610px; height: 240px; margin-bottom: 24px; } .event_title { width: 100%; overflow: hidden; } .back { font-size: .65em; float: right; display: inline;} .table_events { width: 100%; border-collapse: collapse; font-size: 1.2em;} .table_events td { padding: 10px 0; border-bottom: 1px solid #f5ede2; } .table_events td.titles { background: #5e6874; color: #ffffff; font-weight: bold;} .table_events td p { margin: 0; padding: 0; font-size: 1em; } #calendar_box { width:100%; margin-bottom: 16px; } #calendar_box ul#calendar_months { width:244px;height: 46px; background:#d2cbad; text-align: center; overflow: hidden; } #calendar_box ul#calendar_months li { float:left; display: inline;} #calendar_box ul#calendar_months li#previous_month a { display:block; width:30px; height:46px; text-indent:-9999px; background: transparent url(../images/btn/btn_calendar_prev_month.gif) top left no-repeat; } #calendar_box ul#calendar_months li#previous_month a:hover { background-position: bottom left; } #calendar_box ul#calendar_months li#current_month { width:184px; color:#573401; font-size: 1.6em; line-height:46px; } #calendar_box ul#calendar_months li#next_month a { display:block; width:30px; height:46px; text-indent:-9999px; background: transparent url(../images/btn/btn_calendar_next_month.gif) top left no-repeat; } #calendar_box ul#calendar_months li#next_month a:hover { background-position: bottom left; } #calendar_box ul#calendar_dates { width:242px; padding:0 0 0 0;margin: 0 auto; border:1px solid #d2cbad; border-top: none;background: #ece8d1; text-align: center; overflow: hidden;} #calendar_box ul#calendar_dates li { float:left; display:inline; width:33px; height:33px; border-right:1px solid #d2cbad; border-bottom:1px solid #d2cbad; font-size: 1.2em;} #calendar_box ul#calendar_dates li.last_column { border-right:0; border-bottom:1px solid #d2cbad; width:38px;} #calendar_box ul#calendar_dates li.last_row { border-bottom:0;} #calendar_box ul#calendar_dates li.last_row_column { border:0;} #calendar_box ul#calendar_dates li.days { display:block; line-height:33px; font-weight: bold; background: #ffffff; color: #bb8c47;} #calendar_box ul#calendar_dates li a { display:block; line-height:33px; color:#bb8c47; text-decoration: none;} #calendar_box ul#calendar_dates li a:hover { background:#bb8c47; color:#ffffff; text-decoration: underline;} #calendar_box ul#calendar_dates li a.current_date { background:#bb8c47; color:#ffffff;} /* Projects Module ______________________________________________________________________________________ */ .ministries_content { width: 95%;} body.ministry_listings .main_content { width:630px; padding: 26px 0 26px 30px; background: #ffffff; } .ministry_listing_box { margin-top: 24px; } .ministry_listing { float: left; display: inline; margin-right: 30px; text-align: center; margin-bottom: 20px; width: 283px; } .ministry_listing img { border: 10px solid #eeeeee; } .ministry_listing h5 { width: 100%; background: #eeeeee; padding: 2px 0 12px 0; font-size: 1.2em; } .ministry_name { text-transform: none; color: #1665ce; font-weight: normal; margin-left: 4px; } .ministry_small_image { float: left; display: inline; margin: 6px 28px 24px 0; } .ministry_large_image { margin: 20px 0 24px 0; border: 10px solid #e8e8e8; } ul.ministry_nav { width:588px; margin: 0 0 8px 0; padding: 4px 4px 0 4px; overflow: hidden; background: #e8e8e8 url(../images/bg/bg_captions.gif) bottom left repeat-x; } ul.ministry_nav li { margin: 0; padding: 0; list-style:none; float: left; display: inline; border-right: 1px solid #111111; font-size: 1.3em; } ul.ministry_nav li:last-child { border-right: 1px solid #d5d5d5; } ul.ministry_nav li a { display: block; padding: 6px 16px 4px 16px; background: #333333; border-bottom: 3px solid #111111; color: #ffffff; } ul.ministry_nav li a:hover { text-decoration:none; background: #555555; border-bottom: 3px solid #454545;} ul.ministry_nav li a.active { background: #ffffff; border-bottom: 3px solid #ffffff; color: #111111; } .ministry_content { width: 100%; margin-bottom: 6px; } .ministry_right_panel { float: right; display: inline; width: 150px; margin: 22px 0 10px 20px; } .ministry_right_panel img { margin-bottom: 16px; } .ministry_drop_down { padding: 5px 5px 5px 6px; border: 8px solid #444444; margin: 16px 0; width: 99%; font-size: 1.4em; color: #666666; } .side_event_listing { border-bottom: 1px solid #454545; padding: 8px 0; } .side_event_listing:last-child { border:0; } .side_event_listing h4 { font-size: 1.2em; margin: 0; padding: 0; } .side_event_listing p { font-size: 1.2em; margin: 0; padding: 0; } /* Ministries Module ______________________________________________________________________________________ */ .missions_row { margin-bottom: 26px; } .missions_row img { float: left; display: inline; border: 5px solid #bebcb7; } .missions_right_panel { float: right; display: inline; width:60%; } .missions_right_panel h4 { margin: 0 0 0 0; font-size: 2.4em; } .missions_right_panel h5 { font-size: 1.2em; margin-top: 3px; color: #888888; font-weight: normal; } .missions_right_panel p { margin: 8px 0 0 0; } /* Volunteers Module ______________________________________________________________________________________ */ .volunteer_large_image { margin-bottom: 8px; } .volunteer_table { width: 100%; border-collapse: collapse; font-size: 1.2em; margin-top: 4px;} .volunteer_table td { padding: 8px 8px; border-top: 1px solid #cccccc; vertical-align: middle;} .volunteer_table td.titles { background: #e8e8e8; color: #1f1e1c; font-weight: bold; padding: 10px 8px;} .volunteer_table td p { margin: 0; padding: 0; font-size: 1em; } .volunteer_table td strong { color: #000000; } .volunteer_title { font-size: 1.2em; } .volunteer_table td p.cancel { margin-top: 20px; } .volunteer_table td.details_box { padding: 0; margin: 0; border-top: none;} .details { background: transparent url(../images/bg/bg_volunteer.gif) left bottom repeat-x; padding: 10px 3% 20px 3%; width:94%;} .details_content { width: 93%; border-left: 8px solid #e8e8e8; padding-left: 24px; overflow: hidden;} .details_content h2 { font-size: 1.1em; margin: 0 0 12px 0; } .details_content h3 { font-size: 1.1em; margin-top: 12px; } .details_content ul li { margin-bottom: 4px; font-size: 1.1em; } .vol_close { margin-top: 0; } .details_content p { margin: 16px 0; padding: 0; } td.no_border { border: none; } /* Sidebar Layout --------------------------------------------------------------------------------------- */ .sidebar h3 { padding:12px 0 8px 0; margin: 0; border-bottom: 2px solid #ccc; border-top: 2px solid #ccc; color: #1f1e1c; font-size: 1.6em; } .side_nav { margin-bottom: 16px; width: 232px; padding: 0 0 0 0;} .side_nav li { font-size: 1.6em; background: transparent url(../images/arrows/arrow_pink.gif) 0 50% no-repeat; border-bottom: 2px solid #cccccc; width: 93%; padding: 6px 0 6px 7%; overflow: hidden; } .side_nav li.last { border: none; } .side_nav li.sidebar_subnav_box { border: none; width: 93%; padding: 6px 0 6px 7%; background: #eeeeee; border-bottom: 2px solid #cccccc;} .sidebar_subnav li { border: none; font-size: .825em;} a.sidelink_dropwdown {float: left; display: inline; } a.btn_sidelink_dropwdown { float: right; display: inline; } a.btn_sidelink_dropwdown:hover { text-decoration:none; } .sidebar ul.checklist { margin: 24px 0; } .sidebar ul.checklist li { padding-left: 28px; background: transparent url(../images/icons/icon_check_small.gif) 0 50% no-repeat; font-size: 1.4em; color: #555555; margin-bottom: 6px; font-weight: bold; } .side_box { width: 232px; margin-bottom: 24px } .scripture { width: 206px; margin-bottom: 24px; padding: 0 13px; border-bottom: 2px solid #ccc; border-top: 2px solid #ccc; color: #1f1e1c; } .scripture p { font-size: 1.2em; line-height: 1.6em; color: #1f1e1c; } img.side_frame { border: 1px solid #cccccc;} img.images-cerita { width:180px; height:225px; margin-left:10px; float:right;} /* Footer Layout --------------------------------------------------------------------------------------- */ .divTextToGive { width:920px; padding:20px; background: #ff7a00; color: #ffffff; overflow: hidden; } .text_panel_left { width: 196px; float: left; display: inline; border-right: 2px solid #ff5763; padding-right: 17px; } .text_panel_right { width: 685px; float: right; display: inline; position: relative; height: 140px; } .text_panel_right small { display: block; position: absolute; left: 0; bottom: 0; width: 100%; color:#610019; font-size: 1em; } .text_panel_right h3 { font-size: 2.6em; color: #ffffff; margin-top: 24px; font-weight: normal; } .footer h2 { float: right; display: inline; margin-top: 4px; } .footer h2 a { display: block; width: 143px; height: 40px; text-indent: -9999px; outline: none; background: transparent url(../images/logo_embahweb.gif) left top no-repeat; } .footer h2 a:hover { background-position: right top; } .footer img { float: left; display: inline; margin-top: 6px; } .copyright { width: 95%; float: right; display: inline; margin-top: 10px; } .copyright p { font-size: 1.0em; margin: 0 0 4px 0; } .copyright p.last { margin-bottom: 0; } /* Sitemap Layout --------------------------------------------------------------------------------------- */ .btn_sitemap_home { display:block; width: 16px; height: 12px; text-indent: -9999px; background: transparent url(../images/btn/btn_sitemap_home.gif) top left no-repeat; margin: 16px 0 16px 12px; } .btn_sitemap_home:hover { background-position: top right;} .sitemap_box { margin-bottom: 20px; } .sitemap_header { width: 96%; background: #eeeeee; padding: 6px 2%; overflow: hidden; border-bottom: 1px solid #dddddd; } .main_content .sitemap_header h4 { margin: 0; float: left; display: inline; font-size: 1.8em; margin-top: 3px; } .sitemap_header a { float: right; display: inline; font-size: 1.4em; margin-top: 3px; } .main_content .sitemap_links { margin: 0; } .main_content .sitemap_links li { margin: 0; padding: 0; list-style: none; width: 100%; border-bottom: 1px solid #dddddd; font-size: 1.4em; } .main_content .sitemap_links li.last { border-bottom: none; } .main_content .sitemap_links li a { display: block; width: 96%; padding: 6px 2%; } .main_content .sitemap_links li a:hover { background: #fffccb;} /*post extras*/ .post-extras { margin-bottom:10px; } .post-extras a.retweet { display:block; width:36px; height:20px; background:transparent url(../images/btn/twitter-bird.gif) no-repeat scroll 0 0; float:right; text-indent:-9999px; margin-right:5px; } .post-extras a.retweet:hover { background-position: 0pt -20px; } .comment_popup a { background:transparent url(../images/btn/btn_right_comment.gif) no-repeat scroll right top; display:block; padding:0px 10px 0px 0px; text-align:center; color:#FFFFFF; height: 24px; width:auto; line-height:20px; float:right; font-weight:bold; margin-right:5px; } .comment_popup a span { background:transparent url(../images/btn/btn_left_comment.gif) no-repeat scroll left top; display:block; padding:0px 0px 0px 10px; color:#FFFFFF; height: 24px; line-height:20px; text-decoration:none; } .comment_popup a:hover { background-position:100% -24px; text-decoration:none; } .comment_popup a:hover span { background-position:0% -24px; text-decoration:none; } a.more-link { background:transparent url(../images/btn/btn_right.gif) no-repeat scroll right top; height: 20px; padding:0px 10px 0px 0px; display:block; line-height:20px; text-decoration:none; } a.more-link span{ background:transparent url(../images/btn/btn_left.gif) no-repeat scroll left top; display:block; padding:0px 0px 0px 10px; text-align:center; color:#FFFFFF; height: 20px; width:auto; line-height:20px; font-weight:bold; } a.more-link:hover { background-position:100% -20px; } a.more-link:hover span{ background-position:0% -20px; } /*additional comment*/ .main_content .commentlist li { border-left:8px solid #E8E8E8; margin-top: 15px; margin-right: 0pt; margin-bottom: 3px; margin-left: 24px; padding-top: 5px; padding-right: 30px; padding-bottom: 3px; padding-left: 30px; } .commentmetadata { margin-top: 16px; margin-right: 0pt; margin-bottom: 16px; margin-left: 0pt; display: block; font-style: italic; padding-top: 8px; border-top-width: 1px; border-top-style: dashed; border-top-color: #e4dca3; } /*tambahan dari wp style*/ /* Theme Name: CMG Custom Theme URI: Description: The WordPress theme was designed by the famous Church Media Group. Version: 1.6 Author: Ismael Burciaga Author URI: http://churchmedia.cc/ */ .entry p a:visited { color: #b85b5a; } small, .sidebar ul ul li, .sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { letter-spacing: .07em; } .post h2 { font-size: 2.6em; } .right_post { float: right; display: inline; width: 87%; } .post h6.counter { font-size: 4.3em; float: left; display: inline; color: #bbbbbb; width: 60px; text-align: right; } .right_post small { display: block; font-size: 1.2em; margin: 3px 0 0 0; } .post_list:hover { background:#f5f5f5; } .post { padding:16px 0; border-bottom:2px solid #e8e8e8; width:100%; overflow: hidden; } .post hr { display: block; } .main .postmetadata { padding-top: 5px; margin:8px 0; } .main .small_info { font-size:1.0em; color:#0ebfeb; background:#eefcff; padding:6px 12px;} .main .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; } .main .attachment { text-align: center; margin: 5px 0px; } /* Main Layout --------------------------------------------------------------------------------------- */ h3.first, img.first { margin-top: 20px; } .groupbar {color: #000;} .groupbar a{ line-height: 1.8em;margin: 0 5px; text-transform: uppercase;} /* Images --------------------------------------------------------------------------------------- */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } /* Lists --------------------------------------------------------------------------------------- Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } .sidebar ul, .sidebar ul ol { margin: 0; padding: 0; } .sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 0; } .sidebar ul p, .sidebar ul select { margin: 5px 0 8px; } .sidebar ul ol { margin: 5px 0 0 10px; } .sidebar ul ul { margin-bottom: 24px; } .sidebar ul ul li { font-size: 1.4em; background: transparent url(../images/arrows/arrow_pink.gif) 0 50% no-repeat; width: 93%; padding: 6px 0 6px 7%; color: #ffffff;} .sidebar ul ul ul, .sidebar ul ol { margin: 0 0 0 10px; } .sidebar h4 { padding:12px 0 8px 0; margin: 0; border-bottom: 2px solid #ccc; border-top: 2px solid #ccc; color: #1f1e1c; font-size: 1.6em; } ol li, .sidebar ul ol li { list-style: decimal outside; } .sidebar ul ol li { margin: 3px 0 0; padding: 0; } /* Comments Structure --------------------------------------------------------------------------------------- */ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .main_content .commentlist li { margin: 15px 0 3px 24px; padding: 5px 30px 3px 30px; list-style: none; border-left:8px solid #e8e8e8; background: none; font-size: 1em; } .commentlist p { margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 16px 0 16px 0; display: block; font-style:italic; padding-top:8px; border-top:1px dashed #e4dca3; } /* Calendar Structure --------------------------------------------------------------------------------------- */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { background-color: #fff; } /* Doesn't work in IE */ /* Misc. --------------------------------------------------------------------------------------- */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .logged_in { width:94%; padding:0 3%; border:1px solid #aeca61; color:#5baf07; overflow:hidden; background: #e6f7b8; margin-bottom:16px;} /* Width must equal panel_form_box minus 26px */ .logged_in p { margin: 8px 0; } .logged_in p a { color:#000000;} .alert { width:94%; padding:0 3%; border:1px solid #dad29c; color:#000000; overflow:hidden; text-align:center; background: #fdf8d9; margin-bottom:16px;} /* Width must equal panel_form_box minus 26px */ .alert p { margin: 8px 0; } .back { float: right; display: inline; font-size: 1.2em; margin-top: 8px; } .sidebar #searchsubmit { border: 1px solid #3d8a39; background: #4ea34a; padding: 5px 8px; text-align: center; color: #fff; font-size: 1.1em;} * html .sidebar #searchsubmit { padding:5px 2px 6px 2px; } .sidebar #searchform { width:100%; margin-bottom: 24px; } .sidebar #searchform #s { width: 158px; padding:6px 0 6px 8px; border:1px solid #dddddd; color:#666666;} *:first-child+html .sidebar #searchform #s { width: 124px; } /*profile*/ .fl { float:left; } .fr { float:right; } .WS { width:35%; } .WM { width:65%; } .coloum_content img.img_profile { border:5px solid #CCCCCC; } .coloum_content p { margin:5px 0; } /* login form */ div#status-bar-login{ float:right; text-align:right; margin-bottom:10px; } div#status-bar-login p{ margin:0px 10px 0px 0px; } div#status-bar-login p label{ display:block; color:#FFFFFF; margin-bottom:3px; } div#status-bar-login p.login-button{ margin-top:17px; } form input.text { border:0px; background:#ffffff; color:#ABABAB; padding:2px 5px 2px 5px; width:110px; } .button { font-family: Verdana, Arial, sans-serif; display: block; width:47px; height:22px; background: url(../images/btn/btn-login.png) top left no-repeat !important; border: 0px; cursor:pointer; } .clear { clear:both; } .pagination{margin-top:20px;} .pagination a, .pagination span{background:url("../img/borderbottom.html") bottom repeat-x #fff;padding:5px;margin:2px;border:1px solid #d9d9d9;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius: 3px;} #table{width:100%;border:1px solid #eeeeee; font-size:12px; margin-bottom:15px; background:#FFFFFF;} #table th{background:#eee;padding:5px;text-align:left; font-weight:bold;} #table td { padding:5px; border-bottom:1px solid #eeeeee; } #table_options label{ width:50px; display:block; float:left; margin-right:10px; font-size:12px; width:130px; } #table_options ul{list-style:none;margin:0px;padding:0px;} #table_options ul li{float:left;padding:5px;margin-right:10px;} #table_options ul li button {padding:2px;} .350 { width:35%; } /* klik disini */ p.register { float:left; color:#FFFFFF; display:block; margin:3px 0 0 0; width:410px; } a.klikdisini { background:url(../images/btn/btn_klikdisini.png) top left no-repeat; display:block; width:47px; height:22px; float:right; margin-right:10px; } a.klikdisini:hover { background-position:top right; } a.klikdisini span { display:none; }