/* @override 
  http://transformationalstudies.dev/stylesheets/main.css
  http://transformationalstudies.samedisclients.com/stylesheets/main.css
*/

HTML { height: 100%; }
BODY { background-color: #f8f9ed; height: 100%; }

.wrapper {
  background-color: #f8f9ed;
  overflow: hidden;
}

#page_container {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  min-height: 100%;
  padding: 0 6%; }

  @media screen and (min-width: 725px) {
    #page_container {
      padding: 0;
    }
  }

/* @group Header */


/* Header
-------------------------------------------------------------- */

#header {
  display: none; }

  @media screen and (min-width: 725px) {
    #header {
      display: block;
      height: 155px;
      background: transparent url(../images/watercolor.jpg) 0 0 no-repeat;
    }
  }

  #header H1 { margin: 0; display: block; }
  
  #header A {
    display: block;
    margin-left: 75px;
    width: 300px;
    height: 155px;
    text-indent: -5000px; }

.logo-mobile {
  display: block;
  margin: 0 auto; }

  @media screen and (min-width: 725px) {
    .logo-mobile {
      display: none;
    }
  }



/* @end */

/* @group Nav */


/* Navigation
-------------------------------------------------------------- */

#nav {
  display: none;
  height: 123px;
  background: transparent url(../images/watercolor.jpg) 0 -155px no-repeat; }

  @media screen and (min-width: 725px) {
    #nav {
      display: block;
    }
  }
  
  #nav UL {
    float: left;
    margin: 0 0 0 112px;
    display: inline;
    padding: 0;
    list-style: none;
    height: 41px;
    //background: transparent url(../images/menu3.png) 0 -41px no-repeat;  }
  
  #nav LI {
    margin: 0;
    padding: 0;
    float: left;
    display: inline; }
  
  #nav A {
    display: block;
    height: 41px;
    border: none;
    text-indent: -5000px;
    background: transparent url(../images/menu3.png) 0 0 no-repeat; }
    
  //#nav A:hover { background: none; }
  
#nav .nav-about A         { width: 137px; background-position: 0 0; }
#nav .nav-about A:hover                 { background-position: 0 -41px; }
BODY.about_the_center #nav .nav-about A { background-position: 0 -82px; }

#nav .nav-apprenticeship A                { width: 191px; background-position: -137px 0; }
#nav .nav-apprenticeship A:hover                        { background-position: -137px -41px; }
BODY.shamanic_apprenticeship #nav .nav-apprenticeship A { background-position: -137px -82px; }

#nav .nav-healing A          { width: 137px; background-position: -328px 0; }
#nav .nav-healing A:hover                  { background-position: -328px -41px; }
BODY.spiritual_healing #nav .nav-healing A { background-position: -328px -82px; }

#nav .nav-astrology A   { width: 89px; background-position: -465px 0; }
#nav .nav-astrology A:hover          { background-position: -465px -41px; }
BODY.astrology #nav .nav-astrology A { background-position: -465px -82px; }

#nav .nav-aromatherapy A     { width: 118px; background-position: -554px 0; }
#nav .nav-aromatherapy A:hover             { background-position: -554px -41px; }
BODY.aromatherapy #nav .nav-aromatherapy A { background-position: -554px -82px; }

#nav .nav-articles A  { width: 53px; background-position: -672px 0; }
#nav .nav-articles A:hover         { background-position: -672px -41px; }
BODY.articles #nav .nav-articles A { background-position: -672px -82px; }


/* Mobile Nav
---------------------------------------------------------------- */
#nav-mobile {
  display: none; }

.nav-mobile-button-wrapper {
  background: transparent url(/images/streak_orange.jpg) 0 0 repeat-y;
  background-size: 100% 32px;
  padding: 20px 0;
  display: block; }

  @media screen and (min-width: 725px) {
    .nav-mobile-button-wrapper {
      display: none;
    }
  }

.nav-mobile-button {
  display: block;
  text-align: center;
  background-color: white;
  border-top: 1px solid #c2aca9;
  border-bottom: 1px solid #c2aca9;
  height: 20px;
  padding: 3px 0;
  text-transform: uppercase;
  
}

  

/* @end */




  

@media screen and (min-width: 725px) {
  #content,#sidebar,#subnav { margin-top: -20px; display: inline; }
}

/* @group Subnav */


/* SubNav
-------------------------------------------------------------- */

#subnav {
  display: none;
  margin-left: 0;
  padding-bottom: 300px;
  background: transparent url(../images/bg_subnav.gif) 100% 0 no-repeat; }

  @media screen and (min-width: 725px) {
    #subnav {
      display: block;
      float: left;
      width: 25%;
    }
  }

  
  #subnav UL { list-style: none; margin: 0; padding: 0; }
  
  #subnav LI {
    margin-left: 0; padding: 0;
    background: transparent url(../images/subnav_border.gif) 50% 100% no-repeat;}
  
  #subnav A {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: #6a542c;
    border-bottom: none;
    padding: .8em 0;
    display: block;
    padding-left: 20px; }
    
  #subnav A:hover { color: #70659d; }
  
  #subnav LI.selected A {
    background: transparent url(../images/subnav_over.gif) 10px 50% no-repeat;
    color: #3f665d;
    padding-left: 34px; }
    
  .section_title {
    /*font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 100;
    font-size: 19px;
    color: #392f27;*/
    margin-top: 0;
    height: 44px;
    text-indent: -5000px;
    background: transparent url(../images/sb_about.jpg) 0 0 no-repeat;}
    
  BODY.about_the_center .section_title { background-image: url(../images/sb_about.jpg); }
  BODY.seminars .section_title { background-image: url(../images/sb_seminars.jpg); }
  BODY.spiritual_healing .section_title { background-image: url(../images/sb_spiritualhealing.jpg); }
  BODY.astrology .section_title { background-image: url(../images/sb_astrology.jpg); }
  BODY.aromatherapy .section_title { background-image: url(../images/sb_aromatherapy.jpg); }
  BODY.articles .section_title { background-image: url(../images/sb_articles.jpg); }
  BODY.spiritual_supplies .section_title { background-image: url(../images/sb_spiritualsupplies.jpg); }
  BODY.shamanic_apprenticeship .section_title { background-image: url(../images/sb_apprenticeship.jpg); }
  BODY.links .section_title { background-image: url(../images/sb_links.jpg); }


