/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
margin: 0;
padding: 0;
border: 0;
vertical-align:baseline;
font: inherit;
}
/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
display: block;
}
img {
max-width:100%;
height:auto;
}
/*insertion----------------------------------------------------- ----------------*/
a:link, a:visited {
color: #916226;
text-decoration: none;
}
a:hover {
color: #D5973C;
text-decoration: underline;
}
/*insertion----------------------------------------------------- ----------------*/
html {
background: white;
height:100%;
}
body {
font: 100% Ubuntu, Arial, Helvetica, sans-serif;
line-height: 1.5;
position: relative;
background: #fff;
color: rgb(76, 67, 65);
font-weight:normal;
font-style:normal;
margin: 0 auto;
width:1200px;
width:90%;
}
div#container {
background:#f2f2f2;
position:relative;
}
/* *******************************************
*********/
header#iPhone_header {
display:none;
}
header {
background:#fff;
overflow: hidden;
padding-left: 12px;
height:150px;
box-shadow:1px 1px 5px #999999;
}
header a, header a:hover, header a:visited {
text-decoration:none;
color:#373737;
}
header section {
width:150px;
margin-left:25px;
}
header section h1{
float: left;
background: url(../images/Lotus6p3turn.png) no-repeat center center;
width:150px;
height:55px;
margin-top:20px;
}
header section p {
font: 400 0.5em/100% 'Milonga', Helvetica, Arial, sans-serif;
font-size: 0.8 em;
letter-spacing:2px;
margin-left: 0px;
color: #373737;
text-align:center;
vertical-align:bottom;
width:150px;
}
header section p:first-of-type {
font: 400 0.5em/100% 'Milonga', Helvetica, Arial, sans-serif;
font-size: 0.8 em;
text-transform: lowercase;
margin-left: 0px;
color: #373737;
}
header section p#jnana {
font-size:1em;
line-height:1.5em;
}
header section p#guru {
font-size:1.3em;
font-weight:bold;
}
header section#s_right {
font-size: 1.2em;
font-style:italic;
color: #373737;
float:right;
margin: -100px 6% 20px 0;
width: auto;
letter-spacing:0.2em;
font-family:"Ubuntu", Verdana, Geneva, sans-serif;
}
header section#s_right h2 div {
font-family:"Ubuntu", Verdana, Geneva, sans-serif;
float:right;
margin-right:1em;
}
/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& EDDED LATER ON FEB 19 2019*/
#grey {
color:#373737;
}
#grey2 {
color:#373737;
}
/* @@@@@@@@@@@@@@@@@@@@@@@ END OF HEADER @*/
section#studio_title {
display:none;
}
/************************************************************ TOP MENU */
nav#top_menu {
color:#373737;
font-size: 1.2em;
font-family:"Ubuntu", Verdana, Geneva, sans-serif;
text-transform:lowercase;
letter-spacing:2px;
margin-right:5%;
padding:-0 0.5em;
margin-top: -1px;
position:relative;
left:16%;
}
nav#top_menu ul {
}
nav#top_menu ul li {
display:inline;
}
nav#top_menu ul li a {
text-decoration:none;
padding: 2px 9px;
border-left:1px solid transparent;
border-right:1px solid transparent;
color:#676767;
}
nav#top_menu ul li a:hover {
font-weight:normal;
padding: 2px 9px 4px;
border-left:1px solid #fff;
border-right:1px solid #fff;
background:#999;
color:white;
}
nav#top_menu ul li a#m_active {
font-weight:normal;
padding: 2px 9px 4px;
border-left:1px solid #999;
border-right:1px solid #999;
border-top:none;
background:#fff;
border-bottom:none;
color:#916226;
}
nav#top_menu ul li a#m_active:hover {
font-weight:normal;
padding: 3px 9px 4px;
border-left:1px solid #999;
border-right:1px solid #999;
background:#fff;
color: #916226;
border-bottom:none;
}
/*@@@@@@@@@@@@@@@@@@@@@@ END OF TOP MENU */
/******************** MIDDLE SECTION ARTICLE */
article {
overflow:hidden;
background:#fff;
box-shadow:1px 1px 5px #999999;
float: left;
width:100%;
}
article section#left {
width:66%;
margin:39px 0 0 50px;
padding-bottom:10000px;
margin-bottom:-10000px;
section#left
position:relative;
float:left;
}
aside#iPhone {
display:none;
}
.services_links h1#consultation{
display:block;
width:97px;
height:97px;
border:1px solid #ccc;
background: url(../images/consultation.png) no-repeat center center;
}
.services_links h1#kabbalah{
display:block;
width:97px;
height:97px;
border:1px solid #ccc;
background:url(../images/kabbalah.png) no-repeat center center;
}
/*.services_links h1#consultation:hover, .services_links h1#kabbalah:hover, .services_links h1#meditation:hover, .services_links h1#feng:hover, .services_links h1#tantric:hover,.services_links h1#healing:hover {
border:1px solid #999999;
}*/
.services_links h1#meditation{
display:block;
width:97px;
height:97px;
border:1px solid #ccc;
background:url(../images/meditation.png) no-repeat center center;
}
.services_links h1#feng{
display:block;
width:97px;
height:97px;
border:1px solid #ccc;
background:url(../images/feng_shui1.png) no-repeat center center;
}
.services_links h1#tantric{
display:block;
width:97px;
height:97px;
border:1px solid #ccc;
background:url(../images/tantric.png) no-repeat center center;
}
.services_links h1#healing{
display:block;
width:97px;
height:97px;
border:1px solid #ccc;
background:url(../images/healing.png) no-repeat center center;
}
.services_links img {
float: left;
margin-right: 1em;
}
.services_links p {
color: rgb(54,64,75);
font-size: 1.2em;
}
.services_links:hover {
text-decoration: none;
}
.services_links h3, .services_links h3:hover, .services_links p:hover {
color:#D5973C;
}
nav.services ul li {
display:inline;
float:left;
margin-right:10px;
height:97px;
margin-bottom: 10px;
width: 15%;
min-width: 97px;
}
nav.services ul {
height:97px;
}
nav.services ul li a, nav.services ul li a:hover, nav.services ul li a:visited {
height:97px;
width:97px;
}
nav.services li:last-of-type {
}
p#second_link {
color:#916226;
letter-spacing:2px;
font-variant:small-caps;
font-size:1.2em;
}
section#left h3 {
position: relative;
top: -47px;
font-family: Milonga,Times,serif;
letter-spacing: 1px;
text-align: center;
vertical-align: middle;
width: 97px;
font-size: 0.8em;
}
section#left p {
margin-bottom:10px;
}
section#left h2 {
font-family: Milonga,"Times New Roman",Times,serif;
font-size: 1.3em;
letter-spacing: 1px;
text-align: left;
margin-top: 0px;
line-height:3em;
clear:both;
color:#916226;
font-weight:bold;
}
aside#right {
float:right;
width:15%;
margin:0 30px 0 0px;
padding: 20px 10px;
padding-bottom:10000px;
margin-bottom:-10000px;
background:#f2f2f2;
background:#fff;
color:white;
overflow:hidden;
}
aside#right p#sale {
font-family:"Ubuntu", Verdana, Geneva, sans-serif;
font-size:3em;
//color: #d41900;
color:#666666;
color:#fff;
position:absolute;
top:200;
text-align:center;
width:15%;
}
aside#right p small {
font-family:"Ubuntu", Verdana, Geneva, sans-serif;
font-size:0.9em;
color: #d41900;
color: #fff;
letter-spacing:1px;
position:absolute;
top:379px;
text-align:center;
width:15%;
}
a.to_top, a.to_top:visited, a.to_top:hover {
font-size: 0.8em;
font-size:1em;
font-weight:bold;
letter-spacing:1px;
text-decoration:underline;
}
h2 {
clear:both;
}
h4 {
color:#666;
float:left;
font-size:0.8em;
padding: 3px 16px;
//border:1px solid #ccc;
margin-top:10px;
position:relative;
bottom:0px;
text-decoration:line-through;
letter-spacing:1px;
border-right:none;
}
.sale {
text-decoration: none;
color: #666666;
font-weight: bold;
letter-spacing: 1px;
//border-right:1px solid #ccc;
}
h4.sale {
text-decoration: none;
color: #666666;
font-weight: bold;
letter-spacing: 1px;
//border-right:1px solid #ccc;
}
h5 {
color:#960;
float:right;
font-size:0.8em;
position:relative;
bottom:-15px;
left:15px;
margin-right:100px;
}
section.price {
/* background:red;*/
float:right;
position:relative;
}
/* ************************************** FOOTER */
footer {
background:#676767;
clear:both;
height:50px;
overflow:hidden;
/* box-shadow:2px 2px 5px #666666;
*/ background:#fff;
}
footer p {
color: #676767;
margin-left: 50px;
margin-top:0.5em;
font-size:1em;
letter-spacing:1px;
}
span#break{
display:none;
}
.clearfix:before,
.clearfix:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {clear: both;
}
/*@@@@@@@@@@@@@@@@@@@@ END OF FOOTER */
/* ******************* BIO */
article section#bio_left {
width:43%;
margin:39px 0 0 50px;
padding-bottom:10000px;
margin-bottom:-10000px;
max-width:550px;
position:relative;
}
section#bio_left {
position:relative;
float:left;
}
section#bio_left p {
margin-bottom:10px;
}
section#bio_left h3 {
position: relative;
top: -47px;
font-family: "Cambo",Times,serif;
letter-spacing: 1px;
text-align: center;
vertical-align: middle;
width: 97px;
font-size: 0.8em;
}
section#bio_left h2 {
font-family: Milonga,"Times New Roman",Times,serif;
font-size: 1.3em;
letter-spacing: 1px;
text-align: left;
margin-top: 0px;
margin-bottom:1em;
clear: both;
color: #916226;
font-weight: bold;
}
aside#bio_right {
float:right;
width:43%;
margin:0 0px 0 0px;
padding: 20px 10px;
padding-bottom:10000px;
margin-bottom:-10000px;
overflow:hidden;
position:relative;
}
#photo {
/* background:url(../images/bio.png) no-repeat top right;
width:273px;
height: 428px;*/
/* float: right;
margin-right:0px;
*/ position:relative;
top: 0px;
left:43%;
opacity:0.9;
background-size: 100%;
background-repeat:no-repeat;
background-position:center;
max-width: 100%;
height:auto;
}
nav#bio_services {
width:175px;
height:220px;
position:relative;
top: -200px;
left:12%;
/* float:left;
margin-left:30px;
margin-top:-200px;
*/
/* position:absolute;
top:400px;
right:234px;
*/ background:rgba(242,242,242,0.7);
box-shadow: 1px 1px 2px #999;
color:#916226;
color:rgba(145,98,37,1);
padding:15px 15px;
/* border-bottom-left-radius: 3em 25em;
border-top-right-radius: 3em 25em;
*/ }
nav#bio_services p#services_title{
font-family: Milonga,"Times New Roman",Times,serif;
letter-spacing:2px;
font-size:1.2em;
margin-bottom:7px;
}
nav#bio_services a {
font-family:"Ubuntu", Verdana, Geneva, sans-serif;
font-size:0.9em;
letter-spacing:1px;
text-decoration:underline;
}
/* @@@@@@@@@@ END OF BIO
*/
/*************************************** CONTACT
*/
article section#contact_left {
width:20%;
min-height:450px;
margin:39px 0 0 50px;
padding-bottom:10000px;
margin-bottom:-10000px;
position:relative;
float:left;
min-width:150px;
}
section#contact_left h3 {
position: relative;
top: -47px;
font-family: "Cambo",Times,serif;
letter-spacing: 1px;
text-align: center;
vertical-align: middle;
width: 97px;
font-size: 0.8em;
}
section#contact_left h2 {
font-family: Milonga,"Times New Roman",Times,serif;
font-size: 1.3em;
letter-spacing: 1px;
text-align: left;
margin-top: 0px;
margin-bottom:1em;
clear: both;
color: #916226;
font-weight: bold;}
aside#contact_right h2 {
font-family:"Milonga",serif;
font-size: 1.3em;
letter-spacing: 1px;
text-align: left;
margin-top: 0px;
clear:both;
color:#373737;
color:#916226;
position:absolute;
font-weight:bold;
/* top: 30px;
*/}
aside#contact_right h2#iPhone_contact_link {
display:none;
}
aside#contact_right h2#contact_link {
font-family:"Milonga",serif;
font-size: 1.3em;
letter-spacing: 1px;
text-align: left;
margin-top: 0px;
clear:both;
color:#373737;
position: absolute;
top: -10px;
left: 200px;
}
aside#contact_right {
float:right;
width:60%;
margin:19px 30px 0 0px;
padding: 20px 20px;
background:#fff;
vertical-align:top;
padding-bottom:10000px;
margin-bottom:-10000px;
opacity:0.9;
color:white;
overflow:hidden;
position:relative;
}
a.link {
color:#373737;
color:#916226;
font-family:Ubuntu, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:400;
letter-spacing:2px;
text-decoration:underline;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@ END OF CONTACT
*/
/******************************************************* STUDIO
*/
article section#studio_left {
width:20%;
min-height:450px;
margin:0px 0 0 0px;
padding-bottom:10000px;
margin-bottom:-10000px;
position:relative;
float:left;
}
section#studio_left h2 {
background:url(../images/buddha_h6001.png) no-repeat left top;
width:360px;
height:600px;
/* max-width:100%;
height:auto;*/
}
aside#studio_right {
width:60%;
margin:-49px 30px 0 0px;
padding: 50px 20px;
padding-bottom:10000px;
margin-bottom:-10000px;
background:#373737;
background:#80632b;
background:white;
overflow:hidden;
float:right;
}
aside#studio_right p {
margin-bottom:10px;
}
aside#studio_right h2 {
font-family: Milonga,"Times New Roman",Times,serif;
font-size: 1.3em;
letter-spacing: 1px;
text-align: left;
margin-top: 0px;
/*line-height: 3em;
*/clear: both;
color: #916226;
font-weight: bold;
margin-top:39px;
margin-bottom:1em;
}
.news {
color: #916226;
font-variant:small-caps;
font-weight:bold;
letter-spacing:2pt;
}
.news#new {
color:#900;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@ END OF STUDIO
*/
/*********************************************** ACKNOWLEDGEMENT
*/
article#acknow {
float:none;
}
article section#acknow_left {
width:100%;
min-height:550px;
margin:0px 0 0 0px;
padding-bottom:10000px;
margin-bottom:-10000px;
position:relative;
}
section#acknow_left h2 {
/* background:url(../images/lotus_on_white.png) no-repeat center bottom;
width:1035px;
height:577px; */
width1035px;
height:auto;
opacity:0.3;
position:relative;
}
section#acknow_left p {
font-family:Milonga, serif;
font-size:2.1em;
letter-spacing:2px;
position:relative;
top:0px;
left:50px;
color:#f2f2f2;
color:#916226;
/* text-shadow:2px 2px 3px #000;
*/ top:39px;
}
footer#f_acknow {
background:#676767;
clear:both;
height:50px;
background:#fff;
box-shadow:2px 2px 5px #666666;
}
/*@@@@@@@@@@@@@@@@@@@@@@@ END OF ACKNOWLEDGEMENT
*/
/****************************************************** MEDIA QUERIES
*/
/*@media only screen
and (min-device-width : 768px) and (max-device-width : 1024px),
only screen and (min-width : 768px)
and (max-width : 1024px) {
*/
@media only screen
and (min-device-width : 706px) and (max-device-width : 1024px),
only screen and (min-width : 706px)
and (max-width : 1024px) {
header#iPhone_header {
display:none;
}
aside#iPhone {
display:none;
}
article {
}
nav#top_menu {
font-size: 1em;
letter-spacing: 1px;
padding: 0px 0.5em;
margin-top: -1px;
position:relative;
left:29px;
}
header section#s_right {
font-size: 1em;
float: right;
margin: -100px 6% 20px 0px;
width: auto;
letter-spacing: 0.12em;
}
nav#top_menu ul li a:hover {
padding: 2px 9px 2px;
}
nav#top_menu ul li a#m_active {
padding: 2px 9px 2px;
}
nav#top_menu ul li a#m_active:hover {
padding: 3px 9px 2px;
}
header section p#guru {
font-size: 1.1em;
font-weight: bold;
}
header section p#jnana {
font-size: 0.9em;
line-height: 1.5em;
}
aside#studio_right h2, section#left h2, section#bio_left h2, section#contact_left h2, aside#contact_right h2 {
font-family: Milonga,"Times New Roman",Times,serif;
font-size: 1.1em;
}
p {
font-size: 0.9em;
letter-spacing: 0.05em;
}
}
/*
only screen and (min-width : 481px) and (max-width : 705px)
*/
@media only screen
and (min-device-width : 481px) and (max-device-width : 705px),
{
header#iPhone_header {
display:none;
}
aside#iPhone {
display:none;
}
article {
}
nav#top_menu {
font-size: 1em;
letter-spacing: 1px;
padding: 0px 0.5em;
margin-top: -1px;
position:relative;
left:29px;
}
header section#s_right {
font-size: 1em;
float: right;
margin: -100px 6% 20px 0px;
width: auto;
letter-spacing: 0.12em;
}
nav#top_menu ul li a:hover {
padding: 2px 9px 2px;
}
nav#top_menu ul li a#m_active {
padding: 2px 9px 2px;
}
nav#top_menu ul li a#m_active:hover {
padding: 3px 9px 2px;
}
header section p#guru {
font-size: 1.1em;
font-weight: bold;
}
header section p#jnana {
font-size: 0.9em;
line-height: 1.5em;
}
aside#studio_right h2, section#left h2, section#bio_left h2, section#contact_left h2, aside#contact_right h2 {
font-family: Milonga,"Times New Roman",Times,serif;
font-size: 1.1em;
}
p {
font-size: 0.9em;
letter-spacing: 0.05em;
}
}
/*
only screen and (min-width : 320px) and (max-width:480px),
, only screen and (max-width:319px)
*/
@media
only screen and (min-width : 320px) and (max-width:705px),
only screen and (max-width:319px)
{
body {
width:100%;
}
div#container {
background: none repeat scroll 0% 0% #fff;
position: relative;
}
img {
max-width: 100%;
height: auto;
}
header {
height: auto;
width: 100%;
box-shadow: 1px 1px 5px #999;
box-shadow: none;
margin:0 auto;
}
header section {
width: 100%;
margin-left: 0px;
margin:0 auto;
}
header section h1 {
float: left;
background:url(../images/Lotus6p3turn.png) no-repeat scroll center center transparent;
width: 152px;
height: 60px;
margin-top: 21px;
width:100%;
}
header section p#jnana {
font-size: 1.5em;
line-height: 1.7em;
width:100%;
}
header section p#guru {
font-size: 2.1em;
font-weight: bold;
color:#916226;
width:100%;
}
header section#s_right {
display:none;
}
section#studio_title {
display:block;
margin:7px 50px;
width:auto;
font-size:1.5em;
text-align:center;
letter-spacing:2px;
}
nav#top_menu {
color: #373737;
font-size: 1.5em;
font-family: "Ubuntu",Verdana,Geneva,sans-serif;
text-transform: lowercase;
letter-spacing: 2px;
position: relative;
margin:0px;
padding:0;
left:0px;
}
nav#top_menu ul li{
background: #f2f2f2;
text-align: center;
border-bottom:1px solid #333;
display: block;
width: 80%;
margin:0 10%;
padding: 0px;
}
nav#top_menu ul li:first-of-type{
display:none;
}
nav#top_menu ul li a {
text-decoration: none;
border-left: none;
border-right: none;
color: #676767;
display: block;
width: 80%;
padding:20px 10%;
}
nav#top_menu ul li a:hover {
border-left:none;
border-right:none;
background:#999;
background: #916226;
color:#fff;
display: block;
width: 80%;
padding:20px 10%;
}
nav#top_menu ul li a#m_active {
font-weight: normal;
border:none;
border-left: none;
border-right: none;
border-top: none;
border-bottom: none;
color: white;
background: #916226;
display: block;
width: 80%;
padding:20px 10%;
}
nav#top_menu ul li a#m_active:hover {
font-weight:normal;
border-left:none;
border-right:none;
background:none;
background:#676767;
background: #916226;
color: #fff;
display: block;
width: 80%;
padding:20px 10%;
}
article {
box-shadow:none;
background:none;
}
article section#bio_left {
width: auto;
margin: 39px 10% -10000px 10%;
padding-bottom: 10000px;
max-width: 80%;
position: relative;
}
section#bio_left h2 {
font-family: Milonga,"Times New Roman",Times,serif;
letter-spacing: 1px;
text-align: left;
margin-top: 0px;
margin-bottom: 1em;
clear: both;
color: #373737;
font-weight: bold;
font-size: 1.7em;
}
section#bio_left p {
margin-bottom:0.9em;
font-size: 1.2em;
}
aside#bio_right {
float: right;
width: 100%;
margin: 0px 0px -10000px;
padding: 20px 0px 10000px;
overflow: hidden;
position: relative;
}
aside#bio_right p#photo {
left:63%;
top:10px;
}
nav#bio_services {
width: 100%;
height: auto;
position: relative;
top: -75px;
background: none repeat scroll 0% 0% rgba(242, 242, 242, 0.7);
box-shadow: 1px 1px 2px #999;
color: #916225;
padding: 15px 10%;
left:0px;
display:none;
}
section#left h2 {
font-family: Milonga,"Times New Roman",Times,serif;
font-size: 1.7em;
letter-spacing: 1px;
text-align: left;
margin-top: 0px;
line-height: 3em;
clear: both;
color: #916226;
font-weight: bold;
}
section#left p {
font-size: 1.2em;
margin-bottom:0.9em;
}
h4 {
color: #666;
font-size: 1em;
padding: 3px 16px;
margin-top: 10px;
position: relative;
bottom: 0px;
text-decoration: line-through;
letter-spacing: 1px;
width: 100%;
border: medium none;
left: 39px;
}
aside#studio_right, article section#acknow_left {
width: auto;
margin: 0px 10% -10000px;
padding-bottom: 10000px;
max-width: 80%;
position: relative;
}
aside#studio_right {
padding: 50px 20px 10000px 0px;}
aside#studio_right h2 {
font-family: Milonga,"Times New Roman",Times,serif;
font-size: 1.7em;
letter-spacing: 1px;
text-align: left;
margin-top: 0px;
clear: both;
color: #373737;
font-weight: bold;
/*margin-top: 39px;
*/margin-bottom: 1em;
}
aside#studio_right p {
font-size: 1.2em;
margin-bottom:0.9em;
}
section#studio_left {
display:none;}
article section#contact_left {
width: 100%;
min-height: 450px;
margin: 39px 0px -10000px 50px;
padding-bottom: 10000px;
position: relative;
float: left;
min-width: 150px;
max-width: 350px;
}
article section#contact_left {
width: auto;
margin: 39px 10% -10000px;
padding-bottom: 10000px;
max-width: 80%;
position: relative;
}
section#contact_left h2 {
font-family: Milonga,"Times New Roman",Times,serif;
font-size: 1.7em;
letter-spacing: 1px;
text-align: left;
margin-top: 0px;
margin-bottom: 1em;
clear: both;
color: #373737;
font-weight: bold;
}
section#contact_left p {
margin-bottom: 0.9em;
font-size: 1.2em;
}
aside#contact_right {
width: auto;
margin: 39px 10% -10000px;
padding-bottom: 10000px;
max-width: 80%;
position: relative;
float:left;
height:auto;
min-height:330px;
}
aside#contact_right iframe {
display:none;
}
aside#contact_right h2#contact_link { display:none;}
aside#contact_right h2#iPhone_contact_link {
display:block;
top:-60px;
left:-20px;
}
aside#contact_right h2 {
font-family: "Milonga",serif;
font-size: 1.7em;
letter-spacing: 1px;
text-align: left;
clear: both;
color: #373737;
position: relative;
font-weight: bold;
top:0px;
left:-20px;
}
a.link {
font-size: 1.2em;
}
footer {
clear:both;
height:auto;
width:100%;
overflow:hidden;
background:#f2f2f2;
}
footer p {
color: #676767;
margin-left: 10%;
margin-top:0.5em;
font-size:1.5em;
letter-spacing:1px;
left:0;
}
footer#f_acknow {
clear: both;
height: auto;
box-shadow: none;
background:#f2f2f2;
}
section#acknow_left h2 {
display:none;
}
section#acknow_left p {
font-family: Milonga,serif;
font-size: 1.2em;
letter-spacing: 2px;
position: absolute;
left: 0px;
color: #916226;
top: 39px;
}
nav.services ul {
display:none;
}
article section#left {
width: 100%;
margin: 39px 10% -9900px;
padding-bottom: 10000px;
float: left;
max-width: 80%;
height: auto;
}
aside#right {
display:none;
}
aside#iPhone {
display:block;
font-family: "Ubuntu",Verdana,Geneva,sans-serif;
font-size: 0.8em;
color: #D41900;
text-align: center;
width: 100%;
display:none;
}
aside#iPhone p#sale {
font-size:3em;
color:#fff;
display:none;
}
h5 {
display:none;
}
span#break{
display:block;
}
header {
display:none;
}
header#iPhone_header {
display:block;
}
}
@media
only screen and (min-device-width : 320px) and (max-device-width : 480px),
only screen and (max-device-width : 319px)
{
body {
width:100%;
}
div#container {
background: none repeat scroll 0% 0% #fff;
position: relative;
}
img {
max-width: 100%;
height: auto;
}
header {
height: auto;
width: 100%;
box-shadow: 1px 1px 5px #999;
box-shadow: none;
margin:0 auto;
}
header section {
width: 100%;
margin-left: 0px;
margin:0 auto;
}
header section h1 {
float: left;
background:url(../images/Lotus_15_3turn.png) no-repeat scroll center center transparent;
width: 152px;
height: 90px;
margin-top: 21px;
width:100%;
}
header section p#jnana {
font-size: 3.5em;
line-height: 1.7em;
width:100%;
}
header section p#guru {
font-size: 4.5em;
font-weight: bold;
color:#916226;
width:100%;
}
header section#s_right {
display:none;
}
section#studio_title {
display:block;
margin:7px 50px;
width:auto;
font-size:2.1em;
text-align:center;
letter-spacing:2px;
}
nav#top_menu {
color: #373737;
font-size: 2.9em;
font-family: "Ubuntu",Verdana,Geneva,sans-serif;
text-transform: lowercase;
letter-spacing: 2px;
position: relative;
margin:0px;
padding:0;
left:0px;
}
nav#top_menu ul li{
background: #f2f2f2;
text-align: center;
border-bottom:1px solid #333;
display: block;
width: 80%;
margin:0 10%;
padding: 0px;
}
nav#top_menu ul li:first-of-type{
display:none;
}
nav#top_menu ul li a {
text-decoration: none;
border-left: none;
border-right: none;
color: #676767;
display: block;
width: 80%;
padding:20px 10%;
}
nav#top_menu ul li a:hover {
border-left:none;
border-right:none;
color:#fff;
display: block;
width: 80%;
padding:20px 10%;
}
nav#top_menu ul li a#m_active {
font-weight: normal;
border:none;
border-left: none;
border-right: none;
border-top: none;
border-bottom: none;
color: white;
background: #916226;
display: block;
width: 80%;
padding:20px 10%;
}
nav#top_menu ul li a#m_active:hover {
font-weight:normal;
border-left:none;
border-right:none;
background:none;
background:#676767;
color: #fff;
display: block;
width: 80%;
padding:20px 10%;
}
article {
box-shadow:none;
background:none;
}
article section#bio_left {
width: auto;
margin: 39px 10% -10000px 10%;
padding-bottom: 10000px;
max-width: 80%;
position: relative;
}
section#bio_left h2 {
font-family: Milonga,"Times New Roman",Times,serif;
letter-spacing: 1px;
text-align: left;
margin-top: 0px;
margin-bottom: 1em;
clear: both;
color: #373737;
font-weight: bold;
font-size: 3.2em;
}
section#bio_left p {
margin-bottom: 2.1em;
font-size: 2em;
}
aside#bio_right {
float: right;
width: 100%;
margin: 0px 0px -10000px;
padding: 20px 0px 10000px;
overflow: hidden;
position: relative;
}
aside#bio_right p#photo {
left:63%;
top:10px;
}
nav#bio_services {
width: 100%;
height: auto;
position: relative;
top: -75px;
background: none repeat scroll 0% 0% rgba(242, 242, 242, 0.7);
box-shadow: 1px 1px 2px #999;
color: #916225;
padding: 15px 10%;
left:0px;
display:none;
}
section#left h2 {
font-family: Milonga,"Times New Roman",Times,serif;
font-size: 3.2em;
letter-spacing: 1px;
text-align: left;
margin-top: 0px;
line-height: 3em;
clear: both;
color: #373737;
font-weight: bold;
}
section#left p {
margin-bottom: 2.1em;
font-size: 2em;
}
h4 {
color: #666;
font-size: 2em;
padding: 3px 16px;
margin-top: 10px;
position: relative;
bottom: 0px;
text-decoration: line-through;
letter-spacing: 1px;
width: 100%;
border: medium none;
left: 39px;
}
aside#studio_right, article section#acknow_left {
width: auto;
margin: 39px 10% -10000px;
padding-bottom: 10000px;
max-width: 80%;
position: relative;
}
aside#studio_right h2 {
font-family: Milonga,"Times New Roman",Times,serif;
font-size: 3.2em;
letter-spacing: 1px;
text-align: left;
margin-top: 0px;
clear: both;
color: #373737;
font-weight: bold;
margin-top: 39px;
margin-bottom: 1em;
}
aside#studio_right p {
margin-bottom: 2.1em;
font-size: 2em;
}
section#studio_left {
display:none;}
article section#contact_left {
width: 100%;
min-height: 450px;
margin: 39px 0px -10000px 50px;
padding-bottom: 10000px;
position: relative;
float: left;
min-width: 150px;
max-width: 350px;
}
article section#contact_left {
width: auto;
margin: 39px 10% -10000px;
padding-bottom: 10000px;
max-width: 80%;
position: relative;
}
section#contact_left h2 {
font-family: Milonga,"Times New Roman",Times,serif;
font-size: 3.2em;
letter-spacing: 1px;
text-align: left;
margin-top: 0px;
margin-bottom: 1em;
clear: both;
color: #373737;
font-weight: bold;
}
section#contact_left p {
margin-bottom: 2.1em;
font-size: 2em;
}
aside#contact_right {
width: auto;
margin: 39px 10% -10000px;
padding-bottom: 10000px;
max-width: 80%;
position: relative;
float:left;
height:auto;
min-height:330px;
}
aside#contact_right iframe {
display:none;
}
aside#contact_right h2#contact_link { display:none;}
aside#contact_right h2#iPhone_contact_link {
display:block;
top:-100px
}
aside#contact_right h2 {
font-family: "Milonga",serif;
font-size: 3.2em;
letter-spacing: 1px;
text-align: left;
clear: both;
color: #373737;
position: relative;
font-weight: bold;
top:-30px;
}
a.link {
font-size: 1.2em;
}
footer {
clear:both;
height:auto;
width:100%;
overflow:hidden;
background:#f2f2f2;
}
footer p {
color: #676767;
margin-left: 10%;
margin-top:0.5em;
font-size:3em;
letter-spacing:1px;
left:0;
}
footer#f_acknow {
clear: both;
height: auto;
box-shadow: none;
background:#f2f2f2;
}
section#acknow_left h2 {
display:none;
}
section#acknow_left p {
font-family: Milonga,serif;
font-size: 3em;
letter-spacing: 2px;
position: absolute;
left: 0px;
color: #916226;
top: 39px;
}
nav.services ul {
display:none;
}
article section#left {
width: 100%;
margin: 39px 10% -9900px;
padding-bottom: 10000px;
float: left;
max-width: 80%;
height: auto;
}
aside#right {
display:none;
}
aside#iPhone {
display:block;
font-family: "Ubuntu",Verdana,Geneva,sans-serif;
font-size: 1.5em;
color: #D41900;
text-align: center;
width: 100%;
}
aside#iPhone p#sale {
font-size:3.9em;
}
h5 {
display:none;}
span#break{
display:block;
}
header {
display:none;
}
header#iPhone_header {
display:block;
}
}