/* General */

html { height: 100%; }

body {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  background: #df4a37 url(../images/bg.png) 0 100px repeat-x;
  margin: 0;
  color: #000; }

*:focus { outline: none; }
form { margin: 0; }
a img { border: 0; }
a { color: #000; }


/* Wrapper */
#wrapper {  /* diff for IE 6 */
  width: 1000px;
  min-height: 100%;
  margin: 0 auto;
  background: #b2b2b2 url(../images/left-column-bg.gif) 35px 0px repeat-y;
  overflow: hidden; /* Эта строчка для Оперы, чтоб исправить глюк от скроллбара (когда внизу появляется куча пустого места) */
}
#left-column { float: left; width: 259px; }




/* Header */
#left-column .logo { height: 275px; }
#left-column .logo a {
  display: block;
  width: 187px;
  height: 169px;
  background: url(../images/logo.png);
  position: relative;
  top: 62px;
  left: 43px; }


/* Navigation */
#navigation ul {
  margin: 0 0 0 62px;
  padding: 0;
  list-style: none;
  font-size: 17px; }
#navigation li { } /* diff for IE 6 */
#navigation a {
  text-transform: uppercase;
  color: #4e4e4e;
  text-decoration: none;
  display: block;
  line-height: 23px;
  position: relative;
  left: 0; }
#navigation li.active a {
  color: #ff0000; }



/* Content */
#content {
  margin-left: 259px;
  padding: 62px 35px 30px 34px; }
#content h1 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  color: #ff0000; }
#content h1 span.test {
  display: none; }
#content p { margin: 11px 0; }



/* Splash screen page */
body.splash { background: #000; color: #fff; }
#spash-wrapper { width: 500px; margin: 0 auto; text-align: center; }
#flash-wrapper { height: 400px; position: relative; }
div#over { display: none; position: absolute; width: 500px; height: 400px; z-index: 1; text-align: left; font-size: 150px; }
div#over a { display: block; width: 500px; height: 400px; text-decoration: none; }
#splash-flash { height: 400px; position: absolute; z-index: 0; left: 0; }
body.splash a#skip { color: #fff; text-decoration: none; font-size: 18px; }
body.splash #splash-flash a { color: #fff; text-decoration: none; }
body.splash #splash-flash a span { text-decoration: underline; font-size: 18px; display: block; }



/* Main page */
.mainpage .web-kassa {
  float: left;
  text-transform: uppercase;
  font-size: 17px;
  padding-left: 15px; }
.mainpage .web-kassa a {
  color: #ff0000;
  text-decoration: none; }
.mainpage .performance-search {
  margin-left: 185px;
  font-size: 17px;
  text-transform: uppercase;
  color: #4e4e4e; }
.mainpage .performance-search input#ajaxSearch_input {
  border: 0;
  background: url(../images/search-input.png) no-repeat;
  margin-left: 8px;
  padding: 0 0 0 7px;
  font-size: 11px;
  height: 17px;
  width: 265px;
  position: relative;
  bottom: 2px; }
.mainpage .performance-search input#search-button {
  position: relative;
  right: 4px; }
p.ajaxSearch_resultsInfo, .ajaxSearch_resultsIntroFailure {
  margin: 17px 0 10px;
  text-transform: none;
  color: #f00; }
#ajaxSearch_resultListContainer {
  font-size: 13px;
  text-transform: none; }
.ajaxSearch_result {
  margin: 5px 0; }





