/* =Layout HTML
--------------------------------------------------------------------------------*/
.page{
    width: 100%;
    min-width: 995px;
    max-width: 1400px;
    text-align:left;
    margin-bottom:0;
    height:auto !important;
    margin:0 auto;
    min-height:100%;
    padding-bottom:0;
    width: expression(document.body.clientWidth < 995 ? "995px" : (document.body.clientWidth > 1400 ? "1400px" : "auto"));
}

body#main{
     background:url("/design/images/main.jpg") top center no-repeat;
}
#main .page{
     background:url("/design/images/bmain.jpg") bottom center no-repeat;
}
body#raduga{
     background:url("/design/images/main.jpg") top center no-repeat;
}
#raduga .content{
    min-height:700px;
}
#raduga .page{
     background:url("/design/images/bmain.jpg") bottom center no-repeat;
}
body#violet{
     background:url("/design/images/violet.jpg") top center no-repeat;
}
#violet .page{
     background:url("/design/images/bviolet.jpg") bottom center no-repeat;
}
body#blue{
     background:url("/design/images/blue.jpg") top center no-repeat;
}
#blue .page{
     background:url("/design/images/bblue.jpg") bottom center no-repeat;
}
body#aqua{
     background:url("/design/images/aqua.jpg") top center no-repeat;
}
#aqua .page{
     background:url("/design/images/baqua.jpg") bottom center no-repeat;
}
body#green{
     background:url("/design/images/green.jpg") top center no-repeat;
}
#green .page{
     background:url("/design/images/bgreen.jpg") bottom center no-repeat;
}
body#yellow{
     background:url("/design/images/yellow.jpg") top center no-repeat;
}
#yellow .page{
     background:url("/design/images/byellow.jpg") bottom center no-repeat;
}
body#orange{
     background:url("/design/images/orange.jpg") top center no-repeat;
}
#orange .page{
     background:url("/design/images/borange.jpg") bottom center no-repeat;
}
body#red{
     background:url("/design/images/red.jpg") top center no-repeat;
}
#red .page{
     background:url("/design/images/bred.jpg") bottom center no-repeat;
}


/* Main styles
------------------------------ */
.container_12{
    position:relative;
}

html { height: 100%; color: #fff; background:#000000; font: 0.9em Arial, Helvetica, sans-serif; }
body { height: auto !important; height: 100%; min-height: 100%; } /* body height 100% */
html, body {
  margin:0;
  padding:0;
  width:100%;
}
.body{
  position: relative;
  min-height: 100%;
}
* html .body {
  height: 100%;
}
.out a{color: #DA11D6}
a { color:white; }
a:visited {  }
a:hover {  }
a:active {  }

.content h1, .content h2, .content h3, .content h4 { font: 1.7em Arial, Helvetica, sans-serif; margin-bottom: .5em; }
.content h2 { font-size: 1.5em; }
.content h3 { font-size: 1.3em; font-weight: bold; }
.content h4 { font-size: 1.1em; font-weight: bold; }

blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
code, pre { font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }
strong {  }
em {  }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

/* Images
------------------------------ */

.content img.null-image { padding: 0!important; border: none!important; margin: 0!important; }
img.f-left { margin-right: 2em;  float:left; }
img.f-right { margin-left: 1em; }

/* Header
------------------------------ */

.logo{
    width:233px;
    height:108px;
    background:url("/design/images/logo.png") top left no-repeat;
}
.topmenu .lang{
    height:23px;
    width:120px;
    float:left;
    display:inline;
    background:url("/design/images/pixel.png") top right repeat-y;
}
.topmenu .l{
    float:left;
    display:inline;
    padding-top:6px;
    margin-right:3px;
}
.topmenu .lang a{
    padding:5px;
    padding-bottom:4px;
}
.topmenu .lang a.active{
     background:url("/design/images/pixel.png") repeat;
}
.topmenu .nav{
    float:left;
    display:inline;
    margin-left:10px;
    background: transparent url(/design/images/pixel.png) repeat-y scroll right top;
}
.topmenu .nav .l{
    margin-right:9px;
}
.zone{
    position:absolute;
    top:0;
    padding:10px;
    height:15px;
    width:90px;
    right:3%;
    text-align:center;
    background:url("/design/images/myzone.png") top left repeat-x;
    padding-top:7px;
}
.mainmenu{
    margin-top:40px;
}
.mainmenu .l{
    float:left;
    display:inline;
    margin-right:3%;
    font-size:1.1em;
}
.mainmenu .l.active{
    background:url("/design/images/menuline.png") bottom center no-repeat;
    padding-bottom:8px;
}
.mainmenu .l.active a{
    text-decoration:none;
}
#main .mainmenu .l.active {
    background:url("/design/images/menuline-main.png") bottom center no-repeat;
}
.smenu {
    margin-top:25px;
    margin-bottom:30px;
}
.smenu .l{
    width:15%;
    text-align:center;
    float:left;
    display:inline;
    font-size:1.1em;
    height:26px;
}
.smenu .l p{
    padding-top:4px;
}
.smenu .l.small{
    width:10%;
}
.smenu .l.big{
    width:20%;
}
.smenu .l.violet{
    background:#ab5ca7 url("/design/images/fiolet.png") top right no-repeat;
}
.smenu .l.blue{
    background:#2a77b4 url("/design/images/blue.png") top right no-repeat;
}
.smenu .l.aqua{
    background:purple url("/design/images/aqua.png") top right no-repeat;
}
.smenu .l.green{
    background:purple url("/design/images/green.png") top right no-repeat;
}
.smenu .l.yellow{
    background:purple url("/design/images/yellow.png") top right no-repeat;
}
.smenu .l.orange{
    background:purple url("/design/images/orange.png") top right no-repeat;
}
.smenu .l.red{
    background:purple url("/design/images/red.png") top right no-repeat;
}

/* Left Column
------------------------------ */
.tmenu{
    padding-left:5%;
    padding-right:10%;
}
.tmenu ul.first{
    font-size:1.2em;
    margin-bottom:45px;
}
.tmenu ul.first li{
    margin-bottom:15px;
}
.tmenu ul.second li{
    margin-bottom:10px;
    font-size:0.9em;
}
.tmenu ul.second{
    padding-left:10%;
}

.tmenu ul.first li.active a{
    color:#a35902;
}
.tmenu ul.first a{
    color:#ff8a00;
}
.tmenu ul.first a:hover{
    color:#ffff00;
}

.tmenu ul.first li.active a{
    color:#a35902;
}
.tmenu ul.first a{
    color:#ff8a00;
}
.tmenu ul.first a:hover{
    color:#ffff00;
}

#violet .tmenu ul.first li.active a{
    color:#b00ead;
}
#violet .tmenu ul.first a{
    color:#da11d6;
}
#violet .tmenu ul.first a:hover{
    color:#ff22ff;
}

