@import 'font-face.css';

*{margin:0;padding:0;}
img{border:0;}
html,body{width:100%;height:100%;font-size:100.1%;text-align:justify;background:#dedede url(../img/bg-body.gif) top left repeat-x fixed;color:#666;}
.warning{font:100.01%/1.25em monospace;color:#c00;background:#000;padding:.5em;}
#entree{width:350px;height:600px;margin:0 auto;}
#entree p{font-size:1.25em;font-family:Fontin,'times new roman',times,serif;letter-spacing:.3em;padding-top:20px;}
#menu,#performances,#works,#films{width:62%;margin:0 auto;border:1px dotted #999;padding:13px;background:#fff;}
#menu img,#performances img,#works img,#films img{width:100%;border:0;}
#menu p,#performances p,#works p,#films p{font-size:1.25em;font-family:Fontin,'times new roman',times,serif;letter-spacing:.1em;padding-top:20px;text-align:justify;height:1.3em;overflow:hidden;}
#entree a,#menu a,#performances a,#works a,#films a,.mobi a{color:#eb811b;text-decoration:none;}
#entree a:hover,#menu a:hover,#performances a:hover,#works a:hover,#films a:hover,.mobi a:hover{color:#666;}

table{border:none;width:100%;height:100%;table-layout:fixed;position:absolute;top:0;left:0;}
#butmen{width:2.3em !important;height:1.3em !important;float:right;margin-left:.5em;margin-top:-.1em;border:0;}
#butmenleft{width:2.3em !important;height:1.3em !important;float:left;margin-right:.5em;margin-top:-.1em;border:0;}
.favi{width:16px!important;height:16px!important;border:0;margin:0 2px -3px 0;}

#news,#texts,#nootheater,#dvd,#cd,#nootheater{display:none;width:100%;height:100%;position:absolute;top:0;left:0;margin:0 auto 10px;cursor:hand;cursor:pointer;}

#news,#texts,#nootheater{background:#efefef url(../img/button-menu-bottom.png) bottom center no-repeat;}
#dvd{background:#efefef url(../img/button-films-bottom.png) bottom center no-repeat;}
#cd{background:#efefef url(../img/button-works-bottom.png) bottom center no-repeat;}
#nootheater{#efefef background:url(../img/button-nootheater-bottom.png) bottom center no-repeat;}

.details{letter-spacing:-.05em;}

/*audio{max-width:10em;max-height:1em;}*/
.audiobtn{width:16px!important;height:16px!important;margin:0 6px -2px 0;border:0;}

.mobi{font:100.01%/1.25em 'Lato',sans-serif;width:82%;max-width:28em;text-align:left;margin:0 auto;padding:1.5em 2.5em .5em;background:rgba(255,255,255,1);color:rgba(0,0,0,.9);}
.mobi p,.mobi h2,.mobi h3,.mobi h4,.mobi iframe{margin-bottom:1.25em;}
.mobi h2{border-top:1px solid rgba(0,0,0,.25);padding-top:1.5em;}
.mobi .button{float:right;/*margin:0 15px 0 
-69px;*/background:rgba(255,255,255,1);padding:3px;border:1px solid 
rgba(0,0,0,.15);box-shadow:0 0 .25em rgba(0,0,0,.25);}
.mobi:first-child h2{border-top:none;}
.mobi ul{list-style:none;}
.mobi ul,.mobi ol{line-height:1.5em;margin-bottom:1.25em;}
/*.mobi audio{max-width:none!important;max-height:none!important;}*/
.mobi hr{width:100%;height:1px;border:0;background:rgba(0,0,0,.1);margin:2em auto 1em}
.exref:after{content:'↗';color:rgba(0,25,51,.5);position:relative;margin-left:.25em;font-size:75%;top:-.25em;line-height:0;}

em{font:inherit;font-style:italic;}
strong{font:inherit;font-weight:bold;}

@media only screen and (orientation:portrait){#menu p{font-size:1em;}.favi{width:8px!important;height:8px!important;vertical-align:middle;margin:0 2px 0 0;}}