/* jScrollPane */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(../images/scroll-bg.gif) 2px 0 repeat-y; }
.jScrollPaneDrag { position: absolute; background: #808285; cursor: pointer; overflow: hidden; height: 13px; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }



/* Web-kassa page */
#content.web-kassa .left-col { float: left; width: 310px; }
#content.web-kassa .right-col { margin-left: 335px; }
#content.web-kassa .left-col h2 { color: #ff0000; font-size: 11px; margin: 15px 0 8px; }
#content.web-kassa h1 {  position: relative; top: -4px; padding-bottom: 10px; }  /* diff for IE 6-7 */
#content.web-kassa #submit-button { margin-left: 195px; }
#content.web-kassa table { border-collapse: collapse; width: 285px; font-size: 11px; text-align: left; }
#content.web-kassa td { padding: 0 0 9px 0; vertical-align: top; }
#content.web-kassa td.first-col { width: 197px; }
#content.web-kassa td select { width: 93px; font-size: 11px; }
#content.web-kassa td.first-col select { width: 174px; font-size: 11px; }
#content.web-kassa table span { display: block; padding-bottom: 3px; }
#content.web-kassa td.date span { position: absolute; margin: -21px 0 0 0; }
#content.web-kassa td input { width: 89px; font-size: 11px; }
#content.web-kassa td.first-col input { width: 170px; font-size: 11px; }
#content.web-kassa textarea { overflow: auto; width: 281px; font-family: Arial, sans-serif; font-size: 11px; }
#content.web-kassa span.time-call { padding-top: 12px; }


#content.web-kassa .jscrollpane { height: 540px; }




/* Afisha page */
#content.afisha { position: relative; }
#content.afisha .select-month { position: absolute; font-size: 17px; color: #6b6b6b; right: 43px; top: 20px; }
#content.afisha .select-month a { text-decoration: none; color: #6b6b6b; }
#content.afisha .select-month a:hover { text-decoration: underline; }
#content.afisha .select-month a.active { color: #f00; cursor: default; text-decoration: none; }
#content.afisha table { border-collapse: collapse; width: 100%; }
#content.afisha td { vertical-align: top; padding: 0; }
#content.afisha td.left { width: 310px; padding-right: 30px; }
#content.afisha ul { margin: 0; padding: 0; list-style: none; }
#content.afisha li { margin-bottom: 12px; }
#content.afisha .headers { overflow: hidden; padding-bottom: 20px; }  /* diff for IE6 */
#content.afisha .headers .large-stage { width: 340px; }
#content.afisha .headers span { color: #f00; font-size: 17px; }
#content.afisha .headers div { float: left; }
#content.afisha .dates { font-style: italic; font-size: 13px; font-weight: bold; color: #6b6b6b; font-family: Arial, sans-serif; }
#content.afisha .title { font-size: 18px; }
#content.afisha .new { color: #f00; }
#content.afisha .more { display: block; font-size: 11px; font-style: italic; }
#content.afisha ul a { text-decoration: none; }
#content.afisha ul a:hover span.more { text-decoration: underline; }
#content.afisha .jscrollpane { height: 500px; }



/* Afisha inner page */
#content.afisha-inner .top { overflow: hidden; padding-bottom: 20px; }
#content.afisha-inner .left-col { float: left; width: 310px; }
#content.afisha-inner .right-col { margin-left: 335px; width: 317px; }
#content.afisha-inner h1 { text-transform: none; position: relative; top: -4px; padding-bottom: 10px; }  /* diff for IE 6-7 */
#content.afisha-inner span.author, #content.afisha-inner span.genre { font-size: 14px; }
#content.afisha-inner .left-col .photo { position: absolute; }
#content.afisha-inner .left-col .video { visibility: hidden; position: absolute; }
div.full-photo { height: 224px; width: 285px; }
div.full-photo img { display: block; margin: 0 auto; }
#content.afisha-inner #flash-video-wrapper { height: 224px; }
#content.afisha-inner #flash-video-container a { display: block; text-align: center; width: 285px; text-decoration: none; }
#content.afisha-inner #flash-video-container a span { display: block; font-size: 18px; text-decoration: underline; }
#content.afisha-inner .switcher a { display: block; float: left; width: 142px; height: 18px; padding-top: 2px; margin-top: 302px; color: #fff; text-decoration: none; text-align: center; }
    #content.afisha-inner .switcher a.sw-photo { background: #4d4d4d; }
    #content.afisha-inner .switcher a.sw-video { background: #989898; }
#content.afisha-inner .jscrollpane { height: 300px; }   




/* News page */
#content.news h1 { padding-bottom: 20px; }
#content.news a#archive-link { display: block; float: right; padding-top: 5px; }
#content.news div.item { /* diff for IE 6,7 */
  display: -moz-inline-stack;
  display: inline-block;
  width: 300px;
  vertical-align: top;
  padding-bottom: 30px; }