#blue .tmenu ul.first li.active a{
    color:#7ba2c7;
}
#blue .tmenu ul.first a{
    color:#62b3ff;
}
#blue .tmenu ul.first a:hover{
    color:#c4ffff;
}

#aqua .tmenu ul.first li.active a{
    color:#88aeb7;
}
#aqua .tmenu ul.first a{
    color:#80d7ec;
}
#aqua .tmenu ul.first a:hover{
    color:#9affff;
}

#green .tmenu ul.first li.active a{
    color:#0da46a;
}
#green .tmenu ul.first a{
    color:#17da8f;
}
#green .tmenu ul.first a:hover{
    color:#2effff;
}

#yellow .tmenu ul.first li.active a{
    color:#b2994d;
}
#yellow .tmenu ul.first a{
    color:#debf60;
}
#yellow .tmenu ul.first a:hover{
    color:#ffffce;
}

#orange .tmenu ul.first li.active a{
    color:#b76f1f;
}
#orange .tmenu ul.first a{
    color:#b76f1f;
}
#orange .tmenu ul.first a:hover{
    color:#ffff52;
}

#red .tmenu ul.first li.active a{
    color:#bc150b;
}
#red .tmenu ul.first a{
    color:#da180d;
}
#red .tmenu ul.first a:hover{
    color:#ff341c;
}
/* Content-Main
------------------------------ */
#main .hrefs,#main .friends{
    padding-top:40px;
}
#main .anons{
    position:relative;
}
#main .anons h1{
    font-size:2em;
    font-weight:normal;
    color:#999999;
    margin-bottom:0;
}
#main .anons .row{
   margin:0;
   margin-top:30px;
   padding:0
}
#main .anons .date div{
    float:left;
    display:inline;
    font-size:1.3em;
    line-height:0.8em;
    margin-right:10px;
}
#main .anons .date div.num{
    font-size:2.6em;
    color:#ff9900;
}
#main .anons .date{
    border-right:1px solid #3d3d3d;
    padding-top:20px;
    padding-bottom:20px;
    float:left;
    display:inline;
}
#main .anons .date div span{
    font-size:0.7em;
}
#main .anons .head{
    float:left;
    display:inline;
    font-size:0.9em;
    padding-top:20px;
    margin-left:15px;
    width:300px;
}
#main .anons .head a{
    color:#b369ae;
}
#main .anons .head .name{
    font-size:1.3em;
    margin-bottom:5px;
    margin-left:-10px;
    float: left;
}
#main .anons .place{
    text-decoration:underline;
}
#main .anons .info{
    float:left;
    display:inline;
    margin-left:10px;
}
#main .anons .rowimg .img{
    border:1px solid #3d3d3d;
    border-right:0;
    padding:3px;
    padding-right:0px;
    text-align:right;
    float:right;
    margin-left:64px;
    margin-right:-1px;
    background-color:black;
}
#main .anons .rowimg .date {
padding-bottom:15px;
padding-top:0px;
}
#main .anons .row.wimg .date {
padding-bottom:30px;
}
#main .anons .row.first .head a{
    color:#2d7ab4;
}
#main .anons .rowtext .date {
    margin-left:139px;
    padding-bottom:3em;
}
#main .row .date{
    width:143px;
}
#main .anons .rowtext .head a {
    color:#efb75a;
}
#main .main-right{
    font-size:0.9em;
}
#main .order{
    text-align:right;
    margin-left:-5%;
    position:relative;
    z-index:5;
}
#main .order.suffix_1 {
padding-right:3%;
}
#main .order h1{
    color:white;
    font-size:2em;
    font-weight:normal;
    margin-bottom:15px;
    position:relative;
    right:25px;
    text-align:right;
}
#main .order span{
    color:#ff9900;
    font-size:1.5em;
    line-height:1.5em;
}
#main .order p{
    color:#999999;
    margin-top:10px;
    line-height:1.2em;
    font-size:1.2em;
}
#main .mz{
     padding:10px;
}
#main .myzone{
     background:url("/design/images/my4k.png") top left no-repeat;
     height:205px;
     width:273px;
     float:right;
     margin-right:0;
}
#main .myzone h2{
    color:#fbd8b3;
    margin-bottom:12px;
    margin-top:0;
}
#main .myzone div.form{
    text-align:right;
    padding-right:10px;
    color:#ffffff;
    line-height:2.5em;
    margin-bottom:5px;
}
#main .myzone p a{
    color:#e58700;
    font-size:0.9em;
}
#main h2{
    color:#999999;
    font-size:2em;
    margin-bottom:15px;
    margin-top:10px;
    margin-left:1%;
    font-weight:normal;
}
#main .quote {
    background-color:white;
    padding:20px;
    padding-bottom:5px;
    margin-left:1%;
}
#main .quote .img{
    background:url("/design/images/qu-bg.png") top left no-repeat;
    width:123px;
    height:134px;
    padding:6px;
    padding-right:0;
    float:left;
    display:inline;
    margin-right:4px;
    position:relative;
}
#main .quote .qu{
    background:url("/design/images/qu.png") top left no-repeat;
    width:25px;
    height:16px;
    float:left;
    display:inline;
    margin-right:10px;
    position:relative;
}
#main .quote p{
    margin-bottom:10px;
    color:#333333;
    font-style:italic;
}
#main .quend{
    background:url("/design/images/quend.png") top left no-repeat;
    width:25px;
    height:16px;
    float:right;
    display:inline;
}

