@charset "UTF-8";
/* CSS Document */

body {
background-color:#cfe0e8;
background-image:url(img/bg.gif);
background-repeat:repeat;
font-family: Arial, Helvetica sans-serif;
font-size:13px;
/*letter-spacing:1px;*/
color:#00252b;
text-align:center; /* for IE5 */
padding: 0px;
margin: 0px;
}

a {
/* color:#5D5D5D; */
color:#6e0001;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}


.centerer {
margin: 0px auto;
width:885px;
}

.container {
width:885px;
float:left;
text-align: left; /*compensates for the text-align on the body tag */
background-color:#acb5b6;
border-right:2px;
border-left:2px;
border-top:0px;
border-bottom:0px;
border-color:#a4a491;
border-style:solid;
}

.main {
float:left;
width:850px;
margin-left:17px;
text-align: left; /*compensates for the text-align on the body tag */
background-image:url(img/bg.jpg);
background-repeat:repeat-y;
background-color:none;
border-right:2px;
border-left:2px;
border-top:0px;
border-bottom:0px;
border-color:#787753;
border-style:solid;
}

.header {
float:left;
width:850px;
background-image:url(img/header.gif);
background-repeat:no-repeat;

}

.header-new {
/* header where yantra doesn't intersect navigation menu */
float:left;
width:850px;
background-image:url(img/header2.gif);
background-repeat:no-repeat;

}

img.header-spacer {
float:left;
width:850px;
height:190px;
border:none;
}

img.header-spacer a {
border:none;
}

.navbar-wrap {
float:left;
clear:both;
width:850px;
background-color:#9dbcca;
padding-top:2px;
padding-bottom:2px;
top:215px;
}

.navbar {
float:left;
width:850px;
height:38px;
background-color:#999999;
background-image:url(img/navbar_back.jpg);
background-repeat:repeat-x;

}

.navbar a {
margin:0px;
padding:0px;
}

#firstnav {
padding-left:50px;
}

.navbar a img {
margin:0px;
padding:0px;
float:left;
border-style:none;
}

/* ======================= Navigation links | 10/24/11 ========================== */



#nav-links {
    background: #dee7e7; /* for non-css3 browsers */
	border-bottom: 1px solid #CCD8DE;
    border-top: 1px dotted #FFF157;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0eff4', endColorstr='#dee7e7'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#e0eff4), to(#dee7e7)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #e0eff4,  #dee7e7); /* for firefox 3.6+ */ 
    float: left;
    margin-top: 0;
    overflow: hidden;
    padding-top: 0;
    position: relative;
    width: 100%;
}
#nav-links ul {
    clear: left;
    float: left;
    left: 50%;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
}
#nav-links ul li {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    right: 50%;
}
#nav-links ul li a {
    /*background: none repeat scroll 0 0 #dee7e7;*/
    /* border: 3px solid #FFF66E; */
    /* border-radius: 5px 5px 5px 5px; */
    color: #003942;
    display: block;
	font-size:22px;
    /*line-height: 20px; */
    /* margin: 0 5px; */
    padding: 6px 11px;
    text-decoration: none;
	font-family:'Alice', Georgia, serif;
	letter-spacing:1px;
	/*text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);*/
	  text-shadow:
   -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff;
}
#nav-links ul li a:hover {
    background: none repeat scroll 0 0 #CCD8DE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dae7ed', endColorstr='#CCD8DE'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#dae7ed), to(#CCD8DE)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #dae7ed,  #CCD8DE); /* for firefox 3.6+ */ 
	text-shadow:none; 
	/*-moz-box-shadow: 0px 5px 5px #c1c223;
  	-webkit-box-shadow: 0px 5px 5px #c1c223;
  	box-shadow: 0px 5px 5px #c1c223;*/
	/*border-left:1px solid #CCD8DE;
	border-right:1px solid #CCD8DE;*/
    color:#007C9F;
    /*color: #00252b;*/
}



