/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0; border: 0; vertical-align: baseline; background: transparent; } html { overflow-y: scroll; } ul { list-style: none; margin-bottom: 18px; } blockquote, q { quotes: none; } a { text-decoration: none; outline: 0; } a img { border: 0; } /* remember to define focus styles! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } .clear { clear: both; } /* =Clearfix (all browsers)--------------------------------*/ .clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; } /* IE6 */ * html .clearfix { height: 1%; } /* IE7 */ *:first-child+html .clearfix { min-height: 1px; } /*Utility*/ /** { outline: 1px solid #faa; }*/ /*Basics*/ html { background: url(/images/bg-tile.jpg) repeat 50% 0; } body { background: transparent url(/images/bg-body.jpg) repeat-x 50% 0; color: #556; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 3px; } h1 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; color: #005EBB; font-size: 26px; line-height: 36px; } h1 { text-shadow: rgba(0,0,0,.2) 0 -1px 1px, rgba(255,255,255,.9) 0 1px 1px; } h1, h2 { margin-bottom: 18px; } h2, h3 { color: #000; font-size: 18px; font-weight: normal; line-height: 20px; } /* h3 { margin-bottom: 3px; } */ h4, h5, h6 { font-size: 16px; } em, i { font-style: italic; } strong, b { font-weight: bold; } a { color: #005EBB; } a:hover, a:active, a:focus { color: #000; } p { margin-bottom: 18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #wrap { background: #fff url(/images/wrap-top.jpg) no-repeat center top; margin: 0 auto; width: 960px; } #header { position: relative; width: 960px; } /*Layout*/ #homepage-home-link { width: 401px; height: 274px; margin: 0; padding: 0; display: block; float: left; } #home-link { width: 499px; height: 131px; margin-top: 40px; display: block; float: left; padding-left: 20px; } #home-header { height: 274px; position: relative; width: 960px; } #announcements h1, #information h1 { margin: 0; } #announcements h2, #information h2 { margin-bottom: 3px; } #intro { float: right; width: 275px; margin-top: 80px; } ul#home-mainbuttons { float: right; width: 210px; margin: 80px 0 0 30px; } ul#mainbuttons { float: right; width: 210px; margin: 60px 0 0 30px; } #home-header #signup, #home-header #login { width: 155px; height: 54px; background: url(/images/mainbuttons.png) no-repeat; display: block; text-indent: -9999px; } #header #signup, #header #login { width: 155px; height: 54px; background: url(/images/mainbuttons.png) no-repeat; display: block; text-indent: -9999px; margin-bottom: 10px; } #home-header #home-member { width: 155px; height: 54px; background: url(/images/home-members.png) no-repeat 0 0; display: block; text-indent: -9999px; } #home-header #home-member:hover, #home-header #home-member:focus, #home-header #home-member:active { background-position: 0 -54px; } ul#home-mainbuttons #signup, ul#home-mainbuttons #login, ul#home-mainbuttons #home-member { margin-bottom: 15px; } #home-header #signup, #header #signup { background-position: -155px 0; } #home-header #signup:hover, #home-header #signup:active, #home-header #signup:focus { background-position: -155px -54px; } #header #signup:hover, #header #signup:active, #header #signup:focus { background-position: -155px -54px; } #home-header #login:hover, #home-header #login:active, #home-header #login:focus { background-position: 0 -54px ; } #header #login:hover, #header #login:active, #header #login:focus { background-position: 0 -54px ; } #back-home { padding: 0 7px; } #toplinks { position: absolute; top: 5px; right: 10px; } #toplinks li { display: inline; padding-right: 20px; } #toplinks a { color: #ccc; } #toplinks a:hover, #toplinks a:active, #toplinks a:focus { color: #fff; } #information { width: 900px; padding: 18px 30px 0; background: url(/images/info-box.jpg) no-repeat; } #information a, #announcements a { display: block; color: #556; } #information a:hover, #announcements a:hover { color: #000; } #information div.ki-info { width: 240px; padding-left: 0; border: 0; } #information div.course-info { width: 228px; } #information div.free-class { width: 170px; } #information div.degree-info { width: 150px; } #information div { min-height: 185px; float: left; padding: 0 15px; border-left: 2px solid #ccc; } #announcements { background: url(/images/announce-box.jpg) no-repeat; padding: 43px 30px 0; } #announcements div { min-height: 230px; } #events { float: left; width: 670px; } #events div { float: left; width: 310px; padding: 0 15px; border-left: 2px solid #ccc; } #events div.conf-info { border: 0; padding-left: 0; } #events div.first { border: 0; padding-left: 0; } #spyglass { float: left; width: 212px; border-left: 2px solid #ccc; padding: 0 0 0 15px; } .spyglass-thumb { border:1px solid #ccc; } .spyglass-thumb:hover { border:1px solid #000; } .spyglass-thumb { -webkit-box-shadow: 0 4px 7px #777; -moz-box-shadow: 0 4px 7px #777; } #home-footer { background: url(/images/wrap-foot.jpg) no-repeat; padding-top: 40px; height: 10em; width: 960px; margin: 0 auto; } #footer { height: 10em; width: 960px; margin: 0 auto; background-color: transparent; padding-top: 10px; } #footer p, #home-footer p { color: #77a; text-align: center; background-color: transparent; font-size: 12px; } /*Pages*/ #container { width: 960px; clear: both; padding: 15px 0 70px; background: url(/images/page-gradient.jpg) no-repeat 0 100%; overflow: hidden; } #container div { border-top: 2px solid #ccc; padding: 18px 0 ; margin: 0 100px; } #container div div { border: none; margin: 0; } #courses-list h2 { padding: 0; } #materials div { margin: 0; border: none; padding: 0; } #container ul { list-style: disc; } #container ul, #container ol { margin-left: 20px; } #container div.page-end { background: url(/images/ki-hr.png) no-repeat 0 100%; padding-bottom: 50px; } #to-course-list { clear: both; padding-top: 10px; margin: 0 0 0 100px; } #contact-container div { margin: 0; padding: 0; } #contact-form label { font-size: 14px; } #contact-form input { width: 400px; font-size: 18px; } #contact-form textarea { font-size: 18px; } #contact-form .submit-button { width: 155px; height: 54px; padding-top: 10px; } #contact-form select { font-size: 16px; } #contact-form #send-email { background: url(/images/send-email.png) no-repeat; border: none; width: 155px; height: 54px; text-indent: -9999px; cursor: pointer; } #contact-form #send-email:hover, #contact-form #send-email:active, #contact-form #send-email:focus { background-position: 0 -54px; } #israel-tour-head { text-align: center; } #israel-tour-content p img { float: left; margin: 4px 20px 6px 0; border: 2px solid; } img.photo-group { margin: 0 auto 18px; display: block; } #strategic-conf { margin: 10px auto; } #strategic-conf div.section { border-top: 2px solid #ccc; overflow: hidden; } #strategic-conf img.banner { display: block; margin: 0 auto 18px; } #strategic-conf ul { list-style: none; } #strategic-conf h1 { text-align: center; } .section #sp-video-box { float: right; width: 199px; margin: 0 0 10px 20px; padding: 0; } #container .sp-video-thumb { width: 179px; float: right; padding: 10px 10px 0; } .sp-video-thumb img { border: 1px solid #ccc; -moz-box-shadow: 0px 2px 6px #999; -webkit-box-shadow: 0px 2px 6px #999; box-shadow: 0px 2px 6px #999; margin: 0 0 10px; } .sp-tell-friend { font-weight: bold; display: block; padding: 7px 0 20px 40px; background: url(../images/email_32.png) no-repeat; } .speakers { text-align: center; } .speakers h2 { margin-bottom: 5px; } .speakers h3 { font-weight: normal; margin: 0 0 10px; } .speakers h4 em { font-weight: normal; } #strategic-conf .speakers ul { float: left; text-align: left; margin: 0; } .speakers li { border: 1px solid #c1cad5; background-color: #e3e9f2; color: #222; padding: 10px; font-size: 16px; overflow: hidden; } .speakers li span { font-size: 12px; line-height: 12px; } .speakers li div { font-size: 10px; line-height: 12px; } .speakers li.with-player { line-height: 30px; } .speakers img { vertical-align: middle; padding: 0 15px 10px 0; float: left; width: 80px; height: 80px; } .speakers img.video-icon { float: none; width: 26px; height: 22px; padding: 0; vertical-align: baseline; } .speakers a.buy-button img { width: 178px; height: 48px; } .speakers .player { margin: 0 0 0 80px; } p.special-event { clear: both; } .speakers h4 { color: #222; padding: 15px 0; clear: both; font-size: 16px; font-weight: normal; margin: 0 0 10px; } .speakers h5 { font-size: 22px; margin: 5px 0 0; line-height: 26px; font-weight: normal; } .speakers h6 { font-size: 16px; line-height: 24px; margin: 0; } .speakers li p { font-size: 14px; line-height: 20px; clear: left; } .buy-button { display: block; clear: both; width: 178px; margin: 0 auto; } #admission { border: 2px solid #185D9C; color: #185D9C; margin: 0 20px 20px; text-align: center; } #admission ul { font-size: 16px; line-height: 20px; } #admission strong { color: #333; } #strategic-conf #schedule { width: 500px; margin: 0 auto; } #schedule ul { font-size: 16px; line-height: 20px; padding: 10px; } #schedule li { position: relative; padding: 0 0 0 7em; margin: 0 0 8px; } #schedule li b { position: absolute; left: 0; } #schedule .ki-activities { background: #eaeffa; padding: 10px; font-size: 14px; margin: 0 0 18px; } #schedule .ki-activities ul { padding: 0; } #spyglass-container a { display: block; text-align: center; font-size: 18px; } #spyglass-container img { display: block; } #spyglass-container ul { list-style: none; overflow: auto; margin-left: 35px; } #spyglass-container li { float: left; margin: 10px 35px 18px 0; } #spyglass-container a.thumb { border:2px solid #ccc; margin-bottom: 10px; } #spyglass-container a.thumb { -webkit-box-shadow: 0 4px 7px #777; -moz-box-shadow: 0 4px 7px #777; } #spyglass-container a.thumb:hover { border:2px solid #000; } /* Sign Up */ #container #form-container { overflow: auto; width: 760px; } #container #form-container ul { list-style: none; } #form-container ul.section { -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #f1f7fe; border: 1px solid #c1cad5; border-top: 1px solid #8f9aa7; list-style: none; margin-left: 0; } #form-container .section li { background-color: #e3e9f2; border-bottom: 1px solid rgb(193, 202, 213); border-top: 1px solid rgb(243, 246, 249); padding: 8px; overflow: auto; } #form-container .section li.header { background-color: transparent; border: 0px; border-bottom: 1px solid #c1cad5; } #form-container .section li.header h1 { margin: 0; } #form-container .section label { font-weight:bold; color:#333; width:165px; text-align: right; display:block; float:left; line-height:32px; margin-right:10px; } #container #progressIndicator, #container #steps1 { width: 760px; height: 50px; background: url(/images/4-steps.png) no-repeat 0 0; padding: 0; margin: 0 0 18px; } #container #steps2 { width: 760px; height: 50px; background: url(/images/4-steps.png) no-repeat 0 -50px; padding: 0; margin: 0 0 18px; } #container #steps3 { width: 760px; height: 50px; background: url(/images/4-steps.png) no-repeat 0 -100px; padding: 0; margin: 0 0 18px; } #container #steps4 { width: 760px; height: 50px; background: url(/images/4-steps.png) no-repeat 0 -150px; padding: 0; margin: 0 0 18px; } #form-container #choose-package label { float: left; text-align: left; width: 160px; } #form-container #choose-package input { width: auto; float: left; margin: 6px; } #form-container #choose-package #Pre_Purchase_Months { margin-left: 210px; } #form-container #choose-package p { margin: 0 0 0 210px; } #form-container .section input { width:450px; height:20px; border: 1px solid #8d9095; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; background: #fff url(/images/background-signup-inputs.png) repeat-x top left; color:#29384c; padding:5px; padding-top:7px; } #form-container .section select { margin: 7px 0 6px; font-size: 16px; } #form-container #discount-code-heading, #form-container #or-heading { padding-left: 120px; background-color: transparent; color: #005EBB; } #form-container #discount-code-heading { padding-left: 185px; } #form-container #current-members, #form-container #new-members { margin: 0; } #form-container #current-members { float: left; width: 350px; border-right: 2px solid #ddd; padding-right: 29px; } #form-container #new-members { float: right; width: 350px; } #form-container #current-members input { width: 210px; } #form-container #current-members label { width: 100px; } #current-reminder h2, #current-reminder p, #new-members h2 { margin-bottom: 3px; } #confirmation span { font-weight:bold; color:#333; width:165px; text-align: right; display:block; float:left; line-height:18px; margin-right:10px; font-size: 14px;; } #form-container #confirmation li li { line-height:18px; background-color: transparent; font-size: 16px; } #form-container #confirmation li li.last { border-bottom: none; } #form-container #confirmation li li.first { border-top: none; } #form-container #confirmation ul { -webkit-border-radius: 5px 5px; background-color: #f1f7fe; border: 1px solid #c1cad5; border-top: 1px solid #8f9aa7; padding: 0; margin-left: 0; } #additional-comments { width: 500px; height: 150px; } #confirmation h2 { margin: 0 0 10px 20px; } #congrats h1 { font-size: 48px; line-height: 48px; } #congrats { text-align: center; } #container #first-log-in { border: none; } #first-log-in a { margin: 0 auto 18px; } #log-in-start { width: 155px; height: 54px; border: none; text-indent: -9999px; background: url(/images/log-in-get-started.png) no-repeat; display: block; } #log-in-start:hover { background-position: 0 -54px; } #start, #continue, #log-in, #btnLogin, #btnPasswordReminder, #btnPersonalInfo, #btnCAP, #btnBillingInfo, #submit { width: 155px; height: 54px; border: none; text-indent: -9999px; cursor: pointer; display: block; } #start { background: url(/images/start.png) no-repeat; display: block; } #start:hover { background-position: 0 -54px; } #continue, #btnPersonalInfo, #btnCAP, #btnBillingInfo { background: url(/images/continue.png) no-repeat; display: block; } #continue:hover, #btnPersonalInfo:hover, #btnCAP:hover, #btnBillingInfo:hover { background-position: 0 -54px; } #log-in, #btnLogin { background: url(/images/log-in.png) no-repeat; } #log-in:hover,#btnLogin:hover { background-position: 0 -54px; } #submit, #btnPasswordReminder { background: url(/images/submit.png) no-repeat; } #submit:hover, #btnPasswordReminder:hover { background-position: 0 -54px; } #submit-this-order { width: 218px; height: 54px; border: none; text-indent: -9999px; cursor: pointer; background: url(/images/submit-this-order.png) no-repeat; display: block; } #submit-this-order:hover { background-position: 0 -54px; } #packages-pricing-pop-up, #privacy-pop-up { background: #fff; width: 600px; padding: 30px; } a#privacy-pop { color: #77a; } a#privacy-pop:hover { color: #fff; text-decoration: underline; } #form-container .section input#btnNewPassword { background-image: none; background-color: #1e3196; color: #fff; width: auto; height: auto; cursor: pointer; } /* For Testing */ #testing-back { position: fixed; top: 50%; padding: 10px; background: #222; color: #ccc; } #testing-forward { position: fixed; top: 50%; right: 0; padding: 10px; background: #222; color: #ccc; } #testing-back:hover, #testing-forward:hover { background: #00f; } /* Member's Area */ #announcement-box { width: 380px; height: 152px; float: right; margin: 45px 20px 20px 0; border: 2px solid #ddd; -webkit-border-radius: 12px; -moz-border-radius: 12px; } #announcement-box h3 { text-align: center; background: rgb(51,88,143); color: #fff; text-transform: uppercase; font: 12px/20px "Times New Roman", Times, serif; letter-spacing: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; } #announcement-box p { padding: 0 10px; margin: 10px 0; font-size: 14px; line-height: 18px; } #announcement-box div { margin: 0 10px; } #social-links { text-align: left; float: left; padding: 0 0 0 165px; } #social-links li { padding: 0 10px 0 0; float: left; line-height: 32px; } .twitter { width: 90px; } .facebook { width: 120px; } #social-links li a img { vertical-align: middle; float: left; padding: 0 5px 0 0; } #dash-links { clear: both; overflow: hidden; padding: 0 20px; width: 850px; height: 174px; margin: 0 auto; background: rgb(51,88,143) url(/images/dash-links.jpg) no-repeat 0 0; } #dash-links li { float: left; width: 212px; height: 174px; } #dash-links a { text-indent: -9999px; width: 212px; height: 174px; display: block; } #dash-links a:hover { background: transparent url(/images/white-10-percent.png) repeat 0 0; } div#main-content { width: 462px; float: left; margin: 10px 0 0 40px; border-top: 0; border-right: 2px solid #ccc; padding: 0 28px 0 0; } div#ki-live-content { width: 592px; float: left; margin: 10px 0 0 40px; border-top: 0; border-right: 2px solid #ccc; padding: 0 28px 0 0; display: inline; } #ki-live-intro { margin: 10px auto 0; width: 600px; } div#main-content-wide { margin: 0 40px; border: none; padding-top: 0; } #container #header-wide { width: 888px; background: url(/images/header-bg-wide.png) no-repeat; border: 0; margin: 0 auto; } div#sidebar { width: 360px; float: right; margin: 10px 40px 0 0; border: 0; padding: 0; } div#ki-live-sidebar { width: 230px; float: right; margin: 10px 40px 0 0; border: 0; padding: 0; display: inline; } div#ki-live-sidebar ul { margin: 0; list-style: none; } div#ki-live-sidebar li { padding: 5px 0; } div#ki-live-sidebar a { font-size: 18px; } div#k-rations, div#personal-update { background: url(/images/header-bg.png) no-repeat; padding: 18px 10px; } #k-rations-logo { background: url(/images/k-rations-logo.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; width: 248px; height: 58px; } #k-rations h1 a { display: block; height: 58px; } #personal-update h1 a { display: block; height: 52px; } #k-rations h2 { text-align: center; font-size: 14px; line-height: 16px; width: 340px; margin: 0 auto 18px; } #p-update-logo { background: url(/images/p-update-logo.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; width: 202px; height: 52px; } #personal-update h2 { text-align: center; font-size: 16px; width: 340px; margin: 0 auto 18px; } .rss-link img { vertical-align: middle; } .rss-link a { padding-right: 10px; } #upcoming-events h2, #links-of-interest h2 { text-align: center; text-transform: uppercase; font: 14px/20px "Times New Roman", Times, serif; letter-spacing: 10px; } div#upcoming-events { padding: 0; } #upcoming-events div { padding: 0; } #upcoming-events div .events-banner { display: block; margin: 0 0 18px 0; } #links-of-interest ul { background: #2A4678; padding: 10px 20px; margin: 0; list-style: none; width: 320px; } #links-of-interest li { margin: 10px 0; } #links-of-interest a { display: block; color: #fff; font-weight: bold; } #links-of-interest a:hover { background-color: #1E5F9B; } #links-of-interest span { font-weight: normal; color: #ccc; } .writing { background: url(/images/writing.jpg) no-repeat 5px 0; padding: 10px 0 0 75px; height: 50px; } .handbook { background: url(/images/handbook.jpg) no-repeat; padding: 10px 0 0 75px; height: 50px; } .khouse-site { background: url(/images/khouse-logo-dark-bg.png) no-repeat; padding: 18px 0 0 75px; height: 52px; } .podcast { background: url(/images/66-40-podcast-60.jpg) no-repeat; padding: 10px 0 0 75px; height: 50px; } .khouse-store { background: url(/images/store.jpg) no-repeat; padding: 10px 0 0 75px; height: 50px; } .blue-letter { background: url(/images/blue-letter-bible.png) no-repeat; height: 49px; padding: 10px 0 0 75px; } #container .wide-page-end { margin: 0 40px; } #previous-studies h2, #past-updates h2, #previous-updates h2 { text-align: center; text-transform: uppercase; font: 14px/20px "Times New Roman", Times, serif; letter-spacing: 10px; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; } #container #previous-studies, #container #past-updates { padding-top: 0; } #main-nav { width: 888px; clear: both; margin: 0 auto; text-align: center; background: #33588f url(/images/nav-bg.png) repeat-x 0 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; } #main-nav li { display: inline; } #main-nav a { padding: 12px; color: #ddd; line-height: 28px; } #main-nav a:hover { color: #fff; } #ki-live-logo { background: url(/images/ki-live-logo.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; width: 162px; height: 63px; } div#interviews { border: none; } div#interviews div { border-top: 2px solid #ccc; } div#interviews .jwplayer { border: none; } div#q-and-a, div#student-q-and-a, div#young-lions { border-top: none; }