* { font-size: 100%; }
html, body { margin: 0; padding: 0; height: 100%; }
body { background-color: #ffffff; color: #606060; font-size: 9pt; font-family: Verdana, Arial, sans-serif; //font-family: Tahoma, Verdana, Arial, snas-serif; min-width: 950px; //width: expression(document.body.clientWidth < 952? "950px" : "auto"); }
h1 { font-size: 170%; font-weight: normal; margin: -0.5em 0 0.5em 0; color: #ff3333; line-height: 1.5em; }
h2 { font-size: 120%; font-weight: normal; margin: 0 0 0.5em 0; color: #ff3333; line-height: 1.5em; }
h3 { font-size: 100%; font-weight: normal; margin: 0; color: #ff3333; line-height: 1.5em; }
ul { margin: 0.5em 0.5em 0 0.5em; padding: 0 0 0 1em; }
li { margin-bottom: 0.3em; }
a { color: #606060; }
a:hover { color: #ff3333; }
.red { color: #ff3333; }
small { font-size: 80% ! important; }
img.ileft, img.i { float: left; margin: 0 1em 1em 0; border: 0; }
img.iright { float: right; margin: 0 0 1em 1em; border: 0; }
form { margin: 0; padding: 0; }
.small { font-size: 80% ! important; }
.small-bold { font-size: 80% ! important; font-weight: bold; }
.small-marked { font-size: 80% ! important; color: #ff3333; }
.smallest { font-size: 70% ! important; }
.title { font-size: 120% ! important; }
.list-title { font-size: 100% ! important; }
.em { font-style: italic; }
.em-bold { font-style: italic; font-weight: bold; }
.normal { font-weight: normal ! important; }
#header { margin: 0; padding: 0; height: 229px; position: relative; overflow: hidden; }
#rcurt { margin: 0; padding: 0; height: 229px; background-image: url('/i/curtain-left.jpg'); padding-left: 50%; }
#fasad { margin: 0; padding: 0; height: 229px; padding-left: 530px; margin-left: -186px; background-position: -25% 100%; background-image: url('/i/fasad.png'); background-repeat: no-repeat; }
#lcurt { margin: 0; padding: 0; height: 229px; margin-left: 150px;/*217px;*/ background-image: url('/i/curtain-right.jpg'); position: relative; }
#lcurt img { margin-left: -217px; background-image: url('/i/curtain-right.png'); //background-image: none ! important; //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/curtain-right.png', sizingMethod='crop'); }
#ermitazh { position: absolute; left: 0; bottom: 5px; width: 50%; text-align: center; }
#ermitazh img { background-image: url('/i/ermitazh.png'); margin-right: 186px; //background-image: none ! important; //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/ermitazh.png', sizingMethod='crop'); }
#season { position: absolute; left: 0; top: 18px; width: 50%; text-align: center; }
#season img { background-image: url('/i/season.png'); margin-right: 186px; //background-image: none ! important; //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/season.png', sizingMethod='crop'); }
#menu { margin: 0; padding: 0; font-size: 80%; position: relative; overflow: hidden; }
#menu table { margin: 0 auto; }
#menu td { min-width: 84px; //width: 84px; white-space: nowrap; height: 18px; text-align: center; padding: 0 5px; }
#menu .active { color: #000000; background-image: url('/i/menu.gif'); background-position: top center; background-repeat: repeat-y; white-space: nowrap; }
#menu a { color: #000000; text-decoration: none; white-space: nowrap; }
#menu a:hover { color: #ff0000; xtext-decoration: underline; }
#menu span { white-space: nowrap; }
#menu-1 { margin-top: 1px; background-color: #ffff66; //text-align: center; }
#menu-2 { margin-top: 1px; background-color: #ffffaa; //text-align: center; }
#menu-3 { margin-top: 1px; background-color: #ffffcc; //text-align: center; }
#add-menu { width: 140px; position: absolute; bottom: 7px; left: -167px; }
#add-menu div { background-color: #DB3E2B; z-index: 100; text-align: center; padding: 3px 0; font-size: 80%; margin-top: 2px; }
#add-menu div.bb { background-color: #FF3E2B; }
#add-menu a { text-decoration: none; color: #ffffff; }
#add-menu a:hover { color: #ffff66; }
#add-menu div.bb a { text-decoration: none; color: #eeee66; }
#add-menu div.bb a:hover { color: #ffff66; }
#socnet { position: absolute; width: 140px; top: 7px; height: 20px; left: -167px; text-align: center; }
#socnet img { margin: 0 2px 0 0; background: none; }
.wb-place { position: relative; height: 73px; margin: 20px 0 50px 0; text-align: center; overflow: hidden; }
.wb-place .wb-tickets { z-index: 100; }
.wb-place .wb-tickets.fixed { position: fixed; top: 10px; }
.wb-place .tickets-bigbilet { float: left; width: 210px; padding-top: 12px; margin-left: 1%; }
.wb-place .tickets-bigbilet.fixed { left: 0; }
.wb-place .tickets-ticketland { float: right; width: 160px; padding-top: 5px; margin-right: 1%; text-align: right; }
.wb-place .tickets-ticketland.fixed { right: 0; }
.wb-place-main { width: 100%; height: 73px; margin: 70px 0 20px 0; text-align: center; }
#content { padding-left: 10%; margin-top: 2em; position: relative; }
#portret { margin-right: 50px; margin-bottom: 60px; float: left; height: 331px; }
#content-menu { position: absolute; left: 3em; top: 0; }
#content-menu ul { padding: 0; }
#content-menu li { list-style-type: none; margin-bottom: 0.7em; }
.person-rank { font-size: 80%; font-style: italic; }
.info { width: 75%; line-height: 1.5em; margin-bottom: 1em; }
#footer { padding: 4em 0 2em 0; margin: 0; position: relative; height: auto; clear: both; }
#footer div { font-size: 80%; padding: 3px 0 3px 10%; }
#footer span { margin-left: 200px; }
#footer-1 { margin-top: 1px; background-color: #ffff66; }
#footer-2 { margin-top: 1px; background-color: #ffffaa; }
#footer-3 { margin-top: 1px; background-color: #ffffcc; }
#footer-icons { position: absolute; padding: 0 !important; right: 0; top: 23px; margin-top: 4em; }
#footer-icons img { margin-right: 20px; vertical-align: top; }
.birthdays-block { position: absolute; right: 0; width: 150px; text-align: center; }
.birthdays-title { padding: 5px 0; color: #000000; background-image: url('/i/menu.gif'); background-position: top center; background-repeat: repeat-y; white-space: nowrap; }
.birthdays-item { padding: 0.5em 0; }
.birthdays-date { color: #ff3333; }
#news-container { position: relative; float: left; width: 70%; padding: 0 10px 0 100px; margin: 0; margin-top: 0.5em; xmin-width: 500px; }
.news-item { padding: 5px 10px 0.5em 250px; margin: 0; margin-top: 0.5em; min-width: 400px; border-top: 2px solid #ff0000; line-height: 1.5em; clear: both; }
.news-item-cal { padding: 0 10px 0.5em 250px; margin: 0; margin-top: 0.5em; border-top: 2px solid #ff0000; line-height: 1.5em; clear: both; }
.news-title { color: #ff0000; }
.news-image { float: left; margin: 0.5em 5px 0.5em -250px; padding: 0; clear: left; //margin-left: -125px; //width: 240px; }
/* #news-calendar { position: absolute; line-height: 1.5em; } */
#news-calendar { float: left; line-height: 1.5em; width: 100px; clear: left; position: relative; }
.news-year { color: #ff0000; font-size: 140%; line-height: 1.5em; }
.news-year a { color: #ff0000; }
.news-month { line-height: 1.5em; padding-left: 10px; position: relative; }
#announce-container { position: relative; float: left; width: 70%; padding: 0 10px 0 100px; margin: 0 0 3em 0; margin-top: 0.5em; xmin-width: 500px; }
.announce-item { padding: 5px 10px 0.5em 10px; margin: 0; margin-top: 0.5em; min-width: 500px; line-height: 1.5em; clear: both; }
.announce-item:first-child { border-top: 2px solid #ff0000; }
.announce-title { color: #ff0000; }
#performance-container { position: relative; float: left; padding: 0 100px 0.5em 450px; margin: 0; //width: 50%; overflow: visible; }
#performance-list { float: left; line-height: 1.5em; font-size: 80% ! important; width: 200px; margin-left: -450px; //margin-left: -225px; }
#performance-list * { font-size: inherit; }
.performance-item { margin-bottom: 0.5em; }
.roles { position: relative; overflow: hidden; }
.role-group-title { font-size: 120%; color: #ff3333; margin: 1em 0 0.5em 0; clear: left; }
.one-role { position: relative; margin-left: 1em; padding-left: 200px ! important; // margin-left: 216px; line-height: 1.2em; clear: left; margin-bottom: 0.5em; }
.one-role-short { position: relative; margin-left: 1em; line-height: 1.5em; xclear: left; }
.role-title { float: left; width: 200px; margin-left: -200px; xclear: left; margin-bottom: 0.5em; }
#performance-container h1 { position: relative; width: 75%; ; }
#performance-container h1 b { display: block; float: right; color: #999; font-size: 80%; margin-top: -0.55em; margin-right: -2em; font-weight: normal; }
#item-gallery { z-index: 1000; }
#item-photo { float: left; margin-left: -250px; width: 250px; //margin-left: -125px; }
#item-photo .rbox { position: relative; overflow: hidden; }
#rnd-cprght { position: absolute; right: 30px; bottom: 15%; color: #ffffff; font-size: 80%; }
#item-audio-list { margin-top: 1.5em; }
.item-audio-item { margin-left: 1em; margin-bottom: 0.5em; }
#static-container .item-audio-item { margin-bottom: 2em; }
.item-audio-player { width:400px;height:20px; }
#item-video-list { margin-top: 1.5em; }
.item-video-item { margin-left: 1em; margin-bottom: 0.5em; }
#static-container .item-video-item { margin-bottom: 3em; }
.item-video-player { }
.soon { margin-top: 1em; line-height: 1.5em; }
.one-soon { margin-left: 1em; }
#person-container { position: relative; float: left; padding: 0 100px 0.5em 450px; margin: 0; xmin-width: 500px; //width: 50%; }
#person-list-container { position: relative; float: left; padding: 0 100px 0.5em 200px; margin: 0; xmin-width: 500px; }
#person-list { float: left; line-height: 1.5em; font-size: 80% ! important; width: 200px; margin-left: -450px; }
#person-list * { font-size: inherit; }
.person-item { margin-bottom: 0.5em; }
.person-pp span { border: 1px solid #333333; padding: 1px; margin: -1px; }
.list-group-title { color: #ff0000; font-size: 120% ! important; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 2em; width: 95%; }
.list-group-title:first-child { margin-top: 0; }
#person-performance-list {}
.person-performance-item { margin-left: 1em; margin-bottom: 0.5em; }
#press-container { position: relative; float: left; padding: 0 100px 0.5em 200px; margin: 0; }
#press-container #performance-list { margin-left: -200px ! important; }
#press-container #person-list { margin-left: -200px ! important; }
#item-press { margin-left: 1em; }
.press-list-item { margin-bottom: 0.5em; }
#years-list { float: left; line-height: 1.5em; font-size: 80% ! important; width: 200px; margin-left: -200px; }
.years-item { margin-bottom: 0.5em; }
#special-list { margin-left: 45px; margin-bottom: 3em; line-height: 1.5em; font-size: 80% ! important; }
#special-list * { font-size: inherit; }
.special-item { margin-bottom: 0.5em; }
#static-container { position: relative; float: left; padding: 0 100px 0.5em 200px; margin: 0; //width: 70%; clear: both; }
#forum-container { position: relative; float: left; padding: 0 100px 0.5em 200px; margin: 0; width: 70%; }
#forum-links { position: relative; margin-bottom: 1em; padding-bottom: 1em; font-size: 80%; border-bottom: 2px solid #ff3333; width: 100%; }
#forum-links * { font-size: inherit; }
/* #login-form { width: 90%; } */
.forum li { margin-bottom: 1.5em; }
.reply-message li { margin-bottom: 0.5em ! important; }
.hidden, .hidden * { font-style: italic; color: #bbbbbb; }
.forum .active { color: #ff3333; }
#current-message { margin-bottom: 1em; }
.message-author, .message-body { margin-bottom: 1em; line-height: 1.5em; }
.message-body { margin-left: 2em; }
.reg-error { font-style: italic; color: #ff3333; padding-bottom: 1em; }
#reply-links { margin-bottom: 1em; }
#reply-form label { display: block; margin-bottom: 0.5em; font-style: italic; }
#reply-form input, #reply-form textarea { display: block; margin-bottom: 1em; }
.sm-image { position: relative; margin-left: -45px; margin-right: 3px; }
.v-date { color: #000000; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); white-space: nowrap; display: block; width: 18px; height: 18px; }
* html .v-date { position: absolute; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); top: 5px; }
.v-date { position: absolute\0/; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\0/; width: 150px\0/; height: 150px\0/; bottom: 5px\0/; }