.nav-container {
/* new version of links | April 27 2010 */
float:left;
clear:both;
width:770px;
background-color:none;
margin-left:40px;
/* the margin centers the navigation */
border-top:1px #90927c solid;
border-bottom:1px #90927c solid;

}

.nav-container #teaching {
/*left margin for first link */
margin-left:25px;
}

.nav-container #photos {
/*left margin for photos link */
margin-left:17px;
}

.nav-container #about {
/*left margin for 'about' link */
margin-left:8px;
}

.nav-container #events {
/*left margin for 'about' link */
margin-left:8px;
}

.nav-container a {
margin:0px;
padding:0px;
}


.nav-container a img {
margin:0px;
padding:0px;
float:left;
border-style:none;
}



/*
|||||||||||||

Photo Gallery

|||||||||||||
*/

#slideshow-link {
/* 'view as slideshow' link div */
float:left;
margin-top:10px;
clear:both;
}

#slideshow-link a {
color:#666666;
}

.slideshow img {
/* targets photo-slideshow.php */
background-color:#000033;
}

div.photo-scroller {
  /* Set it so we could calculate the offsetLeft */
  float:left;
  width: 700px;
  /* Add scroll-bars */
  overflow:auto;
}


ul.photo-scroller {
/* container for thumbnails */
margin:0px;
padding:0px;
margin-top:25px;
display: block;
height: 110px;
/* Max width here, for users without Javascript */
width: 5440px;
list-style: none;

}

ul.photo-scroller li {
list-style-type:none;
display: block;
float: left;
padding: 0 4px;

}

ul.photo-scroller li img {
border: 2px #96a9b3 solid;

}

.photo-content {
float:left;
padding-left:75px;
margin-top:30px;
padding-bottom:50px;
}

img#ImageHolder {
border: 4px #96a9b3 solid;
}


.page-events {
float:left;
background-image:url(img/bg_events.jpg);
background-repeat:no-repeat;
min-height:900px;
width:850px;
padding-bottom:200px;
}


.page-sched {
margin-left:0px;
padding-left:0px;
float:left;
background-image:url(img/bg_sched.jpg);
background-repeat:no-repeat;
min-height:900px;
width:850px;
}

.page-video {
float:left;
padding-top:40px;
/*background-image:url(img/bg_sched.jpg);
background-repeat:no-repeat; */
width:650px;
margin-left:100px;
}

.vid-container {
float:left;
padding:5px;
background-color:#7e94a1;
}

#video-note {
float:left;
margin-top:15px;
width:450px;
margin-bottom:200px;
}

.text-content {
float:left;
margin-left:70px;
margin-top:30px;
width:780px;
padding-bottom:100px;
}

.home-content {
float:left;
padding-left:45px;
margin-top:40px;
padding-bottom:150px;
}

.home-content-new {
/* new being April 27 2010 */
float:left;
width:850px;
background-color:none;
padding-bottom:150px;
}


/* Index Page */

.flash-wrap {
/* antiquated as of April 27 2010 */
padding:5px;
background-color:#7e94a1;
float:left;
}

.flash-container {
float:left;
margin-left:40px;
/*
margin-top:15px;
border:1px #90927c solid;
*/
border:2px #d9d9b4 solid;
margin-top:20px;
background-color:none;
}

.photo-credit-1 {
float:right;
width:200px;
text-align:right;
margin-right:45px;
margin-top:5px;
font-style:italic;
color:#7e8f97;
font-size:11px;
letter-spacing:1px;
}

.photo-credit-2 {
clear:both;
float:right;
width:200px;
text-align:right;
margin-right:60px;
margin-top:5px;
font-style:italic;
color:#7e8f97;
font-size:11px;
letter-spacing:1px;
}

.jim-intro {
float:left;
margin-top:45px;
width:730px;
text-align:justify;
margin-left:60px;
color:#415f68;
font-size: 14px;
letter-spacing: 0.4px;
line-height: 20px;
}

.jim-intro a {
    color: #007C9F;
    font-family: verdana;
    letter-spacing: 0.2px;
}

