@charset "utf-8";
html, body {
position:relative;
height: 100%;
min-height: 100%;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
margin: 0;
padding: 0;
color: #000;
width: 100%;
z-index: 0;
letter-spacing: 1px;
line-height: 1.5em;
}
#container {
width: 100%;
height: 100%;
min-height: 100%;
height: auto !important;
margin: 0 auto -50px auto !important; /* the bottom margin is the negative value of the footer's height */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYjVkNmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg, #ffffff 0%, #353c83 50%, #ffffff 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(50%,#353c83), color-stop(100%,#ffffff));
background: -o-linear-gradient(45deg, #ffffff 0%,#353c83 50%,#ffffff 100%);
background: -ms-linear-gradient(45deg, #ffffff 0%,#353c83 50%,#ffffff 100%);
background: linear-gradient(45deg, #ffffff 0%,#353c83 50%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353c83', endColorstr='#ffffff',GradientType=1 );
background-color: #353c83;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0 15px 0 15px;
}
h6 {
font-size: 12px;
}
a img {
border: none;
}
a{
color: #4C22C5;
text-decoration: none;
font-weight: bold;
}
a:link {
color: #4C22C5;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #4C22C5;
text-decoration: none;
font-weight: bold;
}
a:hover, a:active, a:focus {
text-decoration: underline;
font-weight: bold;
color: #E1770E;
}
#header {
min-height: 50px;
background: -moz-radial-gradient(center, ellipse cover, #ffa43d 0%, #ffbc59 40%, #ff6e07 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffa43d), color-stop(40%,#ffbc59), color-stop(100%,#ff6e07));
background: -webkit-radial-gradient(center, ellipse cover, #ffa43d 0%,#ffbc59 40%,#ff6e07 100%);
background: -o-radial-gradient(center, ellipse cover, #ffa43d 0%,#ffbc59 40%,#ff6e07 100%);
background: -ms-radial-gradient(center, ellipse cover, #ffa43d 0%,#ffbc59 40%,#ff6e07 100%);
background: radial-gradient(ellipse at center, #ffa43d 0%,#ffbc59 40%,#ff6e07 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa43d', endColorstr='#ff6e07',GradientType=1 );
color: rgb(255, 255, 255);
background-color: rgb(255, 164, 61);
text-shadow: rgb(204, 204, 204) 0px 1px 0px, rgb(201, 201, 201) 0px 2px 0px, rgb(187, 187, 187) 0px 3px 0px, rgb(185, 185, 185) 0px 4px 0px, rgb(170, 170, 170) 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 6px 1px, rgba(0, 0, 0, 0.1) 0px 0px 5px, rgba(0, 0, 0, 0.3) 0px 1px 3px, rgba(0, 0, 0, 0.15) 0px 3px 5px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.2) 0px 10px 10px, rgba(0, 0, 0, 0.1) 0px 20px 20px;
border-bottom: 2px groove #000000;
}
#schedule tr, #schedule-small tr {
background-color: #F9FAFF;
font-weight: bold;
color: #017B16;
}
#schedule, #schedule-small {
background-color: #FeFeFe;
font-weight: bold;
}
#pic2 {
margin: 0 auto;
text-align: center;
border: 2px ridge #470076;
width: 600px;
max-width: 90%;
}
@media screen and (max-width:249px) {
h1 {
font-size: 28px;
}
#menuNav {
position: relative;
list-style: none;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 200px;
text-align: center;
letter-spacing: 0px;
z-index: 10;
overflow: visible;
margin: 0 auto;
}
#menuNav li {
margin: 2px !important;
width: 120px;
height: 50px;
display: inline-block !important;
}
#menuNav ul li a {
list-style: none;
display: block;
width: 100%;
height: 100%;
padding-top: 10px !important;
line-height: 1;
}
#menuNav li a:link, #menuNav li a:visited {
font-size: 14px !important;
color: #FFF;
text-decoration: none;
text-align: center;
background: url(../images/ovalbutton-1.png) top center no-repeat !important;
}
#menuNav li a:hover {
background: url(../images/ovalbutton-h-1.png) top center no-repeat !important;
text-decoration: none;
}
#menuNav li a:active {
background: url(../images/ovalbutton-d-1.png) top center no-repeat !important;
}
#slogan {
text-align: center;
margin: 0px auto;
}
#header-logo-small {
margin: 0 !important;
max-width: 100%;
}
#header-logo {
display: none;
}
#main-100w {
}
.content, .content2 {
width: 99% !important;
text-align: left !important;
}
#pic1 {
width: 200px;
}
.poses {
margin: 0 auto 20px auto;
position: relative;
}
#table1 {
position: relative;
top: 0;
left: 0px;
text-align: center;
margin: 0 auto;
background-color: #D1D6DB;
}
#table1 td {
}
#logopic1 {
width: 70px;
display: none;
}
#logopic2 {
width: 170px;
position: relative;
margin: 0 auto;
}
#logopic3 {
display: none;
}
#menupic {
width: 190px;
margin: 10px;
display: none;
}
#sig{
position:relative;
left: 10px;
}
.content2 {
width: 100%;
min-width: 210px !important;
font-size: 16px;
}
.form{
margin: 1px;
text-align: left;
width: 180px !important;
line-height: 14px;
border: ridge;
border-width: 2px;
padding: 10px;
background-image: url(../images/bkg_feathers.jpg);
}
#EmailFrom, #Subject, #Name {
width: 178px !important;
}
#Message {
width: 178px !important;
max-width: 178px !important;
height: 200px;
}
#Send, #Reset {
width: 75px;
}
.bbb, .paypal {
width:180px;
}
#cds-full {
width: 180px;
}
#manual-pic, .posepic {
width: 150px;
}
#manual-cd {
width: 180px;
}
.video {
width: 240px;
height: 157px;
}
#main h4 {
padding-top: 10px;
}
#schedule {
display: none;
}
#schedule-small {
text-align: center;
font-size: 10px;
width: 250px;
}
#map {
border: 1px #000 ridge;
width: 400px;
max-width: 96%;
min-width: 150px;
}
.slick-arrow:before, .slick-prev:before, .slick-next:before {
display: none;
}
}
@media screen and (min-width:250px) and (max-width: 319px) {
#menuNav {
position: relative;
list-style: none;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 270px;
letter-spacing: 0px;
z-index: 10;
overflow: visible;
margin: 0 auto;
}
#menuNav li {
margin: 1px !important;
width: 120px;
height: 50px;
display: inline-block !important;
}
#menuNav ul li a {
list-style: none;
display: block;
width: 100%;
height: 100%;
padding-top: 10px !important;
line-height: 1;
}
#menuNav li a:link, #menuNav li a:visited {
font-size: 14px !important;
color: #FFF;
text-decoration: none;
text-align: center;
background: url(../images/ovalbutton-1.png) top center no-repeat !important;
}
#menuNav li a:hover {
background: url(../images/ovalbutton-h-1.png) top center no-repeat !important;
text-decoration: none;
}
#menuNav li a:active {
background: url(../images/ovalbutton-d-1.png) top center no-repeat !important;
}
#slogan {
text-align: center;
margin: 0px auto;
}
#header-logo-small {
margin: 0 !important;
max-width: 100%;
}
#header-logo {
display: none;
}
#main-100w {
}
.content, .content2 {
width: 100% !important;
}
#table1 {
position: relative;
top: 0;
left: -4px;
text-align: center;
margin: 0 auto;
width: 100%;
}
#table1 td {
max-width: 100px;
}
#logopic1 {
min-width: 100px;
width: 90%;
}
#logopic2 {
min-width: 120px;
width: 100%;
position: relative;
top: 10px;
left: -10px;
}
#logopic3 {
min-width: 90px;
width: 90%;
}
#pic1 {
width: 80%;
}
#menupic {
width: 150px;
display: none;
}
#sadhu1, #sadhu2 {
}
.video {
width: 240px;
height: 157px;
}
#schedule {
display: none;
}
#schedule-small {
text-align: center;
font-size: 10px;
max-width: 275px;
}
.slick-arrow:before, .slick-prev:before, .slick-next:before {
display: none;
}
}
@media screen and (min-width:320px) and (max-width: 599px){
#menuNav {
position: relative;
list-style: none;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 270px;
text-align: center;
letter-spacing: 0px;
z-index: 10;
overflow: visible;
margin: 0 auto;
}
#menuNav li {
margin: 1px !important;
width: 120px;
height: 50px;
display: inline-block !important;
}
#menuNav ul li a {
list-style: none;
display: block;
width: 100%;
height: 100%;
padding-top: 10px !important;
line-height: 1;
}
#menuNav li a:link, #menuNav li a:visited {
font-size: 14px !important;
color: #FFF;
text-decoration: none;
text-align: center;
background: url(../images/ovalbutton-1.png) top center no-repeat !important;
}
#menuNav li a:hover {
background: url(../images/ovalbutton-h-1.png) top center no-repeat !important;
text-decoration: none;
}
#menuNav li a:active {
background: url(../images/ovalbutton-d-1.png) top center no-repeat !important;
}
#slogan {
text-align: center;
margin: 10px auto;
}
#header-logo {
margin: 0 !important;
max-width: 100%;
min-width: 350px;
}
#header-logo-small {
display: none;
}
.content, .content2 {
width: 100% !important;
}
#table1 {
position: relative;
top: 0;
left: -4px;
text-align: center;
margin: 0 auto;
width: 100%;
}
#table1 td {
max-width: 100px;
}
#logopic1 {
min-width: 100px;
width: 90%;
}
#logopic2 {
min-width: 120px;
width: 100%;
position: relative;
top: 10px;
left: -10px;
}
#logopic3 {
min-width: 90px;
width: 90%;
}
#pic1 {
width: 80%;
}
#menupic {
width: 150px;
display: none;
}
#sadhu1, #sadhu2 {
}
.video {
width: 360px;
height: 236px;
}
#schedule {
display: none;
}
#schedule-small {
text-align: center;
font-size: 12px;
width: 320px;
}
.slick-arrow:before, .slick-prev:before, .slick-next:before {
display: none;
}
}
@media screen and (min-width:600px) and (max-width: 1199px) {
#header {
}
#menuNav {
position: relative;
top: 10px;
list-style: none;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 100%;
text-align: center;
letter-spacing: 0px;
z-index: 10;
overflow: visible;
margin: 0 auto 10px auto;
}
#menuNav li {
margin: 1px !important;
width: 120px;
height: 50px;
display: inline-block !important;
}
#menuNav ul li a {
list-style: none;
display: block;
width: 100%;
height: 100%;
padding-top: 10px !important;
line-height: 1;
}
#menuNav li a:link, #menuNav li a:visited {
font-size: 14px !important;
color: #FFF;
text-decoration: none;
text-align: center;
background: url(../images/ovalbutton-1.png) top center no-repeat !important;
}
#menuNav li a:hover {
background: url(../images/ovalbutton-h-1.png) top center no-repeat !important;
text-decoration: none;
}
#menuNav li a:active {
background: url(../images/ovalbutton-d-1.png) top center no-repeat !important;
}
#menupic {
width: 200px;
display: inline;
float: left;
}
#header-logo {
margin: 0 !important;
max-width: 100%;
}
#header-logo-small {
display: none;
}
#pic1 {
width: 500px;
}
.content2 p {
margin-left: 80px !important;
margin-right: 80px !important;
}
.video {
width: 480px;
height: 315px;
}
#main h4 {
padding-top: 10px;
}
#schedule {
text-align: center;
font-size: 14px;
width: 600px;
}
#schedule th {
min-width: 85px;
}
#schedule-small {
display:none;
}
}
@media screen and (min-width:1200px) {
#header {
display: none;
}
#menuNav {
position: absolute;
top: 180px;
left: 50%;
margin: 0 0 0 -600px;
list-style: none;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 180px;
text-align: center;
letter-spacing: 0px;
z-index: 10;
overflow: visible;
float: left;
}
#menuNav ul {
list-style: none;
position: relative;
left: -20px;
}
#menuNav li {
margin: 8px;
width: 150px;
height: 64px;
}
#menuNav ul li a {
list-style: none;
display: block;
width: 100%;
height: 100%;
padding-top: 12px;
line-height: 1.3;
}
#menuNav li a:link, #menuNav li a:visited {
font-size: 15px;
color: #FFF;
text-decoration: none;
text-align: center;
background: url(../images/ovalbutton.png) top center no-repeat;
}
#menuNav li a:hover {
background: url(../images/ovalbutton-h.png) top center no-repeat;
text-decoration: none;
}
#menuNav li a:active {
background: url(../images/ovalbutton-d.png) top center no-repeat;
}
#header-logo {
margin: 0 !important;
max-width: 800px;
}
#header-logo-small {
display: none;
}
#slogan {
text-align: center;
margin: 10px auto;
}
#table1 {
position: relative;
top: 0;
left: -5px;
display: table;
text-align: center;
margin: 0 auto !important;
max-width: 670px;
}
#table1 td {
max-width: 250px;
padding: 0px;
margin: 0px;
text-align: center;
}
#logopic1 {
width: 250px;
position: relative;
left: 50px;
}
#logopic2 {
width: 210px;
position: relative;
top: 25px;
z-index: 2;
}
#logopic3 {
width: 220px;
position: relative;
left: -65px;
}
#menupic {
margin: 0 auto;
position: relative;
top: 0;
left: -48px;
width: 250px;
display: inline;
}
#pic1 {
width: 500px;
}
#manual-pic {
margin: 12px 5px 12px 5px;
border: thin groove #000;
}
#manual-cd {
margin: 12px 5px 12px 5px;
border: thin groove #000;
}
.posepic {
width: 150px;
}
.content2 p {
margin-left: 80px !important;
margin-right: 80px !important;
}
.video {
width: 480px;
height: 315px;
}
#schedule {
text-align: center;
font-size: 14px;
width: 700px;
}
#schedule-small {
display: none;
}
}
/* Common to all screen sizes */
#sadhu1 {
float: left;
margin: 1px 10px 1px 1px;
}
#sadhu2 {
float: left;
margin: 10px 10px 8px 1px;
}
#charles {
float: left;
margin: 8px 10px 1px 1px;
border: 2px ridge #000;
}
#yotom-logo {
margin-top: 20px;
}
#manual-pic-small {
width: 110px;
border: thin groove #000;
margin: 1px 10px 5px 1px;
}
#main h4 {
color: #353c83;
font-size: 20px;
text-align: center;
}
.homePic {
max-width: 90%;
text-align: center;
}
/* ~~ Page Content ~~ */
#slogan h2, #slogan h1 {
color: #000;
text-shadow: #FFF 1px 1px 0px;
margin: 10px 0 0 0;
}
#slogan p {
padding-bottom: 10px;
margin: 0 0 10px 0;
}
#main-100w {
position: relative;
top: 10px;
}
#main {
border-bottom: thin groove #000;
border-top: thin groove #F90;
}
.content {
padding: 0;
margin: 0 auto;
width: 80%;
min-width: 200px;
max-width: 800px;
border-top:none !important;
}
.content2 {
background-color: #fff;
padding: 0;
margin: 0 auto 0 auto;
min-width: 200px;
max-width: 800px;
border: 2px #000 ridge !important;
text-align: justify;
margin-bottom: 60px;
font-family: "Lucida Sans Unicode", Arial, sans-serif;
}
.content2 p, .content2 h4, .content2 img {
margin: 0 5px 0 5px;
}
.subcontent {
}
.left-div {
max-width: 350px;
min-width: 200px;
text-align: justify;
}
.center-div {
max-width: 350px;
min-width: 200px;
text-align: justify;
border-left: thin #F90 1px;
}
.right-div {
max-width: 350px;
min-width: 200px;
text-align: justify;
float: right;
}
#sig {
margin: 10px 20% 30px 0px;
border: none;
text-align: right;
}
#pic1 {
position: relative;
margin: 0 auto !important;
}
.poses {
margin: 8px auto 0px auto;
position: relative;
top: 0;
left: -7%;
}
.poses img {
display: none;
}
#pic1 {
min-width: 200px;
max-width: 500px;
margin: 10px 10px 0 10px !important;
border: 2px groove #000;
}
#cds-full {
text-align: center;
border: 2px ridge #000;
}
#donation {
text-align: center;
margin: 0 auto;
}
#donationButton, #buyButton {
width: 150px;
padding: 5px;
}
/* ~~ The footer ~~ */
#prefooter {
height: 60px;
clear: both;
}
#footer {
background-color: #000;
color:#fff;
width: 100%;
height: 60px;
text-align: center;
}
#copyright {
position: relative;
top: 30px;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0px;
}
#copyright h6 {
font-size: 11px;
}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat { /* this class can be placed on a
or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear: both;
height: 0;
font-size: 1px;
line-height: 0px;
}
.break {
clear: both;
}
.80width {
margin: 0 auto;
width: 80%;
max-width: 1260px;
text-align: left;
}
.script {
font-family: "Brush Script MT";
font-size: 28px;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.left {
text-align: left;
}
.justify {
text-align: justify;
}
span.title {
font-size: 20px;
font-weight: 800;
font-family: Tahoma, Geneva, sans-serif
}
span.title1 {
font-size: 16px;
font-weight: 800;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
span.title2 {
font-size: 16px;
font-weight: 800;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
span.title3 {
font-size: 18px;
font-weight: 800;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration: line-through;
}
span.sale {
font-size: 16px;
font-weight: 800;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #FF0000;
}
.preload {
display: none;
}
#schedule {
text-align: center;
font-size: 14px;
}
.clickbutton {
margin: 2px !important;
width: 120px;
height: 50px;
display: inline-block;
}
.clickbutton a {
list-style: none;
display: block;
width: 100%;
height: 100%;
padding-top: 16px !important;
line-height: 1;
}
.clickbutton a:link, .clickbutton a:visited {
font-size: 18px !important;
color: #FFF;
text-decoration: none;
text-align: center;
background: url(../images/ovalbutton-1.png) top center no-repeat !important;
}
.clickbutton a:hover {
background: url(../images/ovalbutton-h-1.png) top center no-repeat !important;
text-decoration: none;
}
.clickbutton a:active {
background: url(../images/ovalbutton-d-1.png) top center no-repeat !important;
}
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
#map {
border: 1px #000 ridge;
width: 400px;
max-width: 96%;
}
/* slideshow */
.slideImg {
text-align: right;
margin: 0 auto;
}
.gallery {
max-width: 92%;
text-align: center;
margin: 0 auto;
}
.galDiv img {
text-align: center;
margin: 0 auto;
padding-bottom: 1%;
max-width: 92%;
width: 600px;
}