/* common styles for Majestic Yoga site  */


/* GENERAL */

html, body {
  margin: 0px;
}
body {
  background-color: #eee4e0;
  background-image: url(/img/pagebackground.jpg);
  background-position: 50% top;
  background-repeat: repeat-y;
  background-attachment: fixed;
}

/* for div containing content that should never be seen by visual browsers */
.offscreen {
  position: absolute;
  left: 0px; top: -9999px;
  width: 1px; height: 1px;
  overflow: hidden;
}
/* for skip link and back to top anchor */
#divskiplink,
#divtopanchor {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 1px;
  z-index: 1;
}

/* floating things */
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
/* div or other to clear floating things */
.clear, .divclear {
  clear: both;
}
/* clear block */
.tinyclear {
  clear: both;
  font-size: 0px;
  height: 0px;
}
/* clear self *//* http://www.positioniseverything.net/easyclearing.html */
.clearself:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }

/* center, left, right */
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
/* don't allow to wrap */
.nowrap {
  white-space: nowrap;
}

/* elements for screen display or print display only */
.screenonly {
  display: block;
}
.printonly {
  display: none;
}
span.screenonly {
  display: inline;
}
span.printonly {
  display: none;
}

/* remove space around form */
form {
  display: inline;
  margin: 0;
  padding: 0;
}
/* get rid of fieldsets and legends */
fieldset {
  display: inline;
  border: none;
  margin: 0;
  padding: 0;
}
legend {
  display: none;
}

/* standard table styles */
table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0px;
}
thead, tbody, tfoot {
  border: none;
}
/* table cells all aligned left and top */
td, th {
  text-align: left;
  vertical-align: top;
}
td.center,
th.center {
  text-align: center;
}
td.right,
th.right {
  text-align: right;
}

/* layout table */
/* note: cellspacing=0 must still be specified in table tag because of IE */
table.layouttable {
  border: none;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}
table.layouttable td {
  padding: 0px;
}

/* all lists use solid bullet */
ul {
  list-style-type: disc;
}

/* definition lists */
dl {
  margin: 0.5em 0px 1em 1.5em;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin: 0px 0px 0.5em 1.5em;
}

/* horizontal rules */
hr {
  height: 1px;
  border: 1px solid #666666;
}

/* default font and links */
body {
  font-family: Verdana, Tahoma, Arial, Lucida, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-size: 12px;
  line-height: 133%; /* relative to font size */
  color: #542e17;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li {
  margin-top: 0px;
}
a,
a:link {
  color: #542e17;
  text-decoration: underline;
}
a:visited {
  color: #542e17;
  text-decoration: underline;
}
a:hover {
  color: #a77962;
  text-decoration: underline;
}

/* size corrections for nested tags */
li li {
  font-size: 100%;
}



/* PRE-PAGE */
/* hidden stuff and stuff outside of the normal page flow */

#divprepage {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 1px;
}



/* OUTER SHELL */
/* container for all page content */

#divoutershell {
  width: 1020px;
  margin: 0px auto;/* uncomment to center */
}



/* PAGE AREA */
/* canvas for content */

#divpagearea {
  position: relative;
}



/* LOGO / SITE TITLE */

#divlogo {
  position: absolute;
  left: 22px;
  top: 44px;
  z-index: 1;
}
#divlogo img.logo {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
#divlogo img.title {
  position: absolute;
  left: 104px;
  top: 56px;
  z-index: 1;
}

/* SOCIAL ICONS */

#social {
  width: 70px;
  height: 250px;
  position: absolute;
  z-index: 1;
  top: 225px;
  left: 25px;
}

.social_icon {
  border: 0;
  padding-bottom: 10px;
}

/* PHOTOS */

#divphotoedge {
  position: absolute;
  left: 750px;
  top: 101px;
  width: 3px;
  height: 86px;
  overflow: hidden;
  z-index: 1;
  background-image: url(/img/white60.png);
}
#divphotos {
  position: absolute;
  left: 753px;
  top: 101px;
  width: 226px;
  z-index: 1;
  padding: 0px 3px 3px 0px;
  background-image: url(/img/white60.png);
}
#divphotos img {
  margin-top: 3px;
}



/* PRIMARY NAV */

#divprimarynav {
  position: absolute;
  left: 129px;
  top: 163px;
  width: 621px;
  height: 24px;
  overflow: hidden;
  z-index: 1;
}
#divprimarynav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divprimarynav ul li {
  float: left;
}
#divprimarynav ul li a {
  display: block;
  height: 24px;
  text-indent: -9999px;
	outline: none;
}
/* custom styles for each link are in majesticyoga_nav.css */



/* BODY AREA */

#divbody {
  position: absolute;
  left: 129px;
  top: 187px;
  width: 618px;
  padding: 0px 3px 3px 3px;
  z-index: 1;
  background-image: url(/img/white60.png);
}
#divbodyinner {
  position: relative;
  z-index: 1;
  padding: 24px 0px 0px 0px;
  background-image: url(/img/white40.png);
}



/* SECONDARY NAVIGATION */

#divsecondarynav {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 618px;
  height: 26px;
  overflow: hidden;
  z-index: 1;
}
#divsecondarynav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divsecondarynav ul li {
  float: left;
}
#divsecondarynav ul li a {
  display: block;
  height: 24px;
  text-indent: -9999px;
	outline: none;
}
/* custom styles for each link are in majesticyoga_nav.css */