/* @end */

#content {
  display: block;
}  

  @media screen and (min-width: 725px) {
    #content {
      float: left;
      width: 46.875%;
      margin-left: 2%;
      padding-bottom: 156px;
    }
  }
  
.page_title {
  font-family: 'Merriweather', serif;
  font-style: italic;
  font-weight: 100;
  font-size: 19px;
  color: #5c7c74;
  margin: 0 0 0 -20px;
  padding: 5px 0 4px 20px; }

  @media screen and (min-width: 725px) {
    .page_title {
      height: 44px;
      background: transparent url(../images/streak_green.jpg) 0 13px no-repeat;
    }
  }
  
  .page_title+H3,
  .page_title+H4 { margin-top: 0; }
  
img.register { float: none; border: none; }
img.register.right { margin-top: -3px; margin-bottom: 0 }


/* Sidebar
---------------------------------------------------------------- */
#sidebar {
  display: block;
  color: #6a542c;
  margin-top: 2em; }

  @media screen and (min-width: 725px) {
    #sidebar {
      float: right;
      width: 18.5%;
      padding-left: 1.5%;
      margin-top: 0;
      background: transparent url(../images/bg_sidebar.jpg) 0 0 no-repeat;
      min-height: 512px;
    }
  }


/* @group Footer */

#footer {
  clear: both;
  position: relative;
  max-width: 920px;
  padding: 0 6% 2em;
  background-color: #dfdbd0;
  font-size: .75em;
  font-family: Verdana, sans-serif; }

  @media screen and (min-width: 725px) {
    #footer {
      height: 156px;
      background: transparent url(../images/bg_footer3.jpg) 50% 0 no-repeat;
      /*padding: 0 21%;*/
      margin: -156px auto 0;
    }
  }
  
  #footer UL {
    list-style: none;
    margin: 1em 0;
    overflow: hidden; }
    
  #footer LI {
    float: left;
    width: 50%;
    margin-bottom: .5em; }

    @media screen and (min-width: 725px) {
      #footer ul {
        margin-left: -5px;
        padding: 1.5em 0 0 0;
      }
      #footer li {
        display: inline;
        float: none;
        width: auto;
        margin: 0;
        padding: 0 6px 0 5px;
        border-right: 1px solid #aca48e;
      }
    }
    
    #footer .nav-articles { border: none; }
    
  #footer, #footer A { color: #554f44; }
  
  #footer A { border: none; }
  #footer A:hover { color: #5573b6; border-bottom: 1px solid #9fc9c0; }
  

  #footer .vcard { padding-top: 41px; }
  #footer abbr { border: none; }
  #footer .vcard .org,
  #footer .vcard .adr .country-name { display: none; }
  #footer .vcard .adr p,
  #footer .vcard .telecommunications p { display: inline; margin: 0; }
  /*
#footer .vcard span.tel {
    padding-right: 10px;
    margin-right: 5px;
    border-right: 1px solid #aca48e; }
*/

/* @end */
  
  
  


/* Miscellaneous
-------------------------------------------------------------- */
  
  
.price {
  font-size: .95em;
  margin-bottom: .5em;
  font-style: italic;
  font-weight: bold;
  color: #81625e; }
  
.highlight {
  background: #f2ebc4 url(../images/bg_highlight.jpg) 0 0 repeat;
  padding: 10px;
  margin: 0 0 16px;
  border: 1px solid #e4d399;
  color: #546660; }
  
  .highlight H4 {
    color: #6a542c;
    font-style: normal;
    text-transform: uppercase;
    font-size: 1.1em;
    letter-spacing: 1px;
    padding-bottom: .3em;
    margin-bottom: .75em;
    margin-top: 0;
    border-bottom: 3px double #d1c6a0; }
    
  .highlight A { color: #546660; }
    
  #content .highlight UL { margin-bottom: .5em; } 
  #content .highlight LI { background: none; list-style: disc; padding-left: 0; margin-left: 1.5em; }
  
  #content .highlight table { margin-bottom: .35em; }
    #content .highlight td, #content .highlight th { border: none; vertical-align: top; }
    #content .highlight th { background: none; white-space: nowrap; }


LABEL { font-style: italic; }
  
INPUT[type=text], TEXTAREA {
  width: 100%;
  color: #554f44;
  line-height: 1.6em;
  padding: 2px 0 2px 4px;
  border: 1px solid #c4b583; }
  
INPUT[type=text] { margin-bottom: 1em; }
TEXTAREA { margin-bottom: .5em; }

.send { float: right; width: 80px; border: none; }

DIV.three_col {
  background: transparent url(../images/bg_3col.jpg) 0 0 no-repeat;
  height: 220px;
  width: 100%; }
  
  .three_col .col1,
  .three_col .col2,
  .three_col .col3 {
    float: left;
    width: 33%;
    margin: 0; }
    
  .three_col H4 { margin: 25px 0 10px 10px; }
  
  #content .three_col UL {
    list-style: none;
    margin-left: 15px;
    margin-right: 5px; }
    
  #content .three_col UL LI {
    background: none;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: .5em;
    font-size: .95em; }

img { max-width: 100%; }