/* Events Schedule */

.event-date {
font-size:13px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:bold;
/*padding-bottom:15px;
padding-top:8px;*/
padding:5px;
color:#544a06;
margin-left:15px;

}

.event-studio {
padding:5px;

}

.event-studio a {
color:#000033;
border-width:0 0 1px 0;
border-style:dotted;

}

.event-studio a:hover {
text-decoration:none;
color:#333366;
}

li.event-block a {
/* this is backup styling, in case client deletes style when editing;
it should appear the same as .event-studio a */
color:#000033;
border-width:0 0 1px 0;
border-style:dotted;
}

li.event-block a:hover {
text-decoration:none;
color:#333366;
}

.event-city {
/* location of event */
padding:5px;
color:#2e4a5a;
}

ul.event-list {
margin:0px;
padding:0px;
margin-top:30px;
}

li.event-block {
list-style-type:none;
padding-bottom:17px;
margin-left:15px;
font-weight:bold;
color:#2e4a5a;

}


/* Teaching Schedule */


#teaching-note {
margin-left:15px;
}

.sched-day {
font-size:13px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:bold;
padding-bottom:15px;
padding-top:8px;
color:#544a06;
margin-left:15px;

}

ul.sched-daylist {
margin:0px;
padding:0px;
}

.sched-classblock {
padding-bottom:10px;
margin-left:15px;
font-weight:bold;
}

ul.sched-classblock {
margin:0px;
padding:0px;
}

li.sched-classblock {
list-style-type:none;

}

.sched-time {
padding:5px 5px 5px 0px;
}

.sched-style {
padding:5px;
color:#2e4a5a;
}

.sched-studio {
padding:5px;

}

.sched-studio a {
color:#000033;
border-width:0 0 1px 0;
border-style:dotted;

}

.sched-studio a:hover {
text-decoration:none;
color:#333366;
}


/*  About   */


.page-about {
float:left;
width:850px;
margin-top:10px;
background-image:url(img/bg_about.jpg);
background-repeat:no-repeat;
min-height:900px;
}

.about-tvy {
width:700px;
float:left;
text-align:justify;
padding:0 10px 15px 10px;
margin-bottom:30px;
border-left:1px #dccb6f dotted;
border-right:1px #dccb6f dotted;
}

.about-jim {
width:600px;
float:left;
margin-left:25px;
text-align:justify;
}

.about-jim img {
padding-bottom:0px;
}

.about-tvy img {
margin-right:5px;
float:left;
vertical-align:top;
border:2px #CCCC66 solid;
}

.about-title-left {
text-transform:uppercase;
font-size:16px;
font-weight:bold;
padding-bottom:10px;
letter-spacing:1px;
color:#544a06;
}


/* Contact */

.contact-jim-title {
text-transform:uppercase;
font-size:16px;
font-weight:bold;
padding-bottom:10px;
letter-spacing:1px;
color:#544a06;
}

.page-contact {
float:left;
padding-top:25px;
background-image:url(img/bg_contact.jpg);
background-repeat:no-repeat;
min-height:900px;
padding-left:15px;
}

/* Footer */

.footer-container {
width:850px;
background-image:url(img/bg.jpg);
background-repeat:repeat-y;
float:left;
letter-spacing:1px;
text-transform:uppercase;
font-size:9px;
color:#87ADB2;
padding-bottom:15px;
padding-top:15px;
border-top:1px #dccb6f dotted;
}

.footer-container a {
text-decoration:none;
color:#339999;
}

.footer-container span {
margin-left:50px;
}

/* Testimonials */
ul.testimonials-text {
margin:0;
padding:0;
}
ul.testimonials-text li{
list-style-type:none;
margin:10px 0;
padding:0;


}

/*----------- Offerings Page (Workshop Offerings) ----*/

#offerings-page {
float:left;
margin:30px 70px;
width:710px;
}


/*
Galleria J-Query Plugin (Photos Page)
*/
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

