/*==========sizes==========*/
body, div, p, p font
{
  font-size: 12pt;
}

.narrow {
	width: 95%; 
}

#school_img {
  width: 45%;  
  padding: 3px;
}


.headshot {
  padding-right: 1ex; 
}

.headshot-event {
  float: left;
  padding: 1ex;
  width: 120px;
}


.contact dd {
  padding: 2ex;
}

.staffInfo img.headshot{
  width: 120px;
}

img.event {
  position: relative;
  width: 100%;
}

.events ul {
 padding-top: 0; 
 margin-top: 0;
}

#bio_img {
  margin: 10px;
}

.table, .pad-sides {
  padding-right: 1ex;
  padding-left: 1ex;
}

#img-sani-group {
  width: 160px;
  height: 120px;
}

p.hanging5em {
  text-indent: -18pt;
  margin-left: 18pt;
}

p.margin5em {
  margin-left: 18pt;
}

h3, h3 b, h3 strong, h3 font {
  border-radius: 5px;
  border-bottom: 2px solid #FAF;
}

h4,  .reverse,  h4 b,  h4 strong,  h4 font {
  border-radius: 25px;
}

h5,  h5 b,  h5 strong,  h5 font {
  border-radius: 25px;
}

table.holiday th, table.holiday td {
  padding-left: 3ex;
} 

.large {
  font-size: 125%;
  font-weight: bold;
}

td ul {
  text-align: left; 
  padding-left: 25%;
}

@media print {
  body
  {
    font-size: 10pt;
  }
}  

.events section {
  padding: 1ex;
  padding-bottom: 0;
  padding-left: 0;
}

.nav {
    padding: 3px;
}

.nav li {
    border-left: 1px solid #FAF;
  border-radius: 3px; 
    padding: 7px 8px;
    font-size: 10pt;
}

/*=== popup submenu sizes ===*/

.nav .nav li {
  padding-top: 5px;
  width: 20ex;
}

/*==== gallery sizes====*/

#nav_gallery {
  height: 500px;
}

#nav_gallery li a { 
  width:30px; 
  height:40px; 
  text-indent:-9999px;
} 

#nav_gallery #prev a { 
  width:30px; 
  height:40px; 
  top:220px; 
  left:5px; 
} 

#nav_gallery #next a { 
  width:30px; 
  height:40px; 
  top:220px; 
  right:0px; 
} 

#leftNavDiv, #rightNavDiv {
  width: 150px;
  padding: 5px 0px;
}

/*==========fonts==========*/
body, p font, .nav,
small, p.smallPrint font, p.smallPrint small, .smallPrint,
.menu,  .menu_td 
{
  font-family: Arial, Verdana, sans-serif;
}

.large-125 {
 	font-size: 125%; 
    color: #6600cc;
}

.chalkduster, .Info b, .staffInfo strong, h2,
h3,  h3 b, h3 strong, h3 font,
h4,  .reverse,  h4 b,  h4 strong,  h4 font,
h5,  h5 b,  h5 strong,  h5 font,
h6
{
  font-family: chalkduster, "bradley hand itc", "kaufmann bd bt", cursive;
}

#navMobile h6 {
 padding: 0;
 margin: 0;
}

.formInput {
  font-family: courier, monospace;
}
@media print {
  table.navMenu, table.mainFooter { display: none; }
  body
  {
    font-family: "Times New Roman", serif;
  }
}  

/*==========colors==========*/
body
{
  background-color: #fef;
}