#content.news div.even { padding-right: 30px; }
#content.news div.title { padding-bottom: 10px; }
#content.news div.title a { font-weight: bold; text-decoration: none; }
#content.news div.title a:hover { text-decoration: underline; }
#content.news div.date { font-size: 11px; font-weight: bold; }
#content.news div.more a { font-size: 11px; font-style: italic; text-decoration: none; }
#content.news div.more a:hover { text-decoration: underline; }
#content.news .jscrollpane { height: 500px; }



/* News-inner page */
#content.news-inner .jscrollpane { height: 500px; }
#content.news-inner .date { font-weight: bold; font-size: 11px; padding-bottom: 20px; }
#content.news-inner h1 { padding-bottom: 8px; }



/* News-archive page */
#content.news-archive .jscrollpane { height: 500px; }
#content.news-archive h1 { padding-bottom: 8px; }
#content.news-archive ul.pagination { margin: 0; padding: 5px 0 0 0; list-style: none; float: right; }
#content.news-archive ul.pagination li { display: inline; }
#content.news-archive ul.pagination a { text-decoration: none; padding: 0 2px; font-style: italic; font-family: Arial, sans-serif; }
#content.news-archive ul.pagination li.active a { color: #f00; cursor: default; }
#content.news-archive ul.list { padding: 0; margin: 0; list-style: none; }
#content.news-archive ul.list li { margin: 2px 0; }
#content.news-archive ul.list span { font-size: 11px; font-weight: bold; }
#content.news-archive ul.list a { text-decoration: none; }
#content.news-archive ul.list a:hover { text-decoration: underline; }



/* Truppa page page */
#content.truppa .citations { font-size: 12px; font-style: italic; }
#content.truppa .citations span { display: block; text-indent: 30px; }
#content.truppa h1 { padding-bottom: 7px; text-transform: none; } /* diff for IE 6,7 */
#content.truppa .author { text-align: right; font-style: normal; margin-top: -9px; }
#content.truppa table { margin: 25px 0 15px; width: 100%; border-collapse: collapse; font-size: 13px; }
#content.truppa td { vertical-align: top; width: 50%; }
#content.truppa table ul { margin: 0; padding: 0; list-style: none; }
#content.truppa table li { margin: 3px 0; }



/* Foto video page */
#content.photo-video { height: 500px; }
#content.photo-video .left-col { float: left; width: 310px; }
#content.photo-video .right-col { margin-left: 370px; }
#content.photo-video .full-photo img { display: block; }
#content.photo-video #flash-video-wrapper { height: 224px; }
#content.photo-video #flash-video-container a { display: block; text-align: center; width: 285px; text-decoration: none; }
#content.photo-video #flash-video-container a span { display: block; font-size: 18px; text-decoration: underline; }
#content.photo-video .switcher a { display: block; float: left; width: 142px; height: 18px; padding-top: 2px; color: #fff; text-decoration: none; text-align: center; background: #4d4d4d; cursor: default; }
#content.photo-video .switcher a.sw-video { background: #989898; }



/* Press page */
#content.press .jscrollpane { height: 500px; }
#content.press h1 { padding-bottom: 20px; }
#content.press .item { padding-bottom: 20px; }
#content.press .date { font-size: 11px; font-weight: bold; }
#content.press .source { font-style: italic; text-align: right; }

#content.press ul.pagination { margin: 0; padding: 5px 0 0 0; list-style: none; float: right; }
#content.press ul.pagination li { display: inline; }
#content.press ul.pagination a { text-decoration: none; padding: 0 2px; font-style: italic; font-family: Arial, sans-serif; }
#content.press ul.pagination li.active a { color: #f00; cursor: default; }



/* Partners page */
#content.partners .jscrollpane { height: 500px; }
#content.partners h1 { padding-bottom: 20px; }
#content.partners ul { margin: 0; padding: 0; list-style: none; text-align: justify; }
#content.partners li { display: -moz-inline-stack; display: inline-block; margin: 12px; vertical-align: middle; }