/*JAYA GURU SANKARA*/
/*LAYOUT STYLESHEET FOR www.ATributeToSankaradeva.org*/
/*Edit this stylesheet for any change required in page layout, for instance, to change margin values, width and height of divs and other block-level elements*/

figure, nav, main, section, header, footer, figcaption{
display: block;
}

header{
margin-top:1%;
margin-bottom:1%;
margin-left:2%;
margin-right:2%;
}

div#notification{
margin-top:1%;
width:100%;
}

nav#nav_bar{
/*float:left;*/
margin-top:0%;
margin-bottom:0%;
/*position:fixed;*/
}

nav#nav_bar ul{
margin:0px;
padding:0px;
}

h6#watermark{
float:right;
margin-top:0%;
margin-bottom:0%;
}

/*this is the layout defn for the menu-layer*/
nav#menu_layer{
width:14.8%;/*
position:fixed;
top:12%;
right:2%;*/
overflow:hidden;
}

nav#menu_layer ul li{
margin-left:0px;
margin-bottom:2px;
}

main
{
margin-top:1%;
margin-bottom:1%;
margin-left:2%;
margin-right:2%;
min-height:204px;
}

img#manikuta{
width:14%;
float:right;
}

figure{
margin-left:4%;
margin-right:4%;
}

nav#toc{
float:right;
}

nav#toc h6{
margin-left:5%;
margin-right:5%;
}

nav#toc ul{
margin:0px;
}

p.quotation{
margin:2%;
}

p.attribution{
margin-top:0%;
}

img{
max-width:100%;
}

img.para, p img{/*try specifying width in % for fluid images in source HTML*/
float:right;
}

img.fig, fig img{
/*height:120px;*/
}

a#next_anchor{
}

img.footer{
width:24px;
float:right;
}

footer{
margin:1% 2%;
}

footer#footer p, footer#footer h6{
margin:0% 2%;
}

blockquote {
margin-left:4%;
margin-right:4%;
}

hr.separator{
width:12px;
}

hr.clearer{
clear:both;
}

/*this is the style for  all (long) passages meant to be centred*/
p.center_passage,p.translated{
margin-left:20%;
margin-right:20%;
}

section#related{
}

div.see-also{
width:36%;
margin:0px 12px 0px;
box-sizing:border-box;
moz-box-sizing: border-box;
float:left;
}

iframe.youtube-player{

}
/*MEDIA QUERIES*/
/*size of mobile screen-> 800 x 480 (biggest); dominant overall screen size-> 240 x 320;176, 204, 240, 320, 360, 480, 540, 640, 800; the last two sizes show increasing trend */
/*this would prevent image-squishing at very low screen widths; will not work in IE8 and below*/
@media all and (max-width:360px){/*236px*/ 
blockquote,p.center_passage,p.translated{
margin-left:1%;
margin-right:1%;
}
ul li ul{padding-left:12px;margin-left:12px;}
}

@media all and (max-width:520px){
iframe.youtube-player{display:none;}
}