#main .news{
    margin-top:25px;
}
#main .news ul{
    margin:0;
    padding:0;
    padding-left:30px;
}
#main .news li{
    color:white;
    list-style:square;
    /*font-size:1.2em;*/
    margin-bottom:15px;
}
#main .news li span{
    /*font-size:0.9em;*/
    padding-left:5px;
}
#main .mainbody a{
    color:#ff8a00;
}
#main .poll{
    margin-left:1%;
}
#main .poll h2{
    margin-left:0;
    margin-bottom:12px;
    margin-top:35px;
}
#main .poll form{
    line-height:1.8em;
}
#main .poll form .sub{
    margin-top:20px;
}
#main .poll form .sub span{
    padding-left:10px;
}
/* Content
------------------------------ */
.content{
    background:white;
    color:black;
    margin:0 auto;
    margin-bottom:60px;
    min-height: 400px;
    padding-bottom:50px;
}
.out{
    padding:4%;
    color:#333333;
}
.out h1{
    font-size:1.8em;
    margin-bottom:30px;
    margin-top:5px;
}
.out h2{
    font-size:1.3em;
    margin-bottom:20px;
    margin-top:5px;
    font-weight:normal;
}
.out h3{
    font-size:1.25em;
    margin-bottom:10px;
    margin-top:5px;
    font-weight:normal;
}
.out p{
    margin-bottom:20px;
}
.out ul{
    list-style-image: none;
    list-style-type: none;
}
.out ul li
{
    background: url(/design/images/ul.gif) no-repeat 0px 4px;
    padding-left: 12px;
}
ul#star.star li
{
    margin: 0;
    padding: 0;
}
.out li{
    margin-bottom:10px;
}
.out .image{
    text-align:center;
    margin-bottom:30px;
}

