*, html {
margin:0;
padding:0;
}
html {
background:url(../images/tile_sari.png) repeat 0px 0px;
height:100%;
}
body {
background:url(../images/bg.jpg) repeat-y;
min-height:100%;
color:#321005;
font-family: arial, serif;
font-size:62.5%;
}
h1 {
font-size:2em;
line-height:26px;
margin-bottom:3px;
}
h2 {
font-size:1.2em;
line-height:22px;
}
p {
font-size:1.2em;
line-height:22px;
margin:0px 112px 12px 0px;
}
a {
outline:none;
text-decoration:underline;
}
a:link { color:#321005; }
a:visited { color:#321005; }
a:hover { color:#321005; }
a:active { color:#321005; }
img {
border:none;
}
li {
list-style-type: none;
}
/************* layout *************/
#header {
background:url(../images/bg_header.png) no-repeat;
height:250px;
width:1050px;
}
.container {
background:url(../images/bg_sun.jpg) no-repeat;
overflow:hidden;
width:925px;
}
.content {
float:left;
width:715px;
margin:15px 0px 0px 90px;
z-index:-1;
}
.content .container {
overflow:hidden;
width:auto;
background:none;
}
.column {
float:left;
}
/************* nav ****************/
.menu {
float:left;
position:relative;
width:120px;
z-index:2;
}
.menu ul li a, .menu ul li a:visited {
color:#ffffff;
display:block;
font-size:2em;
font-weight:800;
line-height:1em;
padding:3px 7px 3px 0px;
text-decoration:none;
width:auto;
}
.menu ul li li a, .menu ul li li a:visited {
font-size:1.4em;
padding:6px 7px 6px 7px;
}
.menu ul li {
float:left;
font-weight:800;
position:relative;
}
.menu ul li ul {
background:transparent;
display: none;
padding-right:3px;
position:absolute;
top:0;
width:400px;
z-index:1;
}
.menu ul li#classes ul {
left:98px;
}
.menu ul li#studio ul {
left:81px;
}
.menu ul li#events a {
line-height:0.95em;
}
.menu ul li#events li a, .menu ul li#events li a:visited {
padding:6px 7px 25px 7px;
}
/* specific to non IE browsers */
.menu ul li:hover a {
background:#c93b06;
color:#ffffff;
}
.menu ul li:hover ul {
display:block;
}
.menu ul li:hover ul li {
float:left;
}
.menu ul li ul li a {
color:#ffffff;
float:left;
padding-right:10px;
width:auto;
}
.menu ul li:hover ul li a {
display:block;
}
.menu ul li:hover ul li a:hover {
color:#ffe400;
}
.menu ul li a.current {
color:#c93b06;
}
.menu ul li a.current:hover {
background:none;
cursor:default;
}
/************* submenu *************/
.content .menu {
float:none;
height:20px;
margin-bottom:30px;
overflow:hidden;
position:static;
width:auto;
}
.content .menu ul li a {
color:#513118;
font-size:1.4em;
margin:0px 2px;
padding:3px 7px 3px 7px;
}
.content .menu ul li a:link { color:#513118; }
.content .menu ul li a:visited { color:#513118; }
.content .menu ul li a:hover {color:#ffffff; }
.content .menu ul li a:active { color:#ffffff; }
.content .menu ul li a.current {
background:#c93b06;
color:#ffffff;
}
/************* home *************/
#home h1 {
font-size:2.4em;
line-height:26px;
margin:33px 0px 3px 0px;
}
#home .content p {
font-size:1.4em;
line-height:26px;
margin:0px 112px 12px 0px;
}
#home .social_media {
margin-top:35px;
}
#home .social_media img#mailing_list {
margin:0px 20px 0px 20px;
padding-bottom:5px;
}
#home .social_media img#fb {
margin:0px 10px 0px 10px;
padding-bottom:2px;
}
/************* classes tables *************/
.column table {
border-collapse:collapse;
width:410px;
font-size:1.1em;
}
.column table th {
background:url(../images/bg_rule.png) no-repeat 0px 15px;
text-align:left;
font-weight:800;
padding:40px 0px 10px 8px;
}
.column table td {
padding:10px 0px 10px 8px;
vertical-align:top;
}
.column table td.time {
width:120px;
}
.column table td.type {
width:155px;
}
/************* schedule *************/
#schedule .sidebar {
float:left;
margin:12px 0px 0px 40px;
width:210px;
}
#schedule .sidebar p {
font-size:1.2em;
line-height:17px;
margin:0px 0px 12px 0px;
}
#schedule .sidebar p a {
text-decoration:underline;
}
/************* rates *************/
/*
#rates .column table {
background:url(../images/bg_rule.png) no-repeat 0px 15px;
}
*/
#rates .column table th {
background:none;
}
#rates .sidebar {
float:left;
margin:12px 0px 0px 40px;
width:210px;
}
#rates .sidebar p {
font-size:1.2em;
line-height:17px;
margin:0px 0px 12px 0px;
}
#rates .sidebar p a {
text-decoration:underline;
}
/************* approach *************/
#approach h1 {
font-size:1.2em;
}
/************* about *************/
#about h1 {
font-size:1.2em;
}
/************* instructors *************/
#instructors .column {
float:left;
margin-right:50px;
width:290px;
}
#instructors .column h1 {
color:#331005;
font-size:1.2em;
line-height:1.83em;
}
#instructors .column img {
margin-bottom:25px;
}
#instructors .column p {
font-size:1.2em;
line-height:1.83em;
margin:0px 0px 20px 0px;
}
/************* links *************/
#links h1 {
font-size:1.2em;
}
#links .content .container li {
font-size:1.2em;
line-height:22px;
}
/************* events *************/
#events h1 {
font-size:2em;
}
#events .left_col {
float:left;
width:245px;
}
#events .right_col {
float:left;
width:450px;
}
#events .content .container {
margin-top:20px;
overflow:hidden;
}
/************* contact *************/
#contact h1 {
font-size:2em;
}
#contact p.address {
line-height:1.35em;
margin-top:20px;
}
#contact .social_media {
margin-top:20px;
}
#contact .social_media img {
padding:0px 14px 0px 0px;
position:relative;
top:14px;
}
#contact .social_media p {
margin:5px 112px 0px 0px;
}
/************* moon calendar *************/
#moon {
background:url(../images/bg_moon.png) no-repeat fixed;
padding-top:50px;
}
#moon h1 {
font-size:1.8em;
}
#moon table {
font-size:100%;
}
#moon table th {
font-size:1.2em;
color:#c93b06;
height:35px;
text-align:left;
width:75px;
vertical-align:bottom;
}
#moon table.tableone th#year {
color:#513118;
font-size:1.7em;
text-align:left;
width:160px;
}
#moon table.tableone th#full, #moon table.tableone th#new {
text-align:center;
width:75px;
}
#moon table.tableone th#shim {
width:20px;
}
#moon table.tableone {
border-collapse:collapse;
font-weight:800;
margin:5px 0px 35px 40px;
width:330px;
}
#moon .innerb {
height:330px;
margin-top:10px;
overflow:auto;
}
#moon table.tabletwo {
border-collapse:collapse;
width:310px;
}
#moon table.tabletwo td {
color:#c93b06;
font-size:3em;
height:15px;
line-height:0.5em;
text-align:center;
}
#moon table.tabletwo td.date {
color:#513118;
font-size:1.2em;
line-height:0.8em;
text-align:left;
width:160px;
}
/************* footer *************/
.content #footer {
clear:both;
margin:60px 0px 30px 0px;
}
.content #footer p {
font-size:0.9em;
line-height:12px;
margin:0px 0px 0px 0px;
}
.content #footer a {
text-decoration:none;
}