#mainBody, .entry-content {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  padding: 5em;
  padding-top: 1em;
  box-shadow: 10px 10px 4px rgba(0, 0, 0, .4), -10px 10px 4px rgba(0, 0, 0, .4);
  background: #baf3ff;
  background: -webkit-linear-gradient(top, #baf3ff, #dcffff);
  background: -o-linear-gradient(bottom, #baf3ff, #dcffff); 
  background: -moz-linear-gradient(bottom, #baf3ff, #dcfffff); 
  background: linear-gradient(to bottom right, #9ff, #eff);
}

footer {
  background-color: #ffffe0;
}

.staffInfo b,  .staffInfo strong,
a:link, a:visited, .menu, .menu_td,
h2.normal,  h3.normal,  h4.normal,
strong, b, .purple 
{
  color: #6600cc;
}

a:hover, a.menu:hover {
  color: #cc5599;
}

a.menu:link, a.menu:visited, .nav, .menu, .menu_td
{
  color: #FFFFFF;
}

a.mailto:link, a.mailto:visited {
  color: #000000;
}

a.mailto:hover {
  color: #666666;
}

.normal_link {
  color:blue;
}

.footer_grad {
  background: #ffe8ff;
  background: -webkit-linear-gradient(left, #ac66ff , #ffe8ff, #ac66ff);
    background: -o-linear-gradient(right, #ac66ff , #ffe8ff, #ac66ff); 
    background: -moz-linear-gradient(right, #ac66ff , #ffe8ff, #ac66ff); 
  background: linear-gradient(to right, #ac66ff , #ffe8ff, #ac66ff);
}

.footer_image {
  background-image: url(/images/yoga-outline-white.png);
}

h5,  h5 b,  h5 strong,  h5 font
{
  color: #6600cc;
}

h3,  h3 b, h3 strong, h3 font,
h4,  .reverse,  h4 b,  h4 strong,  h4 font
{
   background: #6600cc;
   background: -webkit-linear-gradient(top, #6600cc, #6600cc, #FAF);
   background: -o-linear-gradient(bottom, #6600cc, #6600cc, #FAF); 
   background: -moz-linear-gradient(bottom, #6600cc, #6600cc, #FAF); 
   background: linear-gradient(to bottom, #70d, #70d, #90e, #fcf); 
   color:whitesmoke; 
}

h3,  h3 b, h3 strong, h3 font {
  border-bottom: 2px solid #FAF;
}

div.alert {
  border: thick solid #6600cc;
  background-color: #ffffe0;
}

table.schedule, table.fees {
  border-top: thick solid #6600cc;
  border-left: thick solid #6600cc;
  border-bottom: thick solid #6600cc;
  border-right: thick solid #6600cc;
}

table.schedule td, table.fees td {
  border: thin solid #6600cc;
  background-color: #ffffe0;
}

@media print {
  body
  {
    background-color: #0cf;
  }
}  

.events section {
  color: #60c;
}

.nav li {
    border-left: 1px solid #FAF;
    background: #ddbbff;
    background: -webkit-linear-gradient(top, #6600cc, #6600cc, #6600cc, #6600cc, #FAF);
    background: -o-linear-gradient(bottom, #6600cc, #6600cc, #6600cc, #6600cc, #FAF); 
    background: -moz-linear-gradient(bottom, #6600cc, #6600cc, #6600cc, #6600cc, #FAF); 
    background: linear-gradient(to bottom, #6600cc, #6600cc, #6600cc, #6600cc, #FAF);
    color: #fff;
}

.nav li a:hover {
    color: #FAF;
}

/*=== popup submenu colors ===*/

.nav .nav li {
  border: thin solid #FAF;
}

/*==== gallery colors ====*/

#nav_gallery #prev a { 
  background:url(../images/left.png); 
} 

#nav_gallery #next a { 
  background:url(../images/right.png); 
} 

#nav_gallery #next a:hover {
  background:url(../images/right_over.png); 
}

#nav_gallery #prev a:hover { 
  background:url(../images/left_over.png); 
} 

#leftNavDiv, #rightNavDiv {
  background: #6600cc; 
  background: -webkit-linear-gradient(top, #6600cc, #6600cc, #FAF);
    background: -o-linear-gradient(bottom, #6600cc, #6600cc, #FAF); 
    background: -moz-linear-gradient(bottom, #6600cc, #6600cc, #FAF); 
  background: linear-gradient(to bottom, #6600cc, #6600cc, #FAF); 
  color: white;
}

#leftNavDiv:hover, #rightNavDiv:hover {
  color: #cc5599;;
}

/*==========general==========*/

.hidden, .hide {
 position: absolute;
 visibility: hidden;
}

div.sideBySide {
  position: relative;
  float: left;
  width: 100%;
  padding: 1em;
}

div.sideBySide div.left40 {
  position: relative;
  float: left;
  width: 37%;
  overflow: hidden;
}

div.sideBySide div.right40 {
  position: relative;
  float: right;
  width: 37%;
  overflow: hidden;
}

div.sideBySide div.left60 {
  position: relative;
  float: left;
  width: 57%;
  overflow:hidden;
}

div.sideBySide div.right60 {
  position: relative;
  float: right;
  width: 57%;
  overflow:hidden;
}

div.sideBySide div.left30 {
  position: relative;
  float: left;
  width: 30%;
  overflow: hidden;
}

div.sideBySide div.left70 {
  position: relative;
  float: left;
  width: 70%;
  overflow:hidden;
}

p {
  text-align: justify;
}

.contact dl {
  margin-left: 10%;
}

.banner-page {
  display:none;
}

.staffInfo img.headshot{
  float: left;
}

/* wrap div with floating elements in order to center */
.outer-div { position: relative; float: right; right: 50%; }
.inner-div { position: relative; float: right; right: -50%; }
/* set non-floating div with clear to have it contain floating */
.clear:after {
  clear: both;
  content: "";
  display: table;
}

main, header, footer {
  position: relative;
  float: left;
  width: 100%;
}

footer {
  margin-top: 2em;
}

.table {
  display: table;
  text-align: right;
  white-space: nowrap;
}

.clear-both {
  clear: both;
}

#img-sani-group {
  float: right;
}

.staffInfo b,  .staffInfo strong {
  font-size: 1.1em;
}

.staffInfo img {
  float: right;
}

.left {
  position: relative;
  float: left;
}

p, .doubleIndent {
  margin-left: 5%;
  margin-right: 5%;
}

p.normal {
  margin-left:0%;
  margin-right:0%;
}

a:link {
  font-size: 1.25em;
}

a:visited {
  font-size: 1.25em;
}

a:hover {
  font-size: 1.25em;
}

a.menu:link {
  font-weight: normal;
  text-decoration: none;
}

a.menu:visited {
  font-weight: normal;
}

a.menu:hover {
  font-weight: bold;
}

a.mailto:link {
  font-weight: normal;
}

a.mailto:visited {
  font-weight: normal;
}

a.mailto:hover {
  font-weight: normal;
}

.normal_link {
  font-weight: normal;
}

footer table {
  width: 100%;
}

.footer, .footer font {
  font-size: .85em;
  text-align:center;
  display: table;
}

small, p.smallPrint font, p.smallPrint small, .smallPrint {
  text-align: center;
  font-size: .85em;
}

.largeText {
  font-size: 1.5em;
}

.menu,  .menu_td {
  font-weight: bold;
  font-size: 1em;
  text-align: center;
}

.nav {
  font-size: .75em;
  font-weight: bold;
  letter-spacing: 0pt;
  text-decoration: none
}

h3,  h3 b, h3 strong, h3 font {
  font-size: 1.5em;
  text-align:center;
}

h4,  .reverse,  h4 b,  h4 strong,  h4 font {
  text-align:center;
  font-size: 1.2em;
}

.events h4 {
  margin-bottom: 0;
  padding-bottom: 0;
}

h5,  h5 b,  h5 strong,  h5 font {
  text-align:center;
  font-size: 1em;
  width: 75%;
  margin-right: auto;
  margin-left: auto;
}

.events h5 {
  font-size: 115%;
  margin-top: 1%;
  padding-top: 0;
}

.events h4 + h5 {
 padding-bottom: 0; 
 margin-bottom: 0;
}

.events h4 + *:not(h5) {
 padding-top: 1%; 
 margin-top: 1%;
}

h2.normal,  h3.normal,  h4.normal {
  background: none;
}

h4 {
  margin-left: 5%;
  margin-right: 5%;
}


strong, b, .purple {
  font-weight: bold;
}

.right {
  margin-left: auto;
  text-align: right;
}

.centerBlock {
  margin-left: auto;
  margin-right: auto;
}

.centerText {
  text-align: center;
}

div.attention {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #6600cc;
  font-size: 150%;
}

ul.indented li {
  margin-left: 5ex;
}

div.border {
  border: thick solid #6600cc;  
  border-radius: 50px;
  background-color: #fff5c5;
}

.top, .top td {
  vertical-align: top;
}

.top td {
  padding-bottom: 5px;
}

table {
  padding: 0px;
  margin: 0px;
}

table.schedule, table.fees {
  margin: 0px;
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
}

table.schedule td, table.fees td {
  text-align:center;
}

.upper {
  text-transform: uppercase;
}

table.holiday tr {
  vertical-align: top;
}

table.holiday th, table.holiday td {
  text-align: left;
}  

@media print {
  table.navMenu, table.mainFooter { display: none; }
}  

.events section {
  font-weight: bold;
  font-size: 1.25em;
}

header {
  z-index: 1000;
}

main {
  z-index: 900;
}

.nav {
    padding: 3px;
    list-style: none;
    float: left;
}

.nav li {
    float: left;
    display: block;
    position: relative;
}

.nav li:first-child {
    border-left: none;
}

.nav li a {
    text-decoration: none;
}

/*=== popup submenu ===*/

.nav .nav {
    padding: 0px;
    display: none;
    position: absolute;
  left: 2em;
  top: 3em;
  z-index: 50;
    border-collapse: collapse;
}

.nav .nav li {
    border-left: none;
  text-align: left;
}

/*==== gallery general====*/

#slideshowContainer {
  position: relative;
  padding-top: 10px;
}

#nav_gallery { 
  list-style-type:none; 
  z-index:150;
} 

#nav_gallery li a { 
  display:block; 
  text-indent:-9999px;
  z-index:200; 
  outline:none; 
} 

#nav_gallery #prev a { 
  position:absolute; 
} 

#nav_gallery #next a { 
  position:absolute; 
} 

#nav_gallery img {  
  z-index:150;
} 

#leftNavDiv, #rightNavDiv {
  position: relative;
  z-index: 200;
  text-align: center;
}

#leftNavDiv {
  float: left;
}

#rightNavDiv {
  float: right;
}

/*===  pose frame ===*/

a.pose-link, a.pose-link:visited {
	font-size: 100%;
}

div.pose-link {
	position: relative;
	float: left;
}

div.pose-link-right {
	position: relative;
	float: right;
}

.clear {
	clear: both;
}

#pose-frame {
  position: absolute;
  display: none;
  margin: 0px;
  padding: 0px;
  background-color: white;
  z-index: 20;
}

#pose-frame div {
  width: 100%;
  border: 10px solid white;
  overflow: hidden;
}

#pose-frame img {
  width: 100%;
}