/* MAIN TEXT AREA */

#divtext {
  padding: 24px 61px 30px 61px;
  width: 496px;
  min-height: 234px;
}
#divtext h1 { /* usually a graphic heading */
  font-family: Verdana, Tahoma, Arial, Lucida, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 19px;
  color: #542e17;
  text-transform: uppercase;
  margin-bottom: 15px;
}
#divtext h2 {
  font-family: Verdana, Tahoma, Arial, Lucida, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 15px;
  color: #542e17;
  text-transform: uppercase;
  margin-bottom: 4px;
}
#divtext h3 {
  font-family: Verdana, Tahoma, Arial, Lucida, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 19px;
  color: #a77962;
  text-transform: uppercase;
  margin-bottom: 4px;
}
#divtext h4 {
  font-family: Georgia, "Times New Roman", Times, "Bitstream Vera Serif", serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 19px;
  margin-bottom: 0px;
}
#divtext p {
  font-family: Georgia, "Times New Roman", Times, "Bitstream Vera Serif", serif;
  font-size: 11px;
  line-height: 19px;
  margin-bottom: 4px;
}
#divtext ul {
  margin-left: 0.60em;
  padding-left: 0.60em;
  list-style: disc;
  margin-bottom: 4px;
}
#divtext ul li {
  font-family: Georgia, "Times New Roman", Times, "Bitstream Vera Serif", serif;
  font-size: 11px;
  line-height: 19px;
  margin-bottom: 0px;
}
/* style of h3, but inline (such as on Teachers page) */
#divtext p span.inlineh3 {
  font-family: Verdana, Tahoma, Arial, Lucida, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #a77962;
  text-transform: uppercase;
  padding-right: 12px;
}
/* any sort of footnote (such as under schedule table) */
#divtext p.footnote {
  font-size: 10px;
  line-height: 14px;
  margin-bottom: 2px;
}
/* smaller text (used in class schedule) */
#divtext span.smaller {
  font-size: 90%;
}
/* a teacher image */
#divtext img.teacher {
  float: left;
  margin: 4px 20px 6px 0px;
}
/* back links (as on workshop pages) */
#divtext a.backlink {
  font-family: Verdana, Tahoma, Arial, Lucida, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}
#divtext a.backlink,
#divtext a.backlink:link,
#divtext a.backlink:visited {
  color: #a77962;
  text-decoration: none;
}
#divtext a.backlink:hover {
  color: #a77962;
  text-decoration: underline;
}



/* FOOTER */

#divfooter {
  width: 496px;
  padding: 0px 61px 10px 61px;
  z-index: 1;
}
#divfooter p {
  font-family: Verdana, Tahoma, Arial, Lucida, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-size: 10px;
  line-height: 100%;
  color: #a77962;
  text-align: center;
  margin: 0px;
}
#divfooter p a,
#divfooter p a:link,
#divfooter p a:visited {
  color: #a77962;
  text-decoration: none;
}
#divfooter p a:hover {
  color: #a77962;
  text-decoration: underline;
}



/*** HOME PAGE ***/

body.home #divtext h1 {
  padding-top: 9px;
  margin-bottom: 27px;
}
body.home #divtext p {
  font-size: 18px;
  font-style: italic;
  line-height: 100%;
  margin-bottom: 17px;
}
body.home #divtext p.line1 {
  text-align: left;
}
body.home #divtext p.line2 {
  text-align: right;
  margin-bottom: 27px;
}
body.home #divtext p.line3 {
  text-align: center;
}
body.home #divtext p.line4 {
  text-align: center;
}



/*** CLASSES PAGE ***/

#divtext table.scheduletable {
  border: none;
  border-spacing: 0px;
  margin: 0.75em -10px 0.75em 0px;
  padding: 0px;
}
#divtext table.scheduletable th {
  font-family: Georgia, "Times New Roman", Times, "Bitstream Vera Serif", serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 14px;
  padding: 5px 10px 5px 10px;
  background-color: #eee4e0;
  border-bottom: 1px solid #caafa1;
}
#divtext table.scheduletable td {
  font-family: Georgia, "Times New Roman", Times, "Bitstream Vera Serif", serif;
  font-size: 11px;
  line-height: 17px;
  padding: 5px 4px;
  border: none;
}
#divtext table.scheduletable th p,
#divtext table.scheduletable td p {
  margin-bottom: 0px;
}
/* cancellations box */
#divcancellations.active {
  padding: 14px;
  margin: 0px 32px 16px 32px;
  background-color: #542e17;
}
#divcancellations.active pre,
#divcancellations.active p {
  margin: 0px;
	color: #ffffff;
}


/*** EVENTS PAGE ***/

/* table of events - photo on left side, heading+text on the right */
table.eventstable {
  border: none;
  border-spacing: 0px;
  margin: 0px -16px 0px 0px;
  padding: 0px;
}
table.eventstable th,
table.eventstable td {
  border: none;
  padding: 0px 16px 32px 0px;
}
table.eventstable th p,
table.eventstable td p {
  margin-bottom: 0px;
}
table.eventstable th img,
table.eventstable td img {
  margin-top: 3px;
  margin-bottom: 3px;
  border: none;
}
#divtext table.eventstable h2 {
}
#divtext table.eventstable h3 {
  margin-top: 12px;
  margin-bottom: 0px;
}