.out .image_left{
    float: left; padding: 0px 10px 0px 0px;
}
.out .image img{
    /*border: 1px #333333 solid;*/
    border:1px solid #9c9c9c;
}
.out .image .notice{
    margin-top:8px;
    color:#999999;
    text-align:center;
    font-size:1.05em;
}
.out .image .notice span{
    background: url("/design/images/bull.png") left no-repeat;
    padding-left:20px;
}

/* Content-SiteMap
------------------------------ */
.out .map h2{
    margin-bottom:8px;
}
.out .map ul{
    margin-top:0;
    padding-left:20px;
    margin-left:0px;
}
.out .map li{
    background: none;
    margin-bottom:6px;
}
/* Content-Shop
------------------------------ */
.out.shop .grid_4{
    font-size:1em;
    line-height:1.5em;
    margin-bottom:30px;
}
.out.shop a{
    color:#d18f02;
}
.out.shop p{
    margin-bottom:10px;
    height:160px;
    overflow:hidden;
}
.out.shop span{
    color:#666666;
}
/* Content-ShopItem
------------------------------ */

.item .price span{
    font-size:1.3em;
    padding-right:30px;
}
.item .price{
    margin-bottom:60px;
}
/* Content-Repertoire
------------------------------ */
.repertoire .by_alpha .row{
    height:32px;
}
.repertoire .row.first{
    margin-top:50px;
}
.repertoire .row  a{
    color:#a446a2;
}
.repertoire .row  a:hover{
    color:#cf2dcc;
}
.repertoire .row  a:visited{
    color:#a47fa3;
}
.repertoire .row .message a,.repertoire .row .message a:hover,.repertoire .row .message a:visited{
    color:#ffffff;
}
.repertoire .row .message{
    background: url("/design/images/arrow.png") left top no-repeat;
    height:22px;
    float:left;
    display:inline;
    padding-left:15px;
    padding-top:2px;
    padding-right:15px;
    margin-left:20px;
}
.repertoire .row div.t{
    float:left;
    display:inline;
    padding-top:2px;
}

/* Content-Casting
------------------------------ */
.casting .form{
    border:1px solid #d4d4d4;
    padding-top:10px;
    font-size:1.0em;
    padding-bottom:30px;
}
.casting .grid_3{
    margin: 0px;
}
.casting .grid_1{
    text-align:right;
    font-weight:bold;
    width:8.5%;
}
.casting .grid_11{
    margin-bottom:15px;
    width:87.5%;
}
.casting .submit {
    margin-left:12%;
    margin-top:-14px;
    background-color:white;
    padding-left:10px;
    padding-right:10px;
    height:28px;
    width:260px;
}
.casting .submit img{
    vertical-align:middle;
}
.casting .submit span{
    padding-left:5px;
    color:#666666;
    font-style:italic;
}
.casting .result {
    margin-top:70px;
}
.casting .result .row{
    margin-top:30px;
    width:90%;
}
.casting .result a{
    color:#007f57;
    font-size:1.2em;
}
.casting .result .head{
    text-align:right;
    font-style:normal;
    padding-right:10px;
    padding-left:5px;
}
.casting .result td{
    padding-bottom:10px;
}
.casting .result table{
    margin-top:20px;
    margin-bottom:20px;
    text-align:left;
    padding-left:10px;
    font-style:italic;
}
/* Content-Casting
------------------------------ */
.team .row{
    margin-top:15px;
}
.out.team h2 {
margin-bottom:5px;
}
.team .row a{
    color:#ae5aac;
}
.team .row p{
    padding:15px 20px 0px 0px;
}
.team .row img{
    margin-right:1em;
    /*border: 1px #333333 solid;*/
    border:1px solid #ae5aac;
}
.team .grid_5 .row img{
    /*border: 1px #333333 solid;*/
    border:1px solid #9b9b9b;
}
/* Content-PhotoGallery
------------------------------ */
.photogallery .row{
    margin-top:15px;
}
.out.photogallery h1 {
margin-bottom:15px;
}
.photogallery .row a{
    color:#ae5aac;
    font-size:1.1em;
}
.photogallery .row span{
    color:#7f7f7f;
    font-style:italic;
    line-height:1.7em;
}
.photogallery .row img{
    margin-right:1em;
    /*border: 1px #333333 solid;*/
    border:1px solid #ae5aac;
}
/* Content-VideoGallery
------------------------------ */
.videogallery .row{
    margin-top:15px;
}
.out.videogallery h1 {
margin-bottom:15px;
}
.videogallery a{
    color:#ae5aac;
    font-size:1.0em;
    line-height:1.7em;
}
.videogallery .row img.f-left{
    margin-right:0.2em;
    /*border: 1px #333333 solid;*/
    border:1px solid #ae5aac;
}
/* Content-Performance
------------------------------ */
.performance h1{
    margin-bottom:0px;
}