a.boxclose{
    position: absolute;
    right: -10px;
    top: 3px;
    margin-top:0px;
    margin-right:0px;
    cursor:pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 30px;
    background: #605F61;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;
    z-index:1000;       
}

.boxclose:before {
    content: "×";
}

div.left50 {
  width: 50%;
  position: relative;
  float: left;
}

div.right50 {
  width: 50%;
  position: relative;
  float: right;
}


.left_narrow {
  width: 25%;
  position: relative;
  float: left;
}

.right_wide {
  width: 75%;
  position: relative;
  float: right;
}


.id-headings {
    width: 60%;
    background-color: #6600cc;
}

.id-headings h1,  .id-headings h2 {
    text-align: left;
    margin: 0px;
    padding: 0px;
    padding-left: 4px;
    color: white;
}

.id-headings h1 {
    padding-top: 4px;
    font-size: 50%;
    position: relative;
    float: left;
}

.id-headings h2 {
    font-size: 40%;
    font-weight: normal;
    position: relative;
    float: left;
    padding-bottom: 4px;
}



/*=== staff info list ===*/

.staffInfo ul {
  list-style:none;
  font-size: .75em;
  margin-bottom: 5em;
  clear: both;
}


.staffInfo li {
  position: relative;
  float: left;
  width: 50%;
  z-index: 10;
}


div.cancel {
  text-decoration: line-through;
  color: #888;
}

.events dt {
  font-weight: bold; 
  font-size: 115%;
}

/*=== alternating table ===*/

.alternate tr:nth-child(even) {background-color: #ffffe0;}
.alternate th {
   text-transform: uppercase;
   background: #6600cc;
   background: -webkit-linear-gradient(top, #6600cc, #6600cc, #FAF);
   background: -o-linear-gradient(bottom, #6600cc, #6600cc, #FAF); 
   background: -moz-linear-gradient(bottom, #6600cc, #6600cc, #FAF); 
   background: linear-gradient(to bottom, #70d, #70d, #90e, #fcf); 
   color:whitesmoke; 
   border-radius: 5px;
   border-bottom: 2px solid #FAF;
   text-align: center;
   font-family: chalkduster, "bradley hand itc", "kaufmann bd bt", cursive;
}

table.alternate {
	text-align: center;
} 

table.alternate td {
	border: thin solid #6600cc;
}

.alternate button {
	background-color: #fef;
	color: #6600cc;	
    border-radius: 12px;
	text-transform: uppercase;
	font-family: chalkduster, "bradley hand itc", "kaufmann bd bt", cursive;
}