/* Theme Name: Discovery Children's Academy Theme URI: http://headturningmedia.com Description: Discovery Children's Academy WP Theme Version: 1.0 Author: Paul Jeter Author URI: http://headturningmedia.com Tags: DiscoveryChildren'sAcademy Yellow: color: #faa622 Dark Blue: color: #00489f Light Blue: color: #9adcf9 Red: color: #ed1d24 Dark Gray: color: #231f20 Light Gray: color: #e8e8e8 /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 100%; font-family: Arial, Helvetica, sans-serif; color: #00489f; background: #4e8ec5 url(/images/page-bg.png) repeat-x center top; } ul { list-style: disc inside; } ol { list-style: decimal inside; } a { outline: none; text-decoration: none; border: none;} a img { border: none; background: none; } img { vertical-align: middle; } table { border-collapse: collapse; } div, ul, li { position:relative } /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .button { border: 1px solid #231f20; background: white; padding: 3px 8px; color: 272727; } .button:hover { background: #0d67a40; color: white; } .right { float: right; margin: 10px 0 10px 10px; } .left { float: left; margin: 10px 10px 10px 0; } /* TYPGROGRAPHY Cherry Cream Soda, Arial Black, Gadget, sans-serif; */ p, li { font-size: 16px; text-align: left;margin: 0 0 10px 0; } p { font-weight: bold; } a { color: #000; } a:hover { color: #ed1d24; } h1 { font-size: 40px; font-family: Luckiest Guy, Arial Black, Gadget, sans-serif; font-weight: normal; } h2 { font-size: 32px; font-family: Luckiest Guy, Arial Black, Gadget, sans-serif; font-weight: normal;} h3 { font-size: 24px; font-weight: bold; margin: 0 0 10px 0; } h4 { font-size: 20px; font-weight: bold; margin: 0 0 15px 0; } p#signature { font-size: 20px; font-family: 'Homemade Apple', arial, serif; color: 000000; margin: 0 0 10px 30px; } a#findoutmore { font-size: 12px; float: right; } p#intro-paragraph { font-size: 24px; margin: 5px 0 40px; } p#intro-paragraph span { font-family: Luckiest Guy, Arial Black, Gadget, sans-serif; font-weight: normal; font-size: 90px; float: left; line-height: 73px; margin: 0 10px 0 0; } /* STRUCTURE */ #page-container { width: 985px; margin: 0 auto; background: url(/images/page-container-bg.png) repeat-y; } #content-container { width: 880px; margin: 0 auto -20px; min-height: 430px; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 1; padding: 10px 30px 30px; } #page-content { margin: 10px 0 0 0; } #bottom-content { min-height: 100px; } #push.home { height: 235px; } /* HEADER */ #header-bar { float: none; height: 150px; width: 985px; background: url(/images/header-bar-bg.png) no-repeat; position: relative; } #logo { position: absolute; top: -1px; left: 289px; z-index: 2; } /* MENU */ #menu-bar { position: absolute; margin: 55px 0 0; z-index: 2; } ul#left-nav { width: 395px; float: left; margin: 2px 0 0 48px; } ul#right-nav { left: 545px; margin: 2px 49px 0 0; position: absolute; text-align: right; width: 409px; } ul#left-nav li, ul#right-nav li { display: inline; } ul#left-nav li a, ul#right-nav li a { color: white; font-family: Cherry Cream Soda, Arial Black, Gadget, sans-serif; font-size: 19px; padding: 14px 12px 17px; } ul#left-nav li a:hover, ul#right-nav li a:hover { background: url(/images/menu-hover-bg.png) repeat-x; } ul#left-nav li a#menu1 { padding: 14px 22px 17px 22px; } ul#left-nav li a#menu3 { padding: 14px 26px 17px 20px; } ul#right-nav li a#menu1 { padding: 14px 18px 17px 25px; } ul#right-nav li a#menu2 { padding: 14px 15px 17px; } ul#right-nav li a#menu3 { padding: 14px 45px 17px 17px; } ul#left-nav li a:hover#menu1 { background: url(/images/left1-hover-bg.png) no-repeat; } ul#left-nav li a:hover#menu3 { background: url(/images/left3-hover-bg.png) no-repeat; } ul#right-nav li a:hover#menu1 { background: url(/images/right1-hover-bg.png) no-repeat; } ul#right-nav li a:hover#menu3 { background: url(/images/right3-hover-bg.png) no-repeat; } /* FOOTER */ #footer { height: 271px; background: #FFDD16 url(/images/page-footer-bg.png) repeat-x; padding: 36px 0 0 } #footer-inside { width: 960px; margin: 0 auto; } #footer-1 { width: auto; margin-left: 80px; float: left; } #footer-2 { width: auto; margin-left: 50px; float: left; } #footer-3 { width: auto; margin-left: 50px; float: left; } #footer-5 { width: 100px; float: left; margin-left: 20px; padding: 0 50px 53px 0; } #footer-4 { width: auto; float: left; margin: 0 45px 75px 50px; } #footer h3 { font-size: 16px; font-family: Slackey, Arial Black, Gadget, sans-serif; color: #fff; margin: 0; font-weight: bold;} #footer h4 { font-size: 15px; text-align: center; color: #fff; } #footer p { font-size: 12px; font-family: Slackey, Arial Black, Gadget, sans-serif; color: #fff; text-align: center; font-weight: bold; margin: 0; } #footer ul { list-style: none outside none; } #footer li { font-size: 13px; margin: 0 0 0 10px; color: #fff } #footer a { color: #fff; } #footer a:hover { color: #00489f; } #footer a img { margin: 3px 0 0 3px; float: none; } /* HOME #499744 */ body.home { font-size: 100%; font-family: Arial, Helvetica, sans-serif; color: #00489f; background: #499744 url(/images/home-bg.png) repeat-x center top; } #homepage-container { width: 985px; margin: 0px auto -256px; min-height: 100%; height: auto !important; height: 100%; } #home-header-bar { float: none; height: 600px; width: 985px; background: url(/images/home-header-bar-bg.jpg) no-repeat; position: relative; } #home-container { width: 940px; margin: 0 0 0 12px; height: 1090px; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 1; padding: 10px; } .home#footer { background: none; } #welcome-box { width: 940px; height: 220px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: url(/images/welcome-bg.png) repeat-x; } #welcome-box img { float: left; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #welcome-content { padding: 10px 20px; float: left; width: 570px; height: 148px; } #home-container h2 { font-family: Luckiest Guy, Arial Black, Gadget, sans-serif; font-weight: normal; font-size: 24px; color: #ed1d24; margin: 0 0 10px; text-align: center; } #home-container p { font-size: 15px; } #home-programs { float: left; height: 390px; width: 535px; margin: 20px 0 0 ; z-index: 1; } #program-links { float: left; text-align: center; margin: 5px; width: 166px; } #home-programs a { color: #00489f; } #home-programs a:hover { color: #ed1d24; } #home-programs h3 { font-family: 'Cherry Cream Soda', Arial Black, Gadget, sans-serif; font-size: 16px; color: #000000; margin: 0; padding: 8px 0 0; } #home-programs h4 { font-weight: bold; font-size: 14px; color: #000000; margin: 0; } .left { float: left; } #home-testimonials { float: left; height: 275px; margin: 20px 17px 0; width: 370px; z-index: 1; } #home-testimonials h3 { font-size: 17px; text-align: right; } .post p { font-weight: bold; margin: 0; text-align: justify; } .post p a { font-size: 14px; color: #00489F; } #firstweek { margin: 20px; top: -220px; right: 565px; } #home-events { float: left; width: 275px; height: 210px; margin: 0 0 0 20px; z-index: 1; } #twitter { float: left; width: 300px; height: 350px; margin: 0 0 0 20px; z-index: 1; } #twitter h2 { color: #33C4E5; } #twitter ul { list-style-image:url("/images/ampersand.png"); } #twitter a { color: #00489f; font-size: 12px; } #twitter a:hover { color: #33C4E5; } #twitter a img { float: right; margin: 0 0 0 10px; } #twitter li { font-weight: bold; } #facebook { float: right; width: 300px; height: 450px; margin: 0 0 0 20px; z-index: 1; } #facebook h2 { color: #00489f; } .name_block a { font-family: Luckiest Guy, Arial Black, Gadget, sans-serif; font-weight: normal; font-size: 24px; color: #ed1d24; } #message-banner { height: 120px; padding: 0 46px; } #message-banner h3 { text-align: center; font-size: 20px;} #message-banner p { text-align: center; font-size: 10px;} /* PAGES */ #side-nav { float: left; margin: 20px 40px 0 0; z-index: 1; } #side-nav.programs { height: 850px;} #side-nav.toddler { height: 915px;} #side-nav.tykes { height: 915px;} #side-nav ul { list-style: disc inside none; } #side-nav li { font-size: 20px; font-family: Luckiest Guy, Arial Black, Gadget, sans-serif; font-weight: normal; color: #ed1d24; } #side-nav ul li a { font-size: 20px; font-family: Luckiest Guy, Arial Black, Gadget, sans-serif; font-weight: normal; color: #00489f; } #side-nav ul li a:hover { color: #ed1d24; } #programs-content h1, #page-content h1 { color: #ed1d24; } #programs-contenth3, #page-content h3, #bottom-content h3 { font-size: 24px; font-family: Luckiest Guy, Arial Black, Gadget, sans-serif; font-weight: normal; color: #ed1d24; } li#current-page { list-style: none; } #peanut { float: left; font-size: 24px; font-family: Luckiest Guy, Arial Black, Gadget, sans-serif; font-weight: normal; color: #ed1d24; text-align: center; margin: 30px; } .post-categories { list-style: none; } .post-categories a { color: #ed1d24; font-size: 40px; font-family: Luckiest Guy, Arial Black, Gadget, sans-serif; font-weight: normal; } #page-content.contact { margin: 10px 0 0 450px; } #page-content.cust-sat { height: 625px; } .fbConnectWidgetTopmost { border-style: none; } .tuition { height: 520px; } #programs-content li, #page-content li, #bottom-content li { font-weight: bold; } ul#discovery-club, ul#discounts, ul#kinder { margin: 0 0 0 260px; } #bottom-content ul { list-style: square inside none; margin: 0 0 0 260px; } #program { float: left; text-align: center; margin: 10px; width: 225px; } #program-content { width: 735px; margin: 0 70px; float: left; } #program a h3 { font-family: Luckiest Guy, Arial Black, Gadget, sans-serif; font-weight: normal; color: #ed1d24; margin: 0; } #program-container { height: 850px; } #mcafee-schoolboard img { position: absolute; top: 221px; right: 257px; } /* TESTIMONIALS */ #testimonials h3 { text-align: right; color: #00489f; } #testimonials p { text-align: right; } #posted { text-align: right; } /* BLOG ENTRIES */ .post { margin: 0 0 45px 0; } .datebox { width: 65px; float: left; padding: 0 5px 5px 5px; background: #ed1d24; color: white; text-align: center; margin: 0 10px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; } p.day { font-size: 54px ; font-weight: bold; margin: 10px 0 0; font-family: Luckiest Guy, Arial Black, Gadget, sans-serif;text-align: center; line-height: 35px; } p.month { font-size: 29px; font-weight: bold; text-transform: uppercase; margin: 0; text-align: center; text-align: center; line-height: 35px; } p.year { font-size: 26px; font-weight: bold; margin: 0; text-align: center; margin: 0 0 10px; text-align: center; line-height: 15px; } ol.commentlist { list-style: none; } .comment-bubble { background: #ed1d24 ; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ol.commentlist li p { font-size: 16px; } .gravatar { margin: -26px 0 0 50px;; padding: 2px; height: 48px; } /* Rebuild housekeeping */ #main { display: block; } body { overflow-x: hidden; }