/* Theme Name: Shambhala Centre Theme URI: http: //shambhala.org Description: The theme used for all Shambhala Centers. Author: Blue Mandala Author URI: http://bluemandala.com Version: 14.0 License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ #wpadminbar { /*display: none;*/ } /* turn this off temp while developing site */ #lang_sel li { /*float: left;*/ width: 149px; position: relative; height: 50px;} .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE5/Mac \*/ * html .clearfix {height: 1px;} .clearfix {display: block;} /* End hide from IE5/Mac */ .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* ----------- Restart-----------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, hgroup, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: 700; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } /*---------------------------- TEXT STYLES ----------------------------*/ a { text-decoration: none; color: #ed8137; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { color: #454545; line-height: 1.35em; margin-top: 10px; margin-bottom: 10px; font-weight: 100; font-family: Georgia, "Times New Roman", Times, serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333; text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #ed8137; text-decoration: none; } h1 { font-size: 24px; } h2 { font-size: 20px; margin-bottom: 13px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 15px; } h6 { font-size: 14px; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ebebeb; margin: 0; margin-top: 3px; margin-bottom: 3px; padding: 0; } .hr { height: 1px; background-image: url(images/hr.gif); background-repeat: repeat-x; background-color: transparent; background-position: top; border-top: 0; margin: 0; } p { margin-bottom: 15px; /*margin-top: 15px;*/ } ol { margin-left: 35px; } ul { margin-left: 30px; } strong { font-weight: 700; } em { font-style: italic; } .alignleft { float: left; margin-right: 10px; } .alignright { float: right; margin-left: 10px; } .relative { position: relative; } .warning { background-color: #ffe0e0; border-color: #e65555; margin: 5px 0 15px; padding: 0.6em; border-style: solid; border-width: 1px; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } /*---------------------------- MAIN STYLES ----------------------------*/ body { font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #4a4a4a; line-height: 1.6em; background-image: url('images/sc-background.gif'); background-color: #ffffff; } /*#main-container { position: absolute; left: 0; top: 0; width: 100%; }*/ #site { height: auto; width: 980px; text-align: left; padding: 0; background-color: #FFF; float: left; margin-top: 0; margin-bottom: 0; } #line-top { background-color: #535353; border-bottom: 1px solid #272727; height: 5px; } .center { height: auto; width: 980px; margin: auto; text-align: left; padding: 0; } #header-top { width: 100%; display: block; height: 60px; } /*-------------------------MENU---------------------------------*/ #menu-container { float: left; margin-left: 20px; margin-top: 16px; max-width: 940px; } /*#menu ul { text-align: left; margin-left: 0; } #menu ul li { display: inline; } #menu ul li a { font-family: 'PT Sans', sans-serif; padding: 0 8px 10px; font-size: 16px; line-height: .2em; color: #333; height: 10px; font-style: normal; } #menu ul li a:hover { color: #ED8137; text-decoration: none; } #menu ul li.selected a { color: #000; } .drop-arrow { font-family: "Times New Roman", Times, serif; font-size: 14px; position: relative; top: -1px; left: 2px; } #menu ul ul { width: 170px; top: 15px; left: 5px; padding-top: 12px; text-align: left; display: none; z-index: 20000; } #menu ul ul ul { top: -1px; left: 170px; padding: 0; border: 1px solid #ebebeb; } #menu ul ul li a { font-size: 14px; padding-right: 10px; height: auto; text-align: left; line-height: 1.3; padding-left: 10px; display: block; } #menu ul ul li:hover { background-color: #f1f1f1; } #menu ul ul li { display: block; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; background-color: #fff; } #menu ul ul ul { border-bottom-width: 0; border-left-width: 0; } a.sf-with-ul { display: inline; } #menu ul .sf-sub-indicator { top: 6px; right: 18px; } #menu ul ul li .sf-sub-indicator { top: 0; right: 7px; }*/ /* =Menu -------------------------------------------------------------- */ #access { background: #fff; /* Show a solid color for older browsers */ clear: both; display: block; float: left; margin: 0 auto; width: 100%; } #access ul { font-size: 16px; list-style: none; margin: 0; padding-left: 0; } #access li { float: left; position: relative; } #access a { color: #333; display: block; line-height: 2em; padding: 0 12px; text-decoration: none; font-family: 'PT Sans', sans-serif; } #access ul ul { display: none; float: left; margin: 0; position: absolute; top: 1.8em; left: 0; width: 188px; z-index: 99999; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { background: #fff; /*border-bottom: 1px dotted #ddd;*/ color: #333; font-size: 14px; font-weight: normal; height: auto; line-height: 1.1em; padding: 7px 12px; width: 168px; } #access li:hover > a, #access ul ul :hover > a, #access a:focus { color: #ED8137; } #access li:hover > a, #access a:focus { color: #ED8137; } #access ul li:hover > ul { display: block; } #access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a { color: #ED8137; } /*---------------------------- LOGO ----------------------------*/ #header-logo { display: block; margin-top: -6px; float: left; width: 326px; height: 326px; text-align: center; background-image: url(images/sc-sun-logo.jpg); background-repeat: no-repeat; position: relative; cursor: pointer; } #center-name { position: absolute; bottom: 18px; left: 0; width: 326px; font-family: Times, "Times New Roman"; text-transform: uppercase; text-shadow: 1px 1px 4px rgba(0,0,0,.2); line-height: 1; } #center-name span { display: block; color: #fff; text-decoration: none; } #header-logo:hover span { text-decoration: none; color: #fff; } #header-logo .logo { display: block; height: 100%; width: 100%; text-decoration: none; color: #fff; } #header-logo .logo:hover { text-decoration: none; color: #fff; } #center-name .line1 { font-size: 3.0em; } #center-name .line2 { font-size: 1.85em; } #center-name .line3 { font-size: 2.85em; } #header-main-shadow { width: 100%; height: 6px; background-image: url(images/shadow_sl.png); background-repeat: repeat-x; background-position: top; position: relative; z-index: 2000; } #slider { width: 980px; height: 326px; position: relative; } #description-box { position: absolute; width: 960px; background-color: #000; z-index: 20; bottom: -100px; padding-left: 10px; padding-right: 10px; opacity: 0.8; filter: alpha(opacity=80); } #description-box p { color: #fff; margin-top: 10px; margin-bottom: 10px; } /*---------------- ACCORDION SLIDER -----------------*/ /* #slider .accordion-holder img { width: 700px; display: block; } .accordion-holder { position: absolute; top: 0; left: 0; z-index: 3; width: 700px; height: 370px; visibility: hidden; } .accordion-shadow { height: 380px; width: 20px; position: absolute; left: -20px; background-image: url(images/accordion_shadow.png); background-repeat: repeat-y; top: -10px; } .accordion-description { width: 300px; margin-top: 50px; background-color: #000; z-index: 200; position: absolute; right: 0; bottom: 0; padding: 10px; padding-left: 15px; color: #fff; display: none; } .accordion-description h4, .accordion-description p { margin-top: 0; margin-bottom: 0; color: #fff; } .accordion-description a { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } */ /*------------ THUMBNAIL SLIDER -------------*/ /* #slider-img-wrapper { overflow: hidden; position: relative; width: 980px; height: 370px; } #slider img { position: absolute; top: 0; left: 0; z-index: 3; width: 980px; height: 370px; display: none; } #slider img.first { display: block; } #slider img.current { z-index: 10; } #slider-navigation-container { width: 875px; height: 60px; border-bottom: 1px solid #e6e6e6; padding-top: 20px; padding-bottom: 20px; padding-left: 83px; padding-right: 22px; } #slider-navigation { position: relative; overflow: hidden; width: 800px; height: 60px; left: 10px; top: 0; } .slider_nav_tumb { width: 90px; height: 70px; display: block; background-image: url(images/slider_nav_bg.png); background-repeat: no-repeat; padding: 7px; padding-top: 8px; } #slider-navigation .items { width: 20000em; position: absolute; left: 0; } #slider-navigation .items div { float: left; } #slider-navigation .items img { width: 70px; height: 50px; background-color: #FFF; border: 1px solid #d9d9d9; background-repeat: no-repeat; padding: 3px; margin-right: 24px; } #slider-navigation .items img.active { background-color: #efefec; border: 1px solid #d9d9d9; position: relative; } .browse { width: 41px; height: 41px; display: block; position: absolute; } #left-arrow { left: -48px; top: 10px; float: left; width: 38px; height: 38px; display: block; background-image: url(images/slider_arrow_l.png); background-repeat: no-repeat; } #right-arrow { right: 14px; top: 10px; width: 38px; height: 38px; display: block; background-image: url(images/slider_arrow_r.png); background-repeat: no-repeat; } */ /*-------------------------NIVO SLIDER----------------------------*/ #nivo-slider { width: 654px; height: 326px; margin-top: -6px; background-image: url(images/ajax-loader.gif); background-repeat: no-repeat; background-position: center; float: right; } #nivo-slider img { width: 654px; height: 326px; display: none; top: 0; left: 0; } .nivo-controlNav { position: absolute; bottom: -34px; } #nivo-controlNav-holder { background-color: #fff; height: 50px; border-bottom: 1px solid #ebebeb; } .nivo-controlNav a { width: 15px; height: 15px; background-image: url(images/page_nav.png); background-repeat: no-repeat; float: left; list-style: none; margin-left: 3px; margin-right: 3px; display: block; } .nivo-controlNav a.active { background-image: url(images/page_nav_active_black.png); } .nivo-nextNav { display: block; background-image: url(images/nivo_arrow_r.png); background-repeat: no-repeat; width: 20px; height: 29px; margin-right: 10px; } .nivo-prevNav { display: block; background-image: url(images/nivo_arrow_l.png); background-repeat: no-repeat; width: 20px; height: 29px; margin-left: 10px; } .nivo-caption p { padding: 15px; } /*--------------------------- HEADER IMAGE (SLIDER)----------------------------*/ #header-main, #page-title { width: 980px; height: auto; position: relative; } #page-title { color: #747474; background-color: #efefec; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; height: 34px; } #page-title h6 { margin-top: 7px; margin-bottom: 7px; display: block; font-size: 13px; font-style: italic; padding-left: 40px; } #header-img { width: 654px; height: 326px; float: right;margin-top: -6px; margin-bottom: -6px;overflow:hidden;} #header-img img {width: 654px;height: 326px;} #header-img .page-header {} #program-header { float: right; background-color: #FFD638; } #program-header .feature-programs-title { text-align: center; text-transform: uppercase; letter-spacing: 5px; color: #C00; font-size: 11px; position: absolute; top: 25px; width: 654px; } #program-header .program-slider { margin: 0 auto; width: 450px; height: 220px; margin-top: 70px; overflow: hidden; } /*-------------------------CONTENT----------------------------*/ #container { height: auto; min-height: 400px; width: 670px; float: left; } #container-full-width { height: auto; min-height: 400px; float: left; } /*#container-full-width { height: auto; min-height: 400px; }*/ #content-container { clear: both; width: 980px; } /*.content-gradient { background-image: url(images/content_bg.png); background-repeat: repeat-x; background-position: top; }*/ #content { height: auto; min-height: 200px; width: 590px; margin: 40px 40px 40px 40px; /*border: 1px solid #000;*/} #content-full-width { height: auto; min-height: 200px; margin: 40px 40px 40px 40px; /*border: 1px solid #000;*/} #content-container #content { width: 900px; /*border: 1px solid #000;*/} #full-width { float: left; height: auto; min-height: 200px; margin: 40px; width: 900px; } .sidebar-to-left #content { float: right; } .sidebar-to-left .sidebar { float: left; margin-left: 40px; margin-right: 0; } #site-intro, .site-intro { text-align: center; position: relative; top: -8px; margin-bottom: 20px; } #site-intro span, .site-intro span { display: inline; float: left; } #site-intro-container, .site-intro-container { display: inline-block; height: 20px; margin-left: auto; margin-right: auto; max-width: 850px; } .intro-text { color: #454545; line-height: 1.5em; font-weight: 100; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 21px; } .intro-swril { display: block; width: 35px; height: 27px; margin-top: 3px; } .swril-left { background-image: url(images/intro_swril.png); background-repeat: no-repeat; float: left; margin-right: 5px; } .swril-right { background-image: url(images/intro_swril_r.png); background-repeat: no-repeat; float: left; margin-left: 5px; } h1.page-heading { font-size: 24px; margin-bottom: 12px; margin-top: 0; } .post-image { float: left; width: 210px; padding: 5px 0 0; } .post-excerpt { float: right; width: 375px; } .blog-post { margin-bottom: 40px; margin-top: -15px; } .post-boxes { margin-top: 40px; margin-bottom: -40px; } .blog-post h1, .blog-post h1 a { font-size: 22px; margin-bottom: 11px; font-style: normal; } .post-info { color: #6a6a6a; float: left; font-size: 11px; margin-bottom: 20px; text-transform: uppercase; width: 100%; position: relative; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; padding-bottom: 7px; } .post-info ul { margin-left: 0; } .post-info a { font-style: normal; color: #ed8137; } a.read-more { text-transform: capitalize; font-style: normal; color: #ed8137; } .no-caps { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-transform: lowercase; } .post-info ul li { display: inline; float: left; padding-right: 15px; padding-top: 7px; } .post-info ul li.post-info-comments { border-right: 0; float: right; padding-right: 0; } .post-info ul li.post-info-comments img { float: left; } .post-info ul li.post-info-categories { border-right: 0; padding-right: 5px; } #full-width .post-info ul li.post-info-categories { border-right: 0; width: auto; padding-right: 5px; } img.img-frame, img.shadow-frame, img.attachment-post_box_img, .img-frame img { padding: 4px; background-color: #fefefe; border: 1px solid #d9d9d9; } img.attachment-post_box_img { float: left; margin-right: 10px; margin-bottom: 15px; } .more-arrow { font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; position: relative; top: 1px; } .image-margin { margin: 5px; } /* Page navigation */ #container .wp-pagenavi a, #container .wp-pagenavi span.pages { border-color: #ebebeb; color: #6A6A6A; } #container .wp-pagenavi span.current, #container .wp-pagenavi span.extend { border-color: #ccc; color: #6A6A6A; } #container .wp-pagenavi span.pages, #container .wp-pagenavi a.last { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } /*-------- COLUMNS --------*/ .columns-wrapper { width: 590px; float: left; margin-bottom: 30px; } #full-width .columns-wrapper { width: 900px; float: left; margin-bottom: 30px; } #footer-columns { width: 900px; float: left; } .columns-wrapper p { margin-bottom: 7px; margin-top: 7px; } .two-columns { width: 430px; float: left; margin-right: 40px; } #content .two-columns { width: 275px; } .three-columns { width: 273px; float: left; margin-right: 40px; } .three-columns-3 { margin-right: 0; width: 273px; float: left; } #content .three-columns { width: 170px; } .four-columns { width: 195px; float: left; margin-right: 40px; } .four-columns-4 { width: 195px; float: left; margin-right: 0; } #content .four-columns { width: 116px; } .services-box, .pricing-box { line-height: 1.7em; } .services-box img { margin-top: 8px; margin-bottom: 15px; } .services-box h4, .pricing-box h4 { color: #828282; font-size: 14px; text-transform: uppercase; font-style: normal; font-family: Verdana, Geneva, sans-serif; letter-spacing: 2px; margin-top: 7px; } .pricing-box { line-height: 1.7em; background-color: #efefec; border: 1px solid #e6e6e6; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 10px; text-align: center; width: 230px; padding: 20px; } .pricing-box ul { text-align: center; margin-bottom: 15px; width: 200px; margin-left: 30px; } .columns-wrapper div.pricing-box ul li { float: left; margin: 5px; } .pricing-box .button { margin-top: 20px; } .pricing-box .price { font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; line-height: 36px; display: block; position: relative; top: 5px; } .pricing-box h4 { margin-top: 0; } /*-------- SC COLUMNS --------*/ .home-col { float: left; width: 47%; margin-right: 5.5%; padding-bottom: 15px; } .last { margin-right: 0; } .home-full { clear: both; } .home-box ul { margin-left: 0; } .home-box ul li { list-style: none; margin-bottom: 10px; } .home-full-top { margin-top: 20px; } /*----------- PROGRAMS -----------*/ .program { padding: 15px 0; clear: left; overflow: hidden; } .program h2, .program h3, .program h4 { margin-bottom: 4px; margin-top: 0px; line-height: 1.2 } .program h3.program-name { font-size: 21px; } .program h4.program-teacher { font-size: 18px; } .program h4.program-teacher i { font-size: 70%; font-style: normal; } .program h4.program-date { font-size: 16px; margin-left: 165px; } .program .program-intro { line-height: 1.4; /* margin-left: 165px;*/ } .program.noimage .program-intro, .program.noimage .program-date { margin-left: 0; } .program-image { float: left; margin-right: 15px; } /* main program listing */ .program-main .program-image, .program-list .program-image{ width: 150px; max-height: 150px; overflow: hidden; } .program-main .program-image img, .program-list .program-image img { max-width: 150px; max-height: 150px; display: block; margin: 0 auto; } .below-detail-programs { } /* reduce non-featured programs */ /*.program-main .program.nofeat { padding: 15px 0; } .program-main .program.nofeat h3.program-name { font-size: 17px; } .program-main .program.nofeat h4.program-teacher { font-size: 15px; } .program-main .program.nofeat h4.program-date { font-size: 14px; } .program-main .program.nofeat .program-image img { max-width: 65px; max-height: 65px; } .program-main .program.nofeat .program-intro { display: none; } .program-main .program.nofeat h3.program-name.duplicate { display: inline; font-size: 13px; }*/ /* programs fader */ .program-slider .program-image img { float: left; max-width: 200px; max-height: 200px; margin: 0 5px 20px 0; } .program-slider, .program-slider .program { width: 100%; background: white !important } .sidebar-box.program_feature .program-slider { max-height: 160px; min-height: 80px; margin-bottom: 0; } /* fixes misbehaving program fader in sidebars */ .sidebar-box.regional_program .program-slider { max-height: 160px; min-height: 80px; margin-bottom: 0; } /* fixes misbehaving program fader in sidebars */ .home-full .program-slider { height: 230px; } /* fixes misbehaving program fader on home wide area */ .home-full .program-image { height: 200px; } .home-full.home-cols .program-slider .program-image img { max-width: 100px; max-height: 100px; margin-bottom: 10px; } .program-slider .program { padding-bottom: 0; } /* sidebar programs */ .sidebar .program { padding: 0 0 15px; } .sidebar .program h3, .sidebar .program h4 { margin-bottom: 2px; padding-bottom: 0; text-transform: none; } .sidebar .program h3.program-name { font-size: 15px; } .sidebar .program h4.program-teacher { font-size: 13px; margin-left: 70px; } .sidebar .program h4.program-date { font-size: 13px; margin-left: 70px; } .sidebar .program-image { width: 60px; height: 60px; margin-right: 10px; } .sidebar .program-image img { max-width: 60px; max-height: 60px; display: block; margin: 0 auto; } .sidebar .program-slider-nav { margin: 72px 0 0 1em; } /* Shambhala Blog Widget (and blog page) */ .blog .post { padding: 15px 0; clear: both; /*overflow: hidden;*/ } .blog .post-title/*, .blog .post-date */ { margin-bottom: 4px; margin-top: 0; line-height: 1.2 } .blog .post-title { font-size: 21px; } .blog .post-date, .byline,.post-date { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; } .blog .post-image { width: 200px; margin-right: 15px; float: left; text-align: center; } /*.blog .post-excerpt p { display: inline; }*/ /*.blog .post-excerpt { margin-left: 215px; }*/ .blog h1 { margin-bottom: 5px;} .byline i { color: #888; font-size: 13px; } .dateandby { margin-bottom: 5px; } .sidebar .blog .post { padding: 15px 0 0; } .sidebar .blog .post-title, .sidebar .blog .post-date { padding-bottom: 0; text-transform: none; } .sidebar .blog .post-title { font-size: 14px; margin: 0 0 2px; } /*.sidebar .blog .post-date { font-size: 12px; margin: 2px 0; }*/ .sidebar .blog .post-image { width: 60px; height: 60px; margin-right: 10px; float: left; } .sidebar .blog .post-image img { max-width: 60px; max-height: 60px; display: block; margin: 0 auto; } .sidebar .blog .post-excerpt { font-size: 11px; line-height: 14px; margin-left: 70px !important; } .sidebar .blog .post-excerpt p { display: inline; } /* recurring */ .program-recur .program { padding: 0 0 15px; } /*.program-recur .program-image { width: 40px; height: 40px; margin-right: 10px; }*/ .program-recur .program-image { width: 60px; height: 60px; margin-right: 10px; } /*.program-recur .program-image img { max-width: 40px; max-height: 40px; margin-right: 8px; }*/ .program-recur .program-image img { max-width: 60px; max-height: 60px; margin-right: 8px; } .program-recur .program h3.program-name { font-size: 13px; min-width: 160px; } .program-recur .program h4.program-date { font-size: 13px; margin-left: 0; } .program-recur h2.program-cat { font-size: 15px; } /* recurring by group */ .program-recur.recur-by-group .program { padding: 0 0 10px; } .program-recur.recur-by-group .program-image { width: 28px; height: 28px; } .program-recur.recur-by-group .program-image img { max-width: 28px; max-height: 28px; } /* recurring in main area can flow better */ #content .program-recur .program { float: left; width: 46%; margin-right: 3%; clear: none; font-size: 13px; } #content .program-recur .program * { font-size: 13px; } .program-cancelled { color: #f00; text-transform: uppercase; } /* program details */ .program-details h1 { padding-bottom: 0; } .program-details h4.program-teacher { font-size: 22px; } .program-details .program-teacher i { font-size: 70%; font-style: normal; } .program-meta { float: left; background: #ddd; padding: 5px 13px 0px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 15px; background: #fff0bb; max-width: 45%; } /* .program-all-dates { font-size: 14px; } */ .program-text { clear: both; } .program-price, .program-date-details, .program-extras, .program-date-details-show { margin-bottom: 10px; display: block; } .program-price ul { list-style-position: outside; margin: 0; } .program-price ul li { margin: 0 0 0 20px; } .register-link { margin: 20px 0; clear: both; } .register-link-text { padding: 8px 15px 6px; -webkit-border-radius: 10px; border-radius: 10px; background: #FFD629; box-shadow: 2px 2px 5px rgba(0,0,0,.3); color: #555; font-weight: bold; text-transform: uppercase; font-size: 12px; font-family: Helvetica, Arial;} .program-image-detail,.program-details-image { margin: 5px 15px 5px 15px; border: 5px solid #eeeeee; float: right; max-width:250px; } /*widget content block*/ .widget_content_image { float: left; margin-right: 15px; clear: left; } .Widget_Include_Post h4 { margin-top: 0; } #RegProgramInfo, #RegPriceInfo, #RegPersonalInfo, #RegCaptcha, #RegSubmit, #RegErrorInfo, .reg-section { background-color:#FFFEEF; border:1px solid #eee; margin:20px 0; overflow:auto; padding:15px 10px; position: relative; /*IE*/ overflow:visible; /*IE for fiedldset bleed other hacks in ieRegFormHacks.css*/ } #RegProgramInfo .infoName{ vertical-align:top; width:170px; } #RegPersonalInfo legend, #RegPriceInfo legend, #RegCaptcha legend, #RegProgramInfo legend, #RegErrorInfo legend, .reg-section legend { font-weight:bold; color:#333; padding:0px 5px 0px 5px; font-size:12px; } #RegPersonalInfo label{ display: -moz-inline-box; display: inline-block; margin: 0.6em 4px 0 0; padding: 0 2px; width: 170px; min-width: 9em; color:#333; } .oneRow, .Error{ display:block; } #RegPriceInfo label{ font-weight:bold; } #RegPriceInfo .oneRow, #RegProgramInfo .oneRow, #RegSubmit .oneRow, #RegCaptcha .oneRow{ padding-left:170px; } #RegErrorInfo .Error{ padding-left:180px; } #RegPriceInfo .free{ font-weight:bold; } .Error{ color:#ff0000; font-weight:bold; } .reghead{ margin-top:0px; padding-top:0px; } /* CALENDAR page */ #container.calendar-full { width: 980px; } #container.calendar-full #content { width: 900px; } #container.calendar-full + .sidebar { display: none; } /* print css */ @media print { #header { display: none; } .sidebar { display: none; } #footer-container, #copyrights { display: none !important } #content { padding: 0; margin: 0; } .datepickerform, .monthnavigation, .calendar-full h1.page-heading { visibility: hidden; } } /* make site one column on iphone screen */ /*@media (max-width:510px) {*/ /* @media screen and (max-device-width: 480px) { .center, #site { width: 99%; clear: both; } #content, #container { width: 96%; clear: both; } #content { margin: 15px; } #header-logo { clear: both; margin-left: 15px; } div.sidebar { clear: both; margin-left: 15px; float: left; width: 95%; } #menu-container { margin-bottom: 20px; } #access ul li:hover > ul { display: none; } #header-main-shadow { display:none; } #header-img, #header-img .page-header { clear: both; margin: 0; float: left; display: none; } #header-img .page-header img { width: 100%; display: none; } .home-col { width: 100%; clear: both; } } */ /*-----------PORTFOLIO WITH PREVIEW -----------*/ .portfolio-big-img { margin-bottom: 15px; width: 580px; min-height: 200px; background-image: url(images/ajax-loader-small.gif); background-repeat: no-repeat; background-position: center; background-color: transparent; } #portfolio-preview { float: left; height: auto; min-height: 200px; width: 590px; margin: 40px 10px 40px 40px; } #portfolio-preview h4 { font-style: normal; } #portfolio-preview h1, #portfolio-preview h1 a { font-size: 22px; margin-bottom: 8px; font-style: normal; margin-top: 0; } #portfolio-preview hr { margin-bottom: 10px; } .portfolio-items { float: left; width: 300px; padding-left: 1px; } .showcase-item { float: left; display: block; width: 297px; margin-bottom: 8px; background-color: #efefec; border: 1px solid #e6e6e6; } .showcase-item:hover { background-color: #f5f5f2; } .showcase-item h6 { float: left; width: 210px; margin-top: 7px; text-transform: capitalize; font-size: 13px; font-style: normal; } .showcase-item span { font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; font-size: 11px; } .portfolio-items img { margin: 5px 10px 5px 4px; width: 50px; height: 46px; background-image: url(images/ajax-loader-small.gif); background-repeat: no-repeat; background-position: center; } .portfolio-sidebar { height: auto; min-height: 200px; float: right; width: 300px; margin-top: 40px; font-size: 15px; overflow: hidden; margin-right: 40px; } .portfolio-sidebar h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: normal; color: #484848; border-bottom: 1px solid #ebebeb; margin-bottom: 0; padding-bottom: 8px; text-transform: uppercase; } #portfolio-wrapper { height: 369px; } #portfolio-big-pagination { margin-top: 1px; margin-left: 1px; margin-bottom: 30px; display: block; width: 299px; height: 30px; float: left; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; text-transform: uppercase; line-height: 26px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; } .portfolio-big-arrows { font-size: 26px; line-height: 22px; position: relative; top: 2px; } #portfolio-big-pagination a { text-decoration: none; font-style: normal; color: #454545; } #portfolio-big-pagination a:hover { color: #333; text-decoration: none; } #portfolio-navigation { margin-top: 17px; } #portfolio-navigation ul { display: inline; } #portfolio-navigation ul li { float: left; width: 135px; } #portfolio-navigation ul li a { border-bottom: 0; width: 135px; } #portfolio-navigation ul li a img { padding: 7px; } #content-container ul#sidebar-projects, #footer ul#sidebar-projects { float: left; width: 288px; padding-left: 1px; margin-top: 10px; } #footer ul#sidebar-projects { margin-top: 5px; } #sidebar-projects img { margin-bottom: 0; margin-right: 0; float: left; } #footer #sidebar-projects img { width: 83px; } #sidebar-projects li, #footer #sidebar-projects li { border-bottom: 0; width: 124px; float: left; padding: 0; margin: 0; margin-bottom: 10px; margin-right: 15px; } #footer ul#sidebar-projects li { width: 93px; margin-bottom: 8px; margin-right: 8px; } /*------------------ GALLERY ---------------------*/ #gallery { min-height: 500px; } #gallery img { margin-right: 0; } #gallery-categories { width: 100%; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; line-height: 29px; } #gallery-categories h6 { float: left; margin-top: 3px; margin-bottom: 0; margin-right: 20px; margin-left: 3px; } #gallery-categories ul li { display: inline; padding-right: 30px; font-size: 14px; text-transform: uppercase; color: #a4a4a4; position: relative; top: -1px; } #gallery-categories ul li.selected, #gallery-categories ul li:hover { color: #6a6a6a; } /* pagination styles */ #portfolio-pagination { float: left; margin-top: 10px; } #portfolio-pagination ul { margin: 0; padding: 0; } #portfolio-pagination ul li { width: 15px; height: 15px; background-image: url(images/page_nav.png); background-repeat: no-repeat; float: left; list-style: none; margin-left: 3px; margin-right: 3px; } #portfolio-pagination ul li:hover, #portfolio-pagination ul li.selected { background-image: url(images/page_nav_active_black.png); } /* item styles */ .portfolio-item { float: left; margin-right: 26px; margin-bottom: 26px; display: none; border: 0 solid #eef1f5; background-repeat: no-repeat; } .portfolio-item a { display: block; } .portfolio-item img { display: block; background-image: url(images/ajax-loader-small.gif); background-repeat: no-repeat; background-position: center; background-color: transparent; } .page-wrapper { float: left; } /* category filter styles */ #portfolio-categories { width: 100%; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; line-height: 32px; float: left; margin-bottom: 40px; font-family: Georgia, "Times New Roman", Times, serif; } #portfolio-categories h6 { float: left; margin-top: 3px; margin-bottom: 0; margin-right: 20px; margin-left: 3px; font-style: italic; } #portfolio-categories_left { display: none; } #portfolio-categories_right { display: none; } #portfolio-categories ul li { display: inline; padding-right: 30px; font-size: 12px; text-transform: uppercase; color: #a4a4a4; position: relative; top: -1px; float: left; letter-spacing: 1px; } #portfolio-categories ul li.selected { color: #000; } #portfolio-categories ul li:hover a { text-decoration: none; font-style: normal; } .port_cat_l { display: none; } .port_cat_r { display: none; } .port_cat_active { display: inline; float: left; } .loading { width: 54px; height: 55px; background-image: url(images/ajax-loader.gif); background-repeat: no-repeat; margin-left: auto; margin-right: auto; position: relative; top: 160px; } .item-wrapper { float: left; } .item-desc { width: 300px; margin-top: 15px; } .item-desc h4 { margin-bottom: 0; } .item-desc p { margin-top: 10px; margin-bottom: 5px; } /*-------------------------FOOTER----------------------------*/ #footer-container { background-color: #efefec; width: 100%; height: auto; display: block; float: left; border-top: 1px solid #e6e6e6; } #footer { margin: 40px; color: #9e9e9d; font-size: 14px; height: auto; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.5em; margin-bottom: 10px; } #footer .columns-wrapper { margin-bottom: 0; } #footer h4 { color: #575757; font-family: Verdana, Geneva, sans-serif; font-weight: 700; font-size: 12px; font-style: normal; text-transform: uppercase; margin-top: 0; border-width: 0; } #footer ul { text-decoration: none; list-style: none; margin-left: 0; margin-top: -7px; } #footer ul li a { display: block; width: 202px; color: #848484; } #footer ul li { border-bottom: 1px solid #dadada; padding-top: 7px; padding-bottom: 7px; } #footer ul li a:hover { text-decoration: none; color: #999; } #footer hr { border-color: #e6e6e6; } #footer-icons { width: 195px; height: 50px; } #footer-icons ul { display: inline; height: 50px; width: 206px; } #footer-icons li { display: inline; list-style: none; float: left; } #footer-icons li { width: 32px; border-bottom: 0; padding-right: 7px; } #footer #footer-icons ul li a { border-bottom: 0; } #footer-icons a img { opacity: 0.9; filter: alpha(opacity=90); } #footer-icons a img:hover { opacity: 1; filter: alpha(opacity=100); } #footer p { margin-top: 0px; } #footer-projcets { margin-top: 10px; } #footer-projcets ul { display: inline; } #footer-projcets ul li { float: left; } #footer-projcets ul li a { width: 80px; height: 80px; background-color: #fff; margin: 3px; padding: 4px; border: 1px solid #dadada; } #footer-projcets ul li a:hover { background-color: #dbdbdb; border: 1px solid #cacaca; } .footer-widget { margin-bottom: 30px; } #copyrights { width: 100%; float: left; background-color: #363636; } #copyrights h5, #copyrights h6 { font-family: Georgia, "Times New Roman", Times, serif; margin-top: 15px; color: #a3a3a3; clear: none; } #copyrights h5 { font-size: 12px; margin-left: 40px; width: 45%; float: left; font-style: italic; } #copyrights h6 { font-size: 10px; margin-right: 40px; float: right; text-align: right; width: 45%; line-height: 1; } #copyrights a { color: #e0e0e0; } /*-------------------------SIDEBAR----------------------------*/ .sidebar { height: auto; min-height: 200px; float: right; width: 270px; margin-top: 36px; margin-bottom: 30px; margin-right: 40px; } .sidebar a { font-style: normal; } .sidebar-box { margin-bottom: 20px; height: auto; overflow: hidden; } .sidebar-box ul { text-decoration: none; list-style: none; margin-left: 0; margin-top: -10px; } /*.sidebar-box ul li a { display: block; width: 258px; color: #6a6a6a; text-decoration: none; font-size: 13px; }*/ /*.sidebar-box ul li { padding: 4px 0; *//*border-bottom: 1px solid #ebebeb; *//*}*/ /*.sidebar-box ul li a:hover { color: #373737; }*/ /*.sidebar-box h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; font-style: normal; color: #484848; border-bottom: 1px solid #ebebeb; margin-bottom: 10px; }*/ /*.sidebar-box input[type=text] { width: 260px; margin-bottom: 10px; height: 29px; }*/ .sidebar-box input[type=text] { width: 260px; margin-bottom: 10px; height: 19px; } /* --------------------- BUTONS --------------------- */ a.button, a.button { background: transparent url(images/buttons_dark_a.gif) no-repeat scroll top right; display: inline-block; height: 35px; margin-top: 0; padding-right: 5px; /* the same value as the width of buttons_a.gif */ text-decoration: none; color: #fff; font-style: normal; } a.button span, a.button span { background: transparent url(images/buttons_dark_span.gif) no-repeat top left; display: block; line-height: 21px; padding: 7px 12px 7px 16px; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; } a.button:hover, a.button:hover { color: #fff; background-position: bottom right; cursor: pointer; text-decoration: none; } a.button:hover span, a.button:hover span { background-position: bottom left; cursor: pointer; } a.button-small, a.button-small { background: transparent url(images/buttons_small_a.gif) no-repeat scroll top right; display: inline-block; height: 35px; margin-right: 6px; margin-top: 0; padding-right: 5px; /* the same value as the width of buttons_a.gif */ text-decoration: none; color: #8e8e8e; font-style: normal; } a.button-small span, a.button-small span { background: transparent url(images/buttons_small_span.gif) no-repeat top left; display: block; line-height: 21px; padding: 7px 12px 7px 16px; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; word-spacing: 4px; } a.button-small:hover, a.button-small:hover { color: #fff; background-position: bottom right; cursor: pointer; text-decoration: none; } a.button-small:hover span, a.button-small:hover span { color: #8e8e8e; background-position: bottom left; cursor: pointer; } input[type="submit"].pickerbutton { background-color: #666; } /*------------- CONTACT PAGE --------------*/ /*input { width: 300px; height: 24px; border: 1px solid #ccc; background-color: #fff; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } textarea { width: 300px; height: 150px; padding-top: 0; font-family: Arial; font-size: 13px; padding-top: 8px; padding-bottom: 8px; border: 1px solid #ccc; padding-left: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #submit_form { margin-top: 25px; } form h6 { margin-bottom: 3px; } .contact_message { z-index: 1000000; } .check { width: 24px; height: 24px; background-image: url(images/ok.png); background-repeat: no-repeat; } .contact_loader { width: 32px; height: 32px; background-image: url(images/contact-loader.gif); background-repeat: no-repeat; } #contact_status { margin-top: 30px; } .invalid { border: 1px solid #f66; } #invalid_input { display: none; } #sent_successful { display: none; } .question_icon { width: 14px; height: 13px; background-image: url(images/question_icon.png); background-repeat: no-repeat; position: absolute; top: 35px; right: -40px; z-index: 2; } .contact_form_textarea .question_icon { top: 40px; } .contact_form_input, .contact_form_textarea { position: relative; width: 290px; } .contact_message { background-color: #fff; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 100px; position: absolute; top: 37px; right: 15px; z-index: 1; margin-bottom: 0; font-size: 11px; padding-left: 5px; padding-right: 5px; z-index: 3000; } .contact_form_textarea .contact_message { top: 57px; } .contact_message p { margin-top: 5px; margin-bottom: 5px; } #contact_status div { float: left; } #contact_status span { float: left; margin-left: 10px; margin-top: 3px; } #header-main { overflow: hidden; } #map-canvas { width: 268px; height: 268px; background-color: #fff; -moz-box-shadow: 0 0 6px #c6c6c6; -webkit-box-shadow: 0 0 6px #c6c6c6; box-shadow: 0 0 6px #c6c6c6; border: 1px solid #CCC; margin-top: 25px; }*/ /*----------------------- COMMENTS ---------------------------*/ .form-allowed-tags { display: none; } .commentlist li { list-style: none; } article.comment { border: #ebebeb 1px solid; margin-top: 20px; background-color: #fafafa; padding: 10px; font-size: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } article.comment ul li { list-style-type: disc; } article.comment ol li { list-style-type: decimal; } article.comment dl dt { font-weight: bold; font-size: 1.1em; } article.comment dl dd { padding: 0 0 5px; } .comment-content { padding: 0 10px 0 50px; text-align: justify; } .comment-content table { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%; } .comment-content h4 { font-size: 16px; } .comment-content th { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } .commentlist td { border-top: 1px solid #ddd; } .commentlist ul, .commentlist ol { margin-bottom: 1.625em; } .commentlist ul ul, .commentlist ol ol, .commentlist ul ol, .commentlist ol ul { margin-bottom: 0; } .comment-author { position: relative; height: 45px; } .comment-author img { float: left; padding: 0 10px 0 0; width: 39px !important; height: 39px !important; } .comment-author .fn { float: left; padding: 0 5px 0 0; } .comment-author time { position: absolute; top: 0; right: 10px; color: #999; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } #commentContentContainer ul.children .commentContainer { margin-top: 20px; padding: 0; margin-left: 20px; } #commentContentContainer ul.children li { border-left: 1px solid #ccc; margin-top: -1px; padding-top: 1px; margin-left: 10px; padding-bottom: 20px; margin-bottom: -20px; background-image: url(images/comment-reply-bg.jpg); background-repeat: repeat-x; background-position: center; } #content-container ul.commentlist, #content-container ul.commentlist ul { margin-left: 0; list-style: none; padding-left: 0; } .comentBox { padding: 20px; min-height: 108px; position: relative; } #commentContentContainer ul.children .comentBox { padding: 20px; position: relative; } .comentBox p { margin-top: -10px; } .comentBox img { margin-right: 20px; margin-bottom: 10px; margin-top: 0; padding: 4px; background-color: #FFF; border: 1px solid #e6e6e6; } .commentAutor { float: left; } .commentDate { position: absolute; bottom: 10px; right: 20px; color: #999; margin-top: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } ul.children .commentDate { right: 10px; } .commentNavigation { width: 100%; float: left; height: 30px; position: relative; margin-top: 20px; } .commentInput { padding-top: 4px; height: 20px; width: 250px; margin-bottom: 5px; } .commentTextArea { width: 350px; margin-bottom: 15px; } .commentText { margin-top: 10px; } .reply_icon { width: 22px; height: 22px; background-image: url(images/reply.png); background-repeat: no-repeat; float: left; margin-right: 9px; margin-top: -2px; } .reply { text-align: right; } #commentform { margin-top: 25px; } #commentform input, #commentform textarea { display: block; } /*----------- ELEMENTS -----------*/ code { border: 1px dashed #d3d3d3; font: normal 13px; padding: 2px; padding-left: 7px; padding-right: 7px; } .hihglight1 { background-color: #E6E8E8; border: 1px solid #CCC; padding: 2px; color: #000; padding-left: 5px; padding-right: 5px; font-style: italic; } .hihglight2 { background-color: #666; border: 1px solid #333; padding: 2px; color: #FFF; padding-left: 5px; padding-right: 5px; font-style: italic; } blockquote { margin: 20px; border-left: 5px solid #d0d4d8; padding-left: 25px; padding-top: 7px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; line-height: 1.5em; background: transparent url(images/quote.png) no-repeat scroll top left; background-position: top left; } .info_box, .note_box, .tip_box, .error_box, .tip_box { padding: 20px; margin: 20px 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 10px; border-radius: 7px; padding-left: 55px; background: #eee; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; } .info_box { background: #ddf3fc url(images/icons/info.png) no-repeat scroll 10px 14px; border: 1px solid #8ed9f6; color: #2e6093; } .note_box { background: #fffadb url(images/icons/note.png) no-repeat scroll 10px 15px; border: 1px solid #f5d145; color: #9e660d; } .error_box { background: #ffdede url(images/icons/error.png) no-repeat scroll 10px 15px; border: 1px solid #d97676; color: #cd0a0a; } .tip_box { background: #eff7d9 url(images/icons/tip.png) no-repeat scroll 10px 15px; border: 1px solid #b7db58; color: #5d791b; } table { border: 1px solid #D8D8D8; border-collapse: collapse; margin-bottom: 20px; margin-top: 20px; } table th { font-family: Georgia, "Times New Roman", Times, serif; padding: 5px; padding-left: 13px; padding-right: 13px; background-color: #f1f2f4; border-right: 1px solid #D8D8D8; font-size: 14px; } /*table td { border: 1px solid #D8D8D8; padding: 5px; padding-left: 13px; }*/ table td { padding: 5px; padding-left: 13px; } table td:hover { background-color: #f1f2f4; } #calendar_wrap table td { text-align: center; padding-left: 3px; } table#wp-calendar { margin-bottom: 0; } #calendar_wrap table td#prev { text-align: left; } caption { margin-bottom: 5px; } .drop-caps { font-family: Georgia, "Times New Roman", Times, serif; font-size: 300%; line-height: .8em; margin-right: .1em; padding-bottom: .1em; text-transform: uppercase; float: left; position: relative; top: 4px; } /* --------------------- BULLETS --------------------- */ ul.bullet_check li, div.bullet_check li { list-style: none; background: transparent url(images/check.png) no-repeat 0 .2em; padding: 0; margin: 7px; line-height: 18px; padding-left: 25px; } ul.bullet_arrow li, div.bullet_arrow li { list-style: none; background: transparent url(images/arrow.png) no-repeat 0 .2em; padding: 0; margin: 7px; line-height: 18px; padding-left: 25px; } ul.bullet_arrow2 li, div.bullet_arrow2 li { list-style: none; background: transparent url(images/arrow2.png) no-repeat 0 .2em; padding: 0; margin: 7px; line-height: 18px; padding-left: 25px; } ul.bullet_arrow3 li, div.bullet_arrow3 li { list-style: none; background: transparent url(images/arrow3.png) no-repeat 0 .2em; padding: 0; margin: 7px; line-height: 18px; padding-left: 25px; } ul.bullet_arrow4 li, div.bullet_arrow4 li { list-style: none; background: transparent url(images/arrow4.png) no-repeat 0 .2em; padding: 0; margin: 7px; line-height: 18px; padding-left: 25px; } ul.bullet_numeric li, div.bullet_numeric li { list-style: none; list-style: decimal; padding-left: 20px; } ul.bullet_star li, div.bullet_star li { list-style: none; background: transparent url(images/star.png) no-repeat 0 .2em; padding: 0; margin: 7px; line-height: 18px; padding-left: 25px; } ul.bullet_plus li, div.bullet_plus li { list-style: none; background: transparent url(images/plus.png) no-repeat 0 .2em; padding: 0; margin: 7px; line-height: 18px; padding-left: 25px; } /*----- TESTIMONIALS -----*/ #testimonials { height: auto; overflow: hidden; padding: 10px 0 5px 2px; width: 580px; } #testimonials img { float: left; margin-right: 10px; margin-bottom: 5px; cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); padding: 5px; } #testimonials img.current { cursor: default; opacity: 1; filter: alpha(opacity=100); } #testimonials div { width: 0; float: left; display: none; margin-right: 10px; } #testimonials div.first { width: 245px; display: block; } #testimonials div h3 { color: #444; margin: 0 0 -10px; width: 240px; font-size: 15px; } #testimonials div p { font-size: 12px; width: 240px; line-height: 1.8em; margin-top: 13px; margin-bottom: 0; } /*------------------ TABS------------------*/ .tabs-container { min-height: 200px; } /* root element for tabs */ .tabs { list-style: none; margin: 0!important; padding: 0; height: 45px; border-bottom: 1px solid #cdcdcd; } /* single tab */ .tabs li { float: left; text-indent: 0; padding: 0; margin: 0!important; list-style-image: none!important; } /* link inside the tab. uses a background image */ .tabs a { background: url(images/tabs.png) no-repeat 0 0 transparent; font-size: 14px; display: block; height: 45px; line-height: 45px; width: 111px; text-align: center; text-decoration: none; color: #6a6a6a; padding: 0; margin: 0; position: relative; top: 1px; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: 1px; } .tabs a:active { outline: none; } /* when mouse enters the tab move the background image */ .tabs a:hover { background-position: 0 -46px; color: #454545; } /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ .tabs .current, .tabs .current:hover, .tabs li.current a { background-position: 0 -92px; cursor: default!important; color: #000!important; } /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ /* width 1 */ .tabs .w1 { background-position: -519px 0; width: 134px; } .tabs .w1:hover { background-position: -519px -46px; } .tabs .w1.current { background-position: -519px -92px; } /* width 2 */ .tabs .w2 { background-position: -366px -0px; width: 154px; } .tabs .w2:hover { background-position: -366px -46px; } .tabs .w2.current { background-position: -366px -92px; } /* width 3 */ .tabs .w3 a { background-position: -247px -0px; width: 174px; } .tabs .w3:hover a { background-position: -247px -46px; } .tabs .w3 a.current { background-position: -247px -92px; } /* width 4 */ .tabs .w4 { background-position: -0px -0px; width: 194px; } .tabs .w4:hover { background-position: -0px -46px; } .tabs .w4.current { background-position: -0px -92px; } /* initially all panes are hidden */ .panes .pane { display: none; } .panes { padding: 15px; border: 1px solid #CCC; border-top: 0; } /*------------------- ACCORDION ------------------------*/ .accordion-container { min-height: 250px; } #accordion { background: #f9f9f9; border: 1px solid #e2e2e2; } /* accordion header */ #accordion h2 { background: #EFEFEC; margin: 0; padding: 10px 15px; font-size: 14px; font-weight: 400; border: 1px solid #fff; border-bottom: 1px solid #ddd; cursor: pointer; font-style: italic; } /* currently active header */ #accordion h2.current { cursor: default; background-color: #fff; } /* accordion pane */ #accordion .pane { border: 1px solid #fff; border-width: 0 2px; display: none; padding: 15px; color: #6a6a6a; font-size: 12px; } /* a title inside pane */ #accordion .pane h3 { font-weight: 400; margin: 0 0 -5px; font-size: 16px; color: #999; } /*-------------OTHER------------*/ .hidden { visibility: hidden; width: 0; height: 0; } .loading-container { background-image: url(images/ajax-loader-small.gif); } #searchform { margin-top: 20px; } #searchform #searchsubmit { margin-right: 7px; padding: 5px 10px; background: #444; border: 1px solid #3c3c3c; cursor: pointer; text-transform: uppercase; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; } .widget_search #searchform #searchsubmit { float: right; } #content #searchsubmit { margin-top: -5px; } #searchform #searchsubmit:hover { background: #545454; border: 1px solid #3f3f3f; } .sidebar-box #search_input { width: 168px; float: left; height: 25px; margin-top: 2px; margin-right: 5px; } #content #search_input { margin-bottom: 10px; margin-left: 3px; } ul.blogroll img { float: left; margin-right: 7px; width: 45px; } ul.blogroll li { border-bottom: 1px solid #EBEBEB; padding-top: 6px; padding-bottom: 6px; overflow: hidden; color: #a6a6a6; } ul.blogroll li a { border-bottom-width: 0; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 0; } div.wp_syntax { margin-top: 20px; margin-bottom: 30px; } cite { font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; } .nomargin { margin-right: 0; } .sidebar .textwidget { padding-top: 10px; } a.rsswidget img { position: relative; top: 2px; } .sidebar #SGM { background-image: url(images/ajax-loader-small.gif); background-repeat: no-repeat; background-position: center; border: 1px solid #ebebeb; width: 267px; margin-top: 20px; } .sidebar-heading { margin-top: 0; } .sidebar-box ul li.cat-item a { display: inline; } .qa-faq-answer { padding: 10px 0 0 5px; } /*-------------- UPDATES-------------*/ /*-------------- VERSION 1.1 --------------*/ .mandatory { color: red; } #footer #search_input { width: 185px; } .sidebar-box ul ul { margin-top: 5px; } .sidebar-box ul ul li { border-bottom-width: 0; } /*-------------- VERSION 2.0 --------------*/ #portfolio-categories ul { float: left; margin-left: 0; } .item-desc h4 a:hover { text-decoration: none; } /*-------------- VERSION 2.1 --------------*/ #content-container .gallery img { padding: 4px; background-color: #fefefe; border: 1px solid #d9d9d9; } .blog-post { float: left; } #content-container .wp-pagenavi { float: left; margin-top: 20px; } /*-------------- VERSION 2.3 --------------*/ .columns-wrapper { float: none; overflow: hidden; } #content .blog-post { width: 590px; } #full-width .blog-post { width: 900px; } /*-------------- VERSION 2.4 --------------*/ #logo-container { margin-bottom: -15px; } .portfolio-showcase-item { display: none; } input[type=submit] {margin: 0 10px; border-radius: 10px; padding: 7px;font-size: 15px;font-weight: 500; width: auto; height: auto; background-color: #fafafa; background-image: -webkit-gradient(linear, leftbottom, lefttop, color-stop(0.02, rgb(240, 240, 240)), color-stop(0.51, rgb(250, 250, 250)) ); background-image: -moz-linear-gradient(centerbottom, rgb(240, 240, 240) 2% #fafafa 51% );color: #000;border: solid 1px #000; } /*input[type=submit] { width: auto; height: auto; background-color: #fafafa; background-image: -webkit-gradient(linear, leftbottom, lefttop, color-stop(0.02, rgb(240, 240, 240)), color-stop(0.51, rgb(250, 250, 250)) ); background-image: -moz-linear-gradient(centerbottom, rgb(240, 240, 240) 2% #fafafa 51% );color: #000;border: solid 1px #000; }*/ /*-------------- VERSION 2.6 --------------*/ #footer #sidebar-projects img { height: 83px; } /*-------------- VERSION 2.6.2 --------------*/ .clear { clear: both; } .preview-item .two-columns { width: 275px; } .preview-item .three-columns { width: 170px; } .preview-item .four-columns { width: 116px; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text, .gallery-caption { line-height: 1.5em; margin: 0; padding: 0 4px 5px; font-size: 11px; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-style: italic; } .sticky { border-bottom-width: 4px; border-bottom-style: double; } .bypostauthor { } /*----------- BLOG POSTS LOADER WIDGET --------------*/ .sidebar-post-wrapper { padding-bottom: 15px; margin-top: 15px; border-bottom: 1px solid #ebebeb; } #footer .sidebar-post-wrapper { padding-bottom: 11px; margin-top: 10px; } .sidebar-post-wrapper img { padding: 3px; } .sidebar-post-wrapper h6 a { font-style: italic; color: #737373; font-size: 12px; } .sidebar-post-wrapper h6 { margin-top: 0; margin-bottom: 5px; } .info-wrapper { float: left; width: 187px; color: #EBEBEB; } #footer .info-wrapper { width: 110px; } .info-wrapper img { padding: 0; position: relative; top: 2px; width: 20px; } #footer .sidebar-post-info { display: none; } .sidebar-post-wrapper h6 a:hover { text-decoration: none; } .sidebar-post-info a { font-size: 11px; } .no-arrows #slider-navigation { margin-left: -55px; } /* -----------------------page templates----------------------- */ .lineage-photo { width: 260px; float: right; padding-bottom: 10px; padding-left: 10px;padding-top: 20px; } .principle-photo { width: 160px; float: right; padding-bottom: 10px; padding-left: 10px;padding-top: 20px; } /* -----------------------login form on register pages----------------------- */ .registration_login{margin: 0 0 15px 0;} .forgot_SAP{font-size: 70%;} #recaptcha_image, #recaptcha_image img { width: 270px !important; cursor: pointer; } #recaptcha_image img:hover { position: absolute; width: 300px !important; } .recaptcha_only_if_image, .recaptcha_only_if_audio { display: block; } .sidebar #rc-imageselect, .sidebar .g-recaptcha {transform:scale(0.85);-webkit-transform:scale(0.85);transform-origin:0 0;-webkit-transform-origin:0 0;} img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } /* hide gender field in registration forms 24/10/2017 */ select#ismale, label[for="ismale"] { display: none !important; } label[for="consent1"] { width: 100% !important; } .ch{ font-weight: bold; } .program-image img{ max-width: 200px; } /* update styles of SDB_calendar program lists, descriptions and registrations */ .program-list, .program{ float: left; } .program .entry-title{ display: block !important; margin: 0 0 25px 0; } h2.register-link-text { display: block; width: 100px; } .program-details-image + div, div[itemprop="location"], div[itemprop="offers"], /*div[itemprop="location"] + div,*/ div + strong+ span[itemprop="performers"], div + strong+ span[itemprop="organizer"], .teacher, .coordinators, .contact-person /*div[itemprop="location"] +div+div,*/ /*div[itemprop="location"] +div+div+div*/ { background: #fff0bb; width: 40%; padding: 10px; } .program-details-intro{ padding: 20px 0 20px; } #coupon_wrapper h2{ font-family: Verdana,Geneva,sans-serif; font-size: 13px; } /*}*/ @media screen and (max-width: 766px) { .program{ overflow: visible; }} /* styles for SDB_calendar plugin */ .label_container { text-align: left !important; } .program-main{ width: auto !important; } h2.register-link-text{ width: auto !important } .reccurent .recurrent{ color:#4a4a4a !important; } .cal-feat {font-weight:bold !important;} .weekly{color:#448800 } .multi{color:#3366cc} .oneday{color:#996600 !important;} #RegProgramInfo, #RegPriceInfo, #RegPersonalInfo, #RegCaptcha, #RegSubmit, #RegErrorInfo, .reg-section { background-color: #fff !important; border:none !important; } div.widget_bmc_newsletter_widget.amr_widget form label{ display:block !important; } .tribe-events .tribe-events-header {display: block !important;} .tribe-events-pg-template .register-link { background: #ffa200; background-image: -webkit-linear-gradient(top, #ffa200, #ff5900); background-image: -moz-linear-gradient(top, #ffa200, #ff5900); background-image: -ms-linear-gradient(top, #ffa200, #ff5900); background-image: -o-linear-gradient(top, #ffa200, #ff5900); background-image: linear-gradient(to bottom, #ffa200, #ff5900); -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 10px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none !important; width:13%; }