.performance span.genre{
    color:#666666;
    font-size:1.0em;
    margin-bottom:20px;
}
.performance .rait{
    margin-top:20px;
    margin-bottom:70px;
}
img.simple{
    margin-right: 1em;
    margin-bottom:1.5em;
    float:left;
}
.performance .gallery {
    line-height:0;
    margin-left:5px;
}
.performance .gallery a{
     margin:0;
    padding:0;
    margin-left:-4px;
}
.performance .gallery img{
    margin:0;
    padding:0;

}
/* Comments
------------------------------ */
.comments{
    margin-top:70px;
    color:#666666;
}
.comment .ava{
    width:67px;
    height:62px;
    padding:3px 8px 3px 3px;
    float:left;
    display:inline;
}
.comment{
    margin-bottom:10px;
}
.comment .text a{
    color:#a446a2;
}
.comment .text span{
    padding-left:20px;
}
.comment p{
    padding-top:10px;
}
.send{
    margin-top:20px;
}
.send a{
    color:#a446a2;
}
.send .area{
    margin-top:20px;
    width:500px;
    height:120px;
    background-color:#f9fae5;
    font-style:italic;
    color:#666666;

}
.send .sub{
    width:500px;
    text-align:right;
    margin-top:10px;
}
/* Bottom
------------------------------ */
.footer {
  position: relative;
  margin-top: -2.5em;
  height: 2.5em;
}

.friends h2,.hrefs h2{
    color:#666768;
    font-size:1.5em;
    font-weight:normal;
}
.hrefs div.row{
    width:300px;
}
.hrefs .l{
    width:45%;
    margin-right:4%;
    float:left;
    display:inline;
    font-size:1.1em;
    margin-top:20px;
}
.hrefs .l img{
    vertical-align:middle;
    padding-right:10px;
}
.friends h2{
    margin-bottom:20px;
}
.friends img{
    vertical-align:top;
    margin-right:10px;
}
.bmenu{
    margin-top:40px;
    font-size:1.1em;

}
.bmenu a{
    color:#ffffff;
}
.bmenu .l{
    float:left;
    display:inline;
    padding-top:6px;
    margin-right:3%;
}
.bmenu .r{
    padding-top:6px;
    text-align:right;
}
.foo{
    padding-top:40px;
    font-size:0.9em;
    color:#b1b1b1;
    padding-bottom:30px;
}
.foo a{
    font-size:1.0em;
}
.foo .wiz{
    text-align:right;
}

/* Raiting
------------------------------ */
.rait ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 10px; TOP: -5px; POSITION: relative; FLOAT: left; BACKGROUND: url('/design/images/stars.gif') repeat-x; CURSOR: pointer; }
.rait li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; }
.rait li.curr { BACKGROUND: url('/design/images/stars.gif') left 25px; FONT-SIZE: 1px; }
.rait div.user { LEFT: 25px; POSITION: relative; FLOAT: left; FONT-SIZE: 14px; FONT-FAMILY: Arial; COLOR: #888; FONT-STYLE:ITALIC;}
.rait div.l-user { LEFT: 0px; POSITION: relative; FLOAT: left; FONT-SIZE: 14px; FONT-FAMILY: Arial; COLOR: black; }

.poll table .line .per{
    width: 100%;
    background-color: #4f4f4f;
    border-top:1px solid #2f2f2f;
    height: 8px;

}
.poll table .line .per div{
    background: url("/design/images/pollline.png")  no-repeat;
    height: 8px;
}
.poll table .line {
    width: 42%;
}
.poll table .name{
  width: 40%;
  padding-right: 4%;
}
.poll table .perc{
  width: 10%;
  padding-left: 4%;
}
.poll table td{
    height: 15px;
    vertical-align: middle;
}