/* Theme Name: HDM Theme URI: http://www.hudsondanceandmovement.com Description: A theme designed for hudsondanceandmovement.com. Version: 1.0 Author: Mark Davoli Author URI: http://www.avendim.com Tags: hdm This theme was designed and built by Mark Davoli of Avendim Media, his company website can be found at http://www.avendim.com/ */ /* White: #ffffff - Used maincontent background Dark gray: #505050 - header background Red: #ee2e24 - Used for links Light gray: #f2f2f2 - Used for background of sidebar Gray: #333333 - Used for default text Medium Gray #4c4c4c - Used for headers */ /* RESET */ * { margin: 0; padding: 0;} html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 12px; font-family: Arial, sans-serif; color: #333333; background: #ffffff; } ul { list-style: none; } ol { list-style: decimal inside; } a { outline: none; text-decoration: none; } a img { border: none; } img { vertical-align: middle; } table { border-collapse: collapse; font-size: 1.2em; margin: 5px 0 25px 0;} /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .aligncenter { display:block; margin:0 auto; } .clear { clear: both; } /* TYPOGRAPHY */ p, li { font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0; color: #333333; } .post ul { list-style: disc inside; margin: 0 0 20px 20px;} .post ol { list-style: decimal inside; margin: 0 0 0 20px; } .post li { margin: 0 0 0 0; } a { color: #333333; } a:hover { color: #ee2e24; } h1 { font-size: 1.5em; font-family: Arial, sans-serif; font-weight: normal; color: #4c4c4c; margin-bottom: 10px; } h2 { font-size: 1.2em; font-family: Arial, sans-serif; font-weight: bold; color: #4c4c4c; margin-bottom: 10px; } h3 { font-size: 1.2em; font-family: Arial, sans-serif; font-weight: bold; color: #4c4c4c; margin: 0 0 10px 0; } h4 { font-size: 1.1em; margin-bottom: 1px; font-family: Arial, sans-serif; font-weight: bold; color: #4c4c4c; } /* NAVIGATION */ #navigation { height: 231px; background: #505050; } #navigation #upper-nav { height: 38px; padding: 0 0 0 0 } #upper-nav ul { list-style: none inside; margin: 0; padding: 0; } #upper-nav li { display: inline; } #upper-nav li a { display: block; height: 26px; padding: 12px 0 0 0; margin: 0; text-decoration: none; float: left; text-align: center; color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 0.9em; } #upper-nav li a:hover { color: #ee2e24; } body.the-school #upper-nav li a#nav-theschool { color: #ee2e24; } body.children #upper-nav li a#nav-children { color: #ee2e24; } body.teens #upper-nav li a#nav-teens { color: #ee2e24; } body.jp-division #upper-nav li a#nav-jpdivision { color: #ee2e24; } body.adults #upper-nav li a#nav-adults { color: #ee2e24; } #upper-nav li a#nav-theschool { padding-left: 108px; width: 141px; text-align: left; } #upper-nav li a#nav-children { width: 196px; text-align: center; } #upper-nav li a#nav-teens { width: 174px; text-align: center; } #upper-nav li a#nav-jpdivision { width: 193px; text-align: center; } #upper-nav li a#nav-adults { width: 110px; padding-right: 102px; text-align: right; } #navigation #banner-nav { height: 172px; background: url('images/banner1.jpg'); } #navigation #lower-nav { height: 21px; padding-right: 22px; } #lower-nav ul { list-style: none inside; margin: 0; padding: 4px 0 0 0; float: right; } #lower-nav li { display: block; float: left; color: #FFFFFF; font-size: .8em; } #lower-nav li.nav-pipe { padding: 0 7px; font-size: .8em; } #lower-nav li a { height: 21px; padding: 0; margin: 0 0; text-decoration: none; color: #FFFFFF; font-family: Arial, sans-serif; text-align: center; font-size: 1.2em; } #lower-nav li a:hover { color: #ee2e24; } body.contact #lower-nav li a#nav-contact { color: #ee2e24; } body.gallery #lower-nav li a#nav-gallery { color: #ee2e24; } body.news #lower-nav li a#nav-news { color: #ee2e24; } body.hop #lower-nav li a#nav-hop { color: #ee2e24; } /* STRUCTURE */ #pagewrap { width: 1024px; margin: 0 auto -120px; background: url('images/hd_gradient.jpg') repeat-x #FFFFFF; min-height: 100%; height: auto !important; height: 100%; } #header-title { height: 129px; text-align: center; background: #FFFFFF;} #header-title h1 { display: none; } #side-bar { width: 176px; float: left; } #side-bar-content { padding: 41px 13px 0 13px; } #side-bar-content li { padding: 5px 0; font-size: 1.2em; } body#default #side-bar-content li a#snav-philosophy { color: #ee2e24; } body#the-schoolcurriculum #side-bar-content li a#snav-curriculum { color: #ee2e24; } body#the-schoolfaculty #side-bar-content li a#snav-faculty { color: #ee2e24; } body#the-schooltuition-rates #side-bar-content li a#snav-tuitionrates { color: #ee2e24; } body#the-schooldress-code #side-bar-content li a#snav-dresscode { color: #ee2e24; } body#the-schoolhop #side-bar-content li a#snav-hop { color: #ee2e24; } body#childrenballet #side-bar-content li a#snav-ballet { color: #ee2e24; } body#childrentap #side-bar-content li a#snav-tap { color: #ee2e24; } body#childrenjazz #side-bar-content li a#snav-jazz { color: #ee2e24; } body#childrenmusical-theater #side-bar-content li a#snav-musicaltheater { color: #ee2e24; } body#childrenhip-hop #side-bar-content li a#snav-hiphop { color: #ee2e24; } body#childrencreative-dance #side-bar-content li a#snav-creativedance { color: #ee2e24; } body#childrenmodern #side-bar-content li a#snav-modern { color: #ee2e24; } body#childrenmommy-me #side-bar-content li a#snav-mommyme { color: #ee2e24; } body#childrenpreschool-arts-dance #side-bar-content li a#snav-preschoolartsdance { color: #ee2e24; } body#childrensummer-arts-camp #side-bar-content li a#snav-summerartscamp { color: #ee2e24; } body#childrenballetcreative-ballet #side-bar-content li ul li a#snav-creativeballet { color: #ee2e24; } body#childrenballetpre-ballet #side-bar-content li ul li a#snav-preballet { color: #ee2e24; } body#childrenballetprimary-level-a #side-bar-content li ul li a#snav-primarylevela { color: #ee2e24; } body#childrenballetprimary-level-b #side-bar-content li ul li a#snav-primarylevelb { color: #ee2e24; } body#childrenballetprimary-level-c #side-bar-content li ul li a#snav-primarylevelc { color: #ee2e24; } body#childrenballetlevel-i #side-bar-content li ul li a#snav-leveli { color: #ee2e24; } body#childrenballetlevel-ii #side-bar-content li ul li a#snav-levelii { color: #ee2e24; } body#childrenballetlevel-iii #side-bar-content li ul li a#snav-leveliii { color: #ee2e24; } body#childrentaptiny-tap #side-bar-content li ul li a#snav-tinytap { color: #ee2e24; } body#childrentapbeginner-tap #side-bar-content li ul li a#snav-tapi { color: #ee2e24; } body#childrentaptap-ii #side-bar-content li ul li a#snav-tapii { color: #ee2e24; } body#childrentaptap-iii #side-bar-content li ul li a#snav-tapiii { color: #ee2e24; } body#childrentaptap-iv #side-bar-content li ul li a#snav-tapiv { color: #ee2e24; } body#childrensummer-arts-camppreschool-arts-dance-program #side-bar-content li ul li a#snav-sapreschool { color: #ee2e24; } body#childrensummer-arts-campyouth-arts-dance-program #side-bar-content li ul li a#snav-sayouth { color: #ee2e24; } body#childrensummer-arts-campjunior-professional-dance-intensive-program #side-bar-content li ul li a#snav-sajuniorprofessional { color: #ee2e24; } body#childrensummer-arts-campchildrens-summer-classes #side-bar-content li ul li a#snav-sachildrensummer { color: #ee2e24; } body#childrenhip-hophip-kids #side-bar-content li ul li a#snav-hipkids { color: #ee2e24; } body#childrenhip-hophip-hop-i #side-bar-content li ul li a#snav-hiphopi { color: #ee2e24; } body#childrenhip-hophip-hop-ii #side-bar-content li ul li a#snav-hiphopii { color: #ee2e24; } body#childrencreative-dancetumble-time #side-bar-content li ul li a#snav-tumbletime { color: #ee2e24; } body#childrencreative-dancecreative-movement-i #side-bar-content li ul li a#snav-creativemovementi { color: #ee2e24; } body#childrencreative-dancecreative-movement-ii #side-bar-content li ul li a#snav-creativemovementii { color: #ee2e24; } body#childrencreative-dancecreative-movement-iii #side-bar-content li ul li a#snav-creativemovementiii { color: #ee2e24; } body#childrencreative-dancecreative-ballet #side-bar-content li ul li a#snav-creativeballet { color: #ee2e24; } body#childrenmodernmodern-i #side-bar-content li ul li a#snav-moderni { color: #ee2e24; } body#childrenmodernmodern-ii #side-bar-content li ul li a#snav-modernii { color: #ee2e24; } body#childrenmodernmodern-iii #side-bar-content li ul li a#snav-moderniii { color: #ee2e24; } body#childrenjazzbasic-jazz #side-bar-content li ul li a#snav-basicjazz { color: #ee2e24; } body#childrenjazzbeginner-jazz #side-bar-content li ul li a#snav-beginnerjazz { color: #ee2e24; } body#childrenjazzjazz-i #side-bar-content li ul li a#snav-jazzi { color: #ee2e24; } body#childrenjazzjazz-ii #side-bar-content li ul li a#snav-jazzii { color: #ee2e24; } body#childrenjazzjazz-iii #side-bar-content li ul li a#snav-jazziii { color: #ee2e24; } body#childrenmusical-theaterjazz-theater-i #side-bar-content li ul li a#snav-jazztheateri { color: #ee2e24; } body#childrenmusical-theaterjazz-theater-ii #side-bar-content li ul li a#snav-jazztheaterii { color: #ee2e24; } body#childrenmusical-theaterjazz-theater-iii #side-bar-content li ul li a#snav-jazztheateriii { color: #ee2e24; } body#jp-divisioncurriculum #side-bar-content li a#snav-curriculum { color: #ee2e24; } body#jp-divisionpre-ballet #side-bar-content li a#snav-preballet { color: #ee2e24; } body#jp-divisiondivision-i #side-bar-content li a#snav-divisioni { color: #ee2e24; } body#jp-divisiondivision-ii #side-bar-content li a#snav-divisionii { color: #ee2e24; } body#jp-divisionadmissions #side-bar-content li a#snav-admissions { color: #ee2e24; } body#jp-divisionauditions #side-bar-content li a#snav-auditions { color: #ee2e24; } #side-bar-content li#single-page { color: #ee2e24; } body.the-school .snav-faculty { color: #ee2e24; } #side-bar-content li ul { padding: 0 0; margin: 0; } #side-bar-content li ul li { padding: 3px 0 3px 10px;; font-size: 0.8em; margin: 0; } body#the-schoolfacultybethany #side-bar-content li ul li a#snav-bethany { color: #ee2e24; } body#the-schoolfacultymeg #side-bar-content li ul li a#snav-meg { color: #ee2e24; } body#the-schoolfacultyjosh #side-bar-content li ul li a#snav-josh { color: #ee2e24; } body#the-schoolfacultycolleen #side-bar-content li ul li a#snav-colleen { color: #ee2e24; } body#the-schoolfacultylaura #side-bar-content li ul li a#snav-laura { color: #ee2e24; } body#the-schoolfacultymelissa #side-bar-content li ul li a#snav-melissa { color: #ee2e24; } body#the-schoolfacultyxavier #side-bar-content li ul li a#snav-xavier { color: #ee2e24; } body#the-schoolfacultyjo #side-bar-content li ul li a#snav-jo { color: #ee2e24; } body#the-schoolfacultyarielle #side-bar-content li ul li a#snav-arielle { color: #ee2e24; } body#the-schooldress-codeballet-program #side-bar-content li ul li a#snav-balletprogram { color: #ee2e24; } body#the-schooldress-codejp-division #side-bar-content li ul li a#snav-jpdivision { color: #ee2e24; } body#the-schooldress-codecreative-dance-program #side-bar-content li ul li a#snav-creativedanceprogram { color: #ee2e24; } body#the-schooldress-codemodern-dance-program #side-bar-content li ul li a#snav-moderndanceprogram { color: #ee2e24; } body#the-schooldress-codetap-program #side-bar-content li ul li a#snav-tapprogram { color: #ee2e24; } body#the-schooldress-codemusical-theater-program #side-bar-content li ul li a#snav-musicaltheaterprogram { color: #ee2e24; } body#the-schooldress-codehip-hop-program #side-bar-content li ul li a#snav-hiphopprogram { color: #ee2e24; } body#the-schooldress-codechildrens-ballroom #side-bar-content li ul li a#snav-childrensballroom { color: #ee2e24; } body#teens #side-bar-content li a#snav-teens { color: #ee2e24; } body#teensteen-hip-hop #side-bar-content li a#snav-teenshiphop { color: #ee2e24; } body#teensteen-ballet #side-bar-content li a#snav-teensballet { color: #ee2e24; } body#teensteen-modern #side-bar-content li a#snav-teensmodern { color: #ee2e24; } body#teensteen-musical-theater #side-bar-content li a#snav-teensmusicaltheater { color: #ee2e24; } body#teensteen-tap #side-bar-content li a#snav-teenstap { color: #ee2e24; } body#adults #side-bar-content li a#snav-adults { color: #ee2e24; } body#adultsstreet-jazz #side-bar-content li a#snav-adultsstreetjazz { color: #ee2e24; } body#adultsballet #side-bar-content li a#snav-adultsballet { color: #ee2e24; } body#adultscardio-ballet #side-bar-content li a#snav-adultscardioballet { color: #ee2e24; } body#adultship-hop #side-bar-content li a#snav-adultshiphop { color: #ee2e24; } body#adultsballroom #side-bar-content li a#snav-adultsballroom { color: #ee2e24; } body#adultswedding-dance #side-bar-content li a#snav-weddingdance { color: #ee2e24; } #page-content { width: 848px; float: left; padding: 40px 0 0 0; } #page-content-wrap { margin: 0 60px 0 19px; } #page-content-wrap p { margin-bottom: 20px; } #page-content-wrap #staff-image { float: left; width: 158px; padding-right: 10px; } #page-content-wrap #staff-image img { border: 6px solid #f2f2f2; } #page-content-wrap #staff-image p#staff-name { text-align: center; padding-top: 3px; } #page-content-wrap #staff-content { float: left; width: 589px; } body#contact #page-content-wrap { margin: 0 60px 0 70px; } #page-content-wrap #contact-address { float: left; margin-right: 120px; } #page-content-wrap #contact-contactus { float: left; } #page-content-wrap #contact-findus { margin-top: 20px; } body#gallery #page-content-wrap { margin: 0 60px 0 80px; } #page-content-wrap #gallery-main p { text-align: center; } #page-content-wrap #gallery-main img { margin: 0 5px 5px 5px; } #page-content-wrap #gallery-main .row { padding-bottom: 40px; } #page-content-wrap #gallery-main .col1 { float: left; padding-right: 50px; } #page-content-wrap #gallery-main .col2 { float: left; padding-right: 50px; } #page-content-wrap #gallery-main .col3 { float: left; padding-right: 50px; } #page-content-wrap #gallery-main .col4 { float: left; } #page-content-wrap #gallery-single p { text-align: center; } #page-content-wrap #gallery-single img { margin: 0 5px 5px 5px; } #page-content-wrap #gallery-single .row { padding-bottom: 30px; } #page-content-wrap #gallery-single .col1 { float: left; padding-right: 20px; } #page-content-wrap #gallery-single .col2 { float: left; padding-right: 20px; } #page-content-wrap #gallery-single .col3 { float: left; } .add-hr { background: url('images/hr.png') repeat-x; width: auto; height: 13px; } #footer { margin: 0 auto; height: 20px; width: 1024px; text-align: center; padding-top: 70px; padding-bottom: 30px; } #footer p { font-size: 1.0em; } .push { height: 120px; /* .push must be the same height as .footer */ } /* Modify the following CSS to customize the display of schedules */ #page-content-wrap .post .schedule {} #page-content-wrap .post .schedule p { margin: 0; } #page-content-wrap .post .schedule #schedule-info {} #page-content-wrap .post .schedule #schedule-info ul { margin-bottom: 10px; list-style-position: outside; color: #ee2e24; } #page-content-wrap .post .schedule #schedule-info li { float: left; padding-right: 25px; margin-bottom: 20px; color: #ee2e24; } #page-content-wrap .post .schedule #schedule-info li a { } #page-content-wrap .post .schedule .schedule-times { clear: both; } #page-content-wrap .post .schedule .scheduleday { margin-bottom: 10px; } #page-content-wrap .post .schedule .monday {} #page-content-wrap .post .schedule .tuesday {} #page-content-wrap .post .schedule .wednesday {} #page-content-wrap .post .schedule .thursday {} #page-content-wrap .post .schedule .friday {} #page-content-wrap .post .schedule .saturday {} #page-content-wrap .post .schedule .sunday {}