/* Theme Name: Marsden Kindy 2013 Theme URI: http://**************** Description: Theme for Marsden Kindergarten and Child Care . Created by David Shestark - 18/06/2013 Version: 2.0 Author: David Shestark - D-Strategy Author URI: http://www.dstrategy.com.au */ @font-face { font-family : "Dosis Medium"; src : local('?'), url('fonts/Dosis-Medium.ttf'); font-weight : normal; font-style : normal; } @font-face { font-family : "Dosis Bold"; src : local('?'), url('fonts/Dosis-Bold.ttf'); font-weight : bold; font-style : normal; } @font-face { font-family : "DK Inky Fingers"; src : local('?'), url('fonts/DK-Inky-Fingers.ttf'), url('fonts/DK-Inky-Fingers.woff'); font-weight : bold; font-style : normal; } /* GLOBALS --------------------------------- */ * { margin: 0; padding: 0; font-family: Arial, Helvetica, "Arial Rounded MT Bold"; font-size: 14px; color: #000; } html { background: url(images/main_bg.png) center top repeat scroll #FFF200; } body { height: 100%; background: none transparent; } p { padding-top: 10px; text-align: left; color: #333333; font-size: 11px; } strong, b { color: inherit; } a { color: #999999; text-decoration: none; font-size: inherit; font-weight: inherit; } a:hover { color: #ABABAB; text-decoration: underline; } h1, h2, h3 { font-family: "DK Inky Fingers", "Comic Sans MS", cursive; } h1 { font-size: 50px; font-weight: normal; color: #EE3897; padding-top: 5px; padding-bottom: 5px; display: block; text-align: center; } h2 { font-size: 17px; font-weight: normal; color: #000000; padding-top: 5px; padding-bottom: 5px; } h3 { font-size: 15px; font-weight: bold; color: #000000; padding-top: 5px; padding-bottom: 5px; } h4 { } h5 { } hr { margin-top: 20px; padding-bottom: 10px; width: 100%; height: 2px; border: none; border-top: 1px dotted #ABABAB; } img { border: none; } div { display: block; } .page ul { margin-left: 2px; } .page ul, ul li { font-size: 11px; color: #000000; } .page ul li { padding-left: 10px; margin-top: 8px; list-style-type: circle; } .clr { clear: both; } .left, .alignleft { float: left; } .right, .alignright { float: right; } img.aligncenter { position: relative; float: none; margin: auto; text-align: center; display: block; } .indent { text-indent: -9999px; } .half { width: 50%; } .imgborder { border: 1px #000000 solid; } #wrapper { width: 100%; margin: auto; } #common_wrapper { display: block; margin-top: 10px; } ::selection { background: none #B2D342; color: #FFFFFF; } /* HEADER/HEADER NAV --------------------------------- */ header { display: block; width: 1001px; height: 199px; margin: auto; background: url(images/top_bg_border.png) center top no-repeat scroll transparent; padding-top: 18px; } header #header_logo { display: block; width: 429px; height: 162px; margin: auto; } header #header_contact { position: absolute; margin-top: -100px; } header #header_contact #hc_ph { display: block; float: left; clear: both; font-family: "Dosis Bold", "Courier New", Courier, monospace; font-size: 35px; color: #00B1B0; } header #header_contact #hc_ad { display: block; float: left; clear: both; font-family: "Dosis Medium", "Courier New", Courier, monospace; font-size: 19px; color: #9B5BA4; } header #header_social { position: absolute; width: 250px; height: 100px; margin-top: -180px; margin-left: 770px; } header #header_social a { display: block; float: left; width: 58px; height: 100px; overflow: hidden; } header #header_social a:hover img { margin-top: -100px; } header #header_slogan{ position: absolute; margin-left: 750px; margin-top: -80px; width: 254px; height: 35px; background: url(images/header_slogan.png) left top no-repeat scroll transparent; } header #main_nav_wrapper{ width: 1001px; height: 43px; position: absolute; margin-top: 15px; } header #main_nav_wrapper ul.menu { display: block; width: 1001px; height: 43px; } header #main_nav_wrapper ul.menu li { display: block; float: left; list-style-type: none; margin-left: 16px; } header #main_nav_wrapper ul.menu li:first-child { margin-left: 0; } header #main_nav_wrapper ul.menu li a { display: block; width: 180px; height: 29px; border: 3px solid #FFFFFF; border-radius: 10px; text-align: center; font-family: "DK Inky Fingers", "Comic Sans MS", cursive; color: #FFFFFF; font-size: 16px; background: none #16C1F3; padding-top: 8px; } header #main_nav_wrapper ul.menu li:hover a, header #main_nav_wrapper ul.menu li.current-menu-item a, header #main_nav_wrapper ul.menu li.current-page-parent a, header #main_nav_wrapper ul.menu li.current_page_ancestor a { text-decoration: none; background: none #1AA1CA; } header #main_nav_wrapper ul.menu li.home a { background: url(images/main_nav_home.png) 50px 8px no-repeat scroll #16C1F3; text-indent: 19px } header #main_nav_wrapper ul.menu li.home:hover a { background-color: #1AA1CA; } header #main_nav_wrapper ul.menu li.about a { background: url(images/main_nav_about.png) 32px 8px no-repeat scroll #EE3897; text-indent: 21px } header #main_nav_wrapper ul.menu li.about:hover a { background-color: #C22F7D; } header #main_nav_wrapper ul.menu li.gallery a { background: url(images/main_nav_gallery.png) 17px 9px no-repeat scroll #B2D342; text-indent: 21px } header #main_nav_wrapper ul.menu li.gallery:hover a { background-color: #92AF35; } header #main_nav_wrapper ul.menu li.enrol a { background: url(images/main_nav_enrol.png) 26px 8px no-repeat scroll #FCB034; text-indent: 21px } header #main_nav_wrapper ul.menu li.enrol:hover a { background-color: #CF922A; } header #main_nav_wrapper ul.menu li.contact a { background: url(images/main_nav_contact.png) 40px 8px no-repeat scroll #F15922; text-indent: 19px } header #main_nav_wrapper ul.menu li.contact:hover a { background-color: #C74A1D; } header #main_nav_wrapper ul.menu li ul.sub-menu { display: none; position: absolute; width: 255px; border-radius: 10px; padding-top: 12px; background: url(images/pre_submenu_bg.png) left top repeat-y scroll transparent; } header #main_nav_wrapper ul.menu li ul.sub-menu li { width: 255px; float: left; clear: left; margin-left: 0; } header #main_nav_wrapper ul.menu li ul.sub-menu li:first-child { margin-left: 0; } header #main_nav_wrapper ul.menu li ul.sub-menu li a { width: 205px; height: auto; border: none; border-radius: 0; text-align: left; padding: 12px 12px 12px 34px; background-image: none; text-indent: 0; } header #main_nav_wrapper ul.menu li.about ul.sub-menu { } header #main_nav_wrapper ul.menu li.about ul.sub-menu li a { border-left: 2px solid #EE3897; border-right: 2px solid #EE3897; background: url(images/submenu_about_separator.png) center bottom no-repeat scroll #AF2871; } header #main_nav_wrapper ul.menu li.about ul.sub-menu li:first-child a { border-top: 2px solid #EE3897; border-radius: 10px 10px 0 0; } header #main_nav_wrapper ul.menu li.about ul.sub-menu li:last-child a { border-bottom: 2px solid #EE3897; border-radius: 0 0 10px 10px; background-image: none; } header #main_nav_wrapper ul.menu li.about ul.sub-menu li a:hover { background: url(images/submenu_bg.png) 10px 12px no-repeat scroll #EE3897; } /* CONTAINER --------------------------------- */ html.home #container{ padding-top: 40px; width: 100%; background: none #9B5BA4; float: left; display: block; border-top: 1px solid rgba(155, 91, 164, 0.5); border-bottom: 1px solid rgba(155, 91, 164, 0.5); background-clip: padding-box; -webkit-background-clip: padding-box; overflow: hidden; } #container { padding-top: 20px; width: 100%; background: none #9B5BA4; float: left; display: block; border-top: 1px solid rgba(155, 91, 164, 0.5); background-clip: padding-box; -webkit-background-clip: padding-box; } #container #crumbs { width: 1001px; margin: auto; padding: 15px 0; } #container #crumbs, #container #crumbs * { text-align: right; color: #FFFFFF; font-family: "Dosis Bold", "Courier New", Courier, monospace; font-size: 16px; } .post { width: 881px; padding: 27px 60px 46px; margin: auto; display: block; } .page { width: 881px; padding: 27px 60px 46px; margin: auto; display: block; } .post p, .page p { text-align: left; color: #58595B; font-family: "Dosis Medium", "Courier New", Courier, monospace; font-size: 16px; } html.home #container .inner { min-height: 471px; } html #container .inner { background: none #FFFFFF; width: 1001px; margin: auto; } html.home #container_content .inner{ width: 1001px; margin: auto; } html.home #container_content .home_promo { margin-top: -11px; display: block; } html.home #home_foot_phone { display: block; width: 361px; height: 46px; background: url(images/home_foot_phone.png) center top no-repeat scroll transparent; font-family: "DK Inky Fingers", "Comic Sans MS", cursive; color: #FFFFFF; font-size: 18px; text-shadow: #DD002F 0 1px 1px; text-align: center; padding-top: 12px; position: absolute; margin: 14px 0 0 315px; } #home_slider_wrapper{ width: 1001px; height: 471px; margin: auto; } #home_slider_mask { position: relative; width: 1001px; height: 471px; margin: auto; margin-top: -471px; background: url(images/slider_mask.png) center top no-repeat transparent; z-index: 10; cursor: pointer; } #home_slider_rainbow{ position: relative; width: 275px; height: 205px; margin: auto; margin-top: -275px; left: -425px; background: url(images/slider_rainbow.png) left top no-repeat scroll transparent; z-index: 15; } #home_slider_fairy{ position: relative; width: 130px; height: 233px; margin: auto; margin-top: -405px; left: 425px; background: url(images/slider_fairy.png) left top no-repeat scroll transparent; z-index: 15; } #home_slider_arrow_link{ display: block; position: relative; width: 150px; height: 108px; margin: auto; margin-top: 85px; left: 410px; overflow: hidden; z-index: 15; } #home_slider_arrow_link:hover img { margin-top: -108px; } #thethe_image_slider16-next{ display: block; background-image: none !important; position: relative; width: 150px; height: 108px; margin: auto; margin-top: 85px; left: 410px; overflow: hidden; z-index: 15; } #thethe_image_slider16-next:hover img { margin-top: -108px; } html.home #container .inner:hover #home_slider_wrapper li.show .thethe-image-slider-image img { margin-top: -472px; } /* FOOTER/FOOTER NAV --------------------------------- */ footer { width: 100%; padding-bottom: 20px; margin-top: 0; } html.home footer { margin-top: 40px; } html.home footer .inner:first-child { border-top: 2px solid #00B1B0; } footer .inner { width: 1001px; margin: auto; } footer #footer_contact_widget { width: 580px; float: left; } footer #footer_contact_widget .f_tab { float: left; width: 190px; height: 35px; background: url(images/footer_tab_contact.png) left top no-repeat scroll transparent; } footer #footer_contact_widget #footer_widget_wrapper { float: left; } footer #footer_contact_div { width: 100%; margin-top: 14px; } footer #footer_contact_div .left { width: 284px; } footer #footer_contact_div .right { width: 284px; } footer #footer_contact_div input[type=text], footer #footer_contact_div input[type=email] { width: 245px; border: 2px solid #FCB034; border-radius: 10px; color: #9B5BA4; font-family: "DK Inky Fingers", "Comic Sans MS", cursive; font-size: 14px; padding: 4px 15px; } footer #footer_contact_div textarea { width: 245px; height: 105px; border: 2px solid #FCB034; border-radius: 10px; color: #9B5BA4; font-family: "DK Inky Fingers", "Comic Sans MS", cursive; font-size: 14px; padding: 4px 15px; text-align: left; } footer #footer_contact_div textarea[name=your-message] { float: right; } footer #footer_contact_div input[type=submit] { width: 85px; height: 40px; padding-bottom: 3px; text-align: center; font-family: "DK Inky Fingers", "Comic Sans MS", cursive; color: #FFFFFF; font-size: 16px; text-shadow: #DD002F 0 1px 1px; border: 0; background: url(images/footer_contact_send.png) 0 0 no-repeat scroll transparent; float: right; } footer #footer_contact_div input[type=submit]:hover { /*background-position: 0 -43px;*/ filter: alpha(opacity=50); opacity: 0.5; cursor: pointer; } footer .wpcf7-response-output { background: #FFFFFF; border-radius:10px; text-align: center; padding: .8em 1em; } footer #footer_contact_div span.wpcf7-not-valid-tip { top: -8px; padding: 6px; border: 2px solid #FF0000; width: 200px; left: 63px; border-radius: 10px; text-align: center; } footer #footer_hours_map { width: 380px; float: right; } footer #footer_hours_map .f_tab { float: right; width: 190px; height: 35px; background: url(images/footer_tab_hours.png) left top no-repeat scroll transparent; } footer #footer_hours_map #hours_span { display: block; float: right; color: #9B5BA4; font-family: "Dosis Medium", "Courier New", Courier, monospace; font-size: 15px; text-align: right; margin-top: 20px; } footer #footer_hours_map #hours_span strong { padding: 0 5px; } footer #footer_hours_map #footer_locate_us { padding-top: 20px; width: 100%; height: auto; clear: both; } footer #footer_hours_map #footer_locate_us_tab { width: 25px; height: 115px; background: url(images/footer_locate_us_tab.png) left top no-repeat scroll transparent; float: right; margin-top: 10px; } footer #footer_hours_map #footer_locate_us_map { width: 338px; height: 130px; border: 3px solid #F15922; float: right; } footer #footer_hours_map #footer_locate_us_map a { background-color: #000000; width: 338px; height: 130px; display: block; } footer #footer_hours_map #footer_locate_us_map a:hover img { filter: alpha(opacity=50); opacity: 0.5; } footer #footer_hours_map #footer_locate_us_map iframe.norm { display: block; } footer #footer_hours_map #footer_locate_us_map iframe.mob { display: none; } footer #footer_logos { width: 350px; float: left; } footer #footer_logos img { float: right; margin-left: 10px; } footer #footer_copy_menu { width: 630px; float: right; padding-top: 28px; } footer #footer_copy_menu p, footer #footer_copy_menu p * { font-family: "Dosis Bold", "Courier New", Courier, monospace; font-size: 12px; color: #9B5BA4; } /* WIDGETS --------------------------------- */ .ppw_widget .inner_ppw { padding-bottom: 46px; } .ppw_widget a.widget_sp_image-image-link { display: block; width: 880px; height: 221px; overflow: hidden; margin: auto; } .ppw_widget a.widget_sp_image-image-link:hover img { margin-top: -221px; } /* CUSTOM --------------------------------- */ .thethe_image_slider.white-square-1 { border: none !important; background: none transparent !important; } /* EXPLODER FIXES --------------------------------- */ html.ie7 { } html.ie7 .ppw_widget a.widget_sp_image-image-link { position: relative; } html.ie7 header, html.ie7 header * { z-index: 5000; } html.ie7 #container, html.ie7 #container * { z-index: 4000; } html.ie7 #container_content, html.ie7 #container_content * { z-index: 3000; } html.ie7 footer, html.ie7 footer * { z-index: 2000; } html.ie7 footer { position: relative; top: 40px; } html.ie7 footer #footer_contact_div .left { width: 280px; position: relative; } html.ie7 footer #footer_contact_div .right { width: 280px; position: relative; } html.ie7 footer #footer_contact_div input[type=text].placeholder, html.ie7 footer #footer_contact_div input[type=email].placeholder, html.ie7 footer #footer_contact_div textarea.placeholder { color: #999999; } html.ie7 footer #footer_widget_wrapper { width: 580px; } html.ie7 footer #footer_hours_map #hours_span { width: 380px; } html.ie7 footer #footer_contact_div textarea { height: 109px; }