/*----------------------------------------------reset---------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, abbr, acronym, address, blockquote, q, cite, dfn, kbd, pre, code, samp, var, tt, ul, ol, li, dl, dt, dd, form, label, fieldset, legend, input, textarea, a, img, del, ins, strong, em, sub, sup, table, caption, tfoot, tbody, thead, tr, th, td {padding: 0; border: 0; margin: 0; outline: 0;} a, abbr, acronym {text-decoration: none;} ul, ol {list-style: none;} h1, h2, h3, h4, h5, h6, p, a, blockquote, q, cite, li, dt, dd {font-style: normal; font-variant: normal; font-weight: normal;} strong {font-weight: bold;} em {font-style: italic;} /*----------------------------------------------layout--------------------------------------------*/ #container {position: relative; width: 960px; margin: 0 auto;} #site_id {width: 960px; height: 240px;} #about_nav {position: absolute; left: 260px; top: 10px;} #socials_nav {position: absolute; left: 632px; top: 0px;} #info_nav {position: absolute; left: 240px; top: 185px; width: 720px;} #practice_nav {position: absolute; left: 0px; top: 240px; width: 240px;} #content {width: 460px; min-height: 500px; /*kludge: should be float layout*/ margin: 10px 250px;} .info_page #content {width: 700px; margin-right: 10px;} iframe {width: 680px; height: 580px;} #news {position: absolute; right: 0px; top: 240px; width: 220px; margin: 10px;} #home img, #single img {display: block; margin: 10px auto;} #site_info {clear: both; overflow: hidden; width: 940px; margin: 10px;} /*----------------------------------------------typography----------------------------------------*/ body {color: #333; background: #FFF; line-height: 1.5; font-size: 62.5%; font-family: arial, sans-serif;} h1 {color: #555; font-size: 2.8em;} h2 {color: #555; font-size: 2.4em;} h3 {color: #444; font-size: 1.8em;} h4 {color: #555; font-size: 2.4em;} h5 {color: #444; font-size: 1.6em;} h6 {font-size: 1.6em;} p, li {font-size: 1.2em;} a {font-size: 1.0em;} h1, h2, h4, h5, h6, #content li {padding: 0 10px;} h3 {padding: 0.3em 10px;} p {padding: 0.5em 10px;} .session, .workshop, .social, .practice, .practitioner {padding: 0.5em 0;} .intro, .news_full, .info {padding: 1em 0;} .news_summary {padding-top: 1.8em;} .prompt {padding: 1em 10px;} a:link, a:visited {color: #004A21; font-weight: bold;} a:focus, a:hover, a:active {border-bottom: 2px solid #004A21;} /*----------------------------------------------ident---------------------------------------------*/ #site_id {background: url(../graphics/id.png) no-repeat center top;} #site_id h1, #socials_nav p {text-indent: -9999px;} #site_id a {position: absolute; left: 10px; top: 10px; width: 220px; height: 220px; border-bottom: none;} /*----------------------------------------------headers/boxes-------------------------------------*/ h2 {padding-top: 0.25em; background: url(../graphics/460px_box.png) no-repeat center top;} .pageheader {padding-bottom: 0.6em; background: url(../graphics/460px_box.png) no-repeat center bottom;} .info_page h2 {background: url(../graphics/700px_box.png) no-repeat center top;} .info_page .pageheader {background: url(../graphics/700px_box.png) no-repeat center bottom;} iframe {background: url(../graphics/700px_box.png) no-repeat center top; padding: 10px;} #news h4 {background: url(../graphics/220px_box.png) no-repeat center top; padding-top: 0.25em;} #news .news_summary {background: url(../graphics/220px_box.png) no-repeat center center;} #news .subscribe {background: url(../graphics/220px_box.png) no-repeat center bottom;} #news .subscribe a {display: block; padding: 1em 46px 0.9em 0; border-bottom: none;} #site_info {background: url(../graphics/940px_box.png) no-repeat center top; padding-top: 1.5em;} #site_info ul {background: url(../graphics/940px_box.png) no-repeat center bottom; padding-bottom: 3.3em;} /*----------------------------------------------asanas--------------------------------------------*/ .intro, .news_full {background: url(../graphics/asana_1.png) no-repeat center bottom; padding-bottom: 2.5em;} .news_full {padding-bottom: 4em;} .film {padding-top: 1em;} .synopsis {background: url(../graphics/star.png) no-repeat center bottom; padding-bottom: 3em;} .session, .workshop, .social, #about, /**/ .practice, .practitioner {background: url(../graphics/asana_2.png) no-repeat center bottom; padding-bottom: 2.5em;} .session + .session, .workshop + .workshop, .social + .social, #subscribe, /**/ .practice + .practice, .practitioner + .practitioner {background: url(../graphics/asana_3.png) no-repeat center bottom; padding-bottom: 2.5em;} .session + .session + .session, .workshop + .workshop + .workshop, .social + .social + .social, #home #workshops, #single #workshops,/**/ .practice + .practice + .practice, .practitioner + .practitioner + .practitioner {background: url(../graphics/asana_4.png) no-repeat center bottom; padding-bottom: 2.5em;} .session + .session + .session + .session, .workshop + .workshop + .workshop + .workshop, .social + .social + .social + .social, #home #socials, #single #socials, /**/ .practice + .practice + .practice + .practice, .practitioner + .practitioner + .practitioner + .practitioner {background: url(../graphics/asana_5.png) no-repeat center bottom; padding-bottom: 2.5em;} .session + .session + .session + .session + .session, .workshop + .workshop + .workshop + .workshop + .workshop, .social + .social + .social + .social + .social, .practice + .practice + .practice + .practice + .practice, .practitioner + .practitioner + .practitioner + .practitioner + .practitioner {background: url(../graphics/asana_6.png) no-repeat center bottom; padding-bottom: 2.5em;} .session + .session + .session + .session + .session + .session, .workshop + .workshop + .workshop + .workshop + .workshop + .workshop, .social + .social + .social + .social + .social + .social, .practice + .practice + .practice + .practice + .practice + .practice, .practitioner + .practitioner + .practitioner + .practitioner + .practitioner + .practitioner {background: url(../graphics/asana_7.png) no-repeat center bottom; padding-bottom: 2.5em;} .session + .session + .session + .session + .session + .session + .session, .workshop + .workshop + .workshop + .workshop + .workshop + .workshop + .workshop, .social + .social + .social + .social + .social + .social + .social, .practice + .practice + .practice + .practice + .practice + .practice + .practice, .practitioner + .practitioner + .practitioner + .practitioner + .practitioner + .practitioner + .practitioner {background: url(../graphics/asana_8.png) no-repeat center bottom; padding-bottom: 2.5em;} .session + .session + .session + .session + .session + .session + .session + .session, .workshop + .workshop + .workshop + .workshop + .workshop + .workshop + .workshop + .workshop, .social + .social + .social + .social + .social + .social + .social + .social, .practice + .practice + .practice + .practice + .practice + .practice + .practice + .practice, .practitioner + .practitioner + .practitioner + .practitioner + .practitioner + .practitioner + .practitioner + .practitioner {background: url(../graphics/asana_9.png) no-repeat center bottom; padding-bottom: 2.5em;} .session + .session + .session + .session + .session + .session + .session + .session + .session, .workshop + .workshop + .workshop + .workshop + .workshop + .workshop + .workshop + .workshop + .workshop, .social + .social + .social + .social + .social + .social + .social + .social + .social, .practice + .practice + .practice + .practice + .practice + .practice + .practice + .practice + .practice, .practitioner + .practitioner + .practitioner + .practitioner + .practitioner + .practitioner + .practitioner + .practitioner + .practitioner {background: url(../graphics/asana_10.png) no-repeat center bottom; padding-bottom: 2.5em;} /*----------------------------------------------socials nav---------------------------------------*/ #socials_nav p {padding: 0;} #socials_nav a {width: 170px; height: 68px; display: block; border-bottom: none; background: none;} #socials_nav a:focus, #socials_nav a:hover, #socials_nav a:active {background: url(../graphics/stardust.png) no-repeat left top;} #socials_page #socials_nav .socials a {background: url(../graphics/stardust.png) no-repeat left top; cursor: default;} /*----------------------------------------------info nav------------------------------------------*/ #info_nav li {float: left;} #info_nav li, #practice_nav li {width: 220px; margin: 10px;} #info_nav a, #practice_nav a {width: 220px; height: 36px; display: block; border-bottom: none; text-indent: -9999px; background: url(../graphics/buttons.png) no-repeat left top;} #info_nav .calendar a {background-position: 0px -60px;} #info_nav .calendar a:focus, #info_nav .calendar a:hover, #info_nav .calendar a:active, #calendar #info_nav .calendar a {background-position: -220px -60px;} #info_nav .map a {background-position: 0px -96px;} #info_nav .map a:focus, #info_nav .map a:hover, #info_nav .map a:active, #map #info_nav .map a {background-position: -220px -96px;} #info_nav .contact a {background-position: 0px -132px;} #info_nav .contact a:focus, #info_nav .contact a:hover, #info_nav .contact a:active, #contact #info_nav .contact a {background-position: -220px -132px;} #calendar #info_nav .calendar a, #map #info_nav .map a, #contact #info_nav .contact a {cursor: default;} /*----------------------------------------------practice nav--------------------------------------*/ #practice_nav .ashtanga a {background-position: 0px -168px;} #practice_nav .ashtanga a:focus, #practice_nav .ashtanga a:hover, #practice_nav .ashtanga a:active, #ashtanga #practice_nav .ashtanga a {background-position: -220px -168px;} #practice_nav .anusara a {background-position: 0px -204px;} #practice_nav .anusara a:focus, #practice_nav .anusara a:hover, #practice_nav .anusara a:active, #anusara #practice_nav .anusara a {background-position: -220px -204px;} #practice_nav .iyengar a {background-position: 0px -240px;} #practice_nav .iyengar a:focus, #practice_nav .iyengar a:hover, #practice_nav .iyengar a:active, #iyengar #practice_nav .iyengar a {background-position: -220px -240px;} #practice_nav .hatha a {background-position: 0px -276px;} #practice_nav .hatha a:focus, #practice_nav .hatha a:hover, #practice_nav .hatha a:active, #hatha #practice_nav .hatha a {background-position: -220px -276px;} #practice_nav .kundalini a {background-position: 0px -312px;} #practice_nav .kundalini a:focus, #practice_nav .kundalini a:hover, #practice_nav .kundalini a:active, #kundalini #practice_nav .kundalini a {background-position: -220px -312px;} #practice_nav .pregnancy a {background-position: 0px -348px;} #practice_nav .pregnancy a:focus, #practice_nav .pregnancy a:hover, #practice_nav .pregnancy a:active, #pregnancy #practice_nav .pregnancy a {background-position: -220px -348px;} #practice_nav .kids a {background-position: 0px -384px;} #practice_nav .kids a:focus, #practice_nav .kids a:hover, #practice_nav .kids a:active, #kids #practice_nav .kids a {background-position: -220px -384px;} #practice_nav .taijiwuxigong a {background-position: 0px -420px;} #practice_nav .taijiwuxigong a:focus, #practice_nav .taijiwuxigong a:hover, #practice_nav .taijiwuxigong a:active, #taijiwuxigong #practice_nav .taijiwuxigong a {background-position: -220px -420px;} #practice_nav .workshops a {background-position: 0px -456px;} #practice_nav .workshops a:focus, #practice_nav .workshops a:hover, #practice_nav .workshops a:active, #workshops_page #practice_nav .workshops a {background-position: -220px -456px;} #practice_nav .courses a {background-position: 0px -492px;} #practice_nav .courses a:focus, #practice_nav .courses a:hover, #practice_nav .courses a:active, #courses_page #practice_nav .courses a {background-position: -220px -492px;} #practice_nav .healing a {background-position: 0px -528px;} #practice_nav .healing a:focus, #practice_nav .healing a:hover, #practice_nav .healing a:active, #healing_page #practice_nav .healing a {background-position: -220px -528px;} #ashtanga #practice_nav .ashtanga a, #anusara #practice_nav .anusara a, #iyengar #practice_nav .iyengar a, #hatha #practice_nav .hatha a, #kundalini #practice_nav .kundalini a, #sivananda #practice_nav .sivananda a, #pregnancy #practice_nav .pregnancy a, #kids #practice_nav .kids a, #workshops_page #practice_nav .workshops a, #courses_page #practice_nav .courses a, #healing_page #practice_nav .healing a {cursor: default;} /*----------------------------------------------about nav/siteinfo--------------------------------*/ #about_nav li, #site_info li {float: left; padding: 0 10px; border-left: 1px solid #004A21;} #site_info li.backlink {float: right; border: none;} #about_nav .yoga, #site_info .copyright {border: none;} #yoga #about_nav .yoga a, #yoga #site_info .yoga a, #yogasara #about_nav .yogasara a, #yogasara #site_info .yogasara a, #yogasara #site_info .home a, #contact #site_info .contact a {border-bottom: none; cursor: default;} /*----------------------------------------------sharelinks----------------------------------------*/ #share_links {overflow: hidden; padding-top: 1.5em;} #share_links p, #share_links li {float: left;} #share_links a {border-bottom: none;} #share_links img {margin: 0;} #about {clear: left;} /*----------------------------------------------message form--------------------------------------*/ #message_form {width: 700px;} #message_form input, #message_form textarea {width: 660px; padding: 0.5em 10px; background: #E8F0E0; font-size: 1.2em; font-family: arial, sans-serif;} #message_form textarea {height: 16em;} #message_form strong {color: #7C0F28;} #message_form {background: url(../graphics/700px_box.png) no-repeat center top; padding-top: 10px;} #message_form p {background: url(../graphics/700px_box.png) no-repeat center center; padding: 0 10px 10px 10px;} #message_form form {background: url(../graphics/700px_box.png) no-repeat center bottom; padding-bottom: 11px;} #message_form .send_button, #message_form a.ok_button {float: right; width: 210px; height: 30px; margin-right: 10px; text-indent: -9999px; display: block; background: url(../graphics/buttons.png) no-repeat;} #message_form .send_button {background-position: 0px 0px;} #message_form .send_button:focus, #message_form .send_button:hover, #message_form .send_button:active {background-position: -220px 0px; cursor: pointer;} #message_form a.ok_button {background-position: 0px -30px;} #message_form a.ok_button:focus, #message_form a.ok_button:hover, #message_form a.ok_button:active {background-position: -220px -30px; cursor: pointer; border: 0;} #message_form p.button, #message_form p.button input {overflow: hidden; padding: 0;} #message_form #hide.send_button {display: none;} /*----------------------------------------------updating------------------------------------------*/ /* #site_id {background: url(../graphics/updating.png) no-repeat center top;} #about_nav, #info_nav, #practice_nav, #site_info, #socials_nav, #news, #content {display: none;} /*----------------------------------------------ends----------------------------------------------*/