@import url("common.css");

body {
	background-color: black;
	background-repeat: no-repeat;
	background-position: top right;
}

#container {
	position: relative;
	margin: 0 auto;
	min-width: 985px;
	max-width: 1300px;
}

#main {
	position: relative;
	margin: 0 50px;
}

/* шапка */
#header {
	position: relative;
	width: 100%;
	height: 300px;
}
#header.theatre { height: 320px; }

/* логотип */
#logo {
	position: absolute;
	top: 60px;
	left: 45px;
}

/* меню */
#menu {
	position: absolute;
	top: 100px;
	left: 35%;	
	font-style: italic;
	text-transform: lowercase;
	white-space: nowrap;
}
#menu a:link, #menu a:visited { color: #999999;	text-decoration: none; }
#menu a:hover, #menu a.mhover { color: white; text-decoration: none; }

#menu.resized { left: auto; right: 0px; }
#menu.resized .submenu.last { right: 0px; }

#menu .item {
	float: left;	
	font-size: 240%;
	margin: 0 15px;
	height: 40px;
	padding-bottom: 3px;
	border-bottom: 2px solid #999999;
	white-space: nowrap;
}
.ie6 #menu .item { width: 10%; }
#menu .item .title { height: 40px; overflow: hidden; }
#menu .item .title a {
	display: block;
	padding: 0 10px;
	height: 40px;
	margin-top: 9px;
}

#menu .selected { float: left; margin: 0 15px; }
#menu .selected div { font-size: 240%;	color: #f5b334; }
#menu .selected a:link, 
#menu .selected a:visited { color: #f5b334;	text-decoration: underline; }
#menu .selected a:hover { color: white; text-decoration: none; }

.ie6 #menu .selected .submenu,
.ie7 #menu .selected .submenu { margin-top: 20px; }

#menu .selected .submenu {
    position: absolute;
    margin-top: 10px;
    font-size: 16px;
}
#menu .selected .submenu ul {
    float: left;
    margin-left: 20px;
}
#menu .selected .submenu li {
	font-size: 105%;
	padding-left: 18px;
	background: url(/media/i/internal-submenu.gif) no-repeat 0 12px;
}
#menu .selected .submenu li.sel {
    color: #fff;
	background-image: url(/media/i/internal-submenu-sel.gif);
	font-weight: bold;
}


/* контент */

h2 { font-size: 180%; color: white; }
h3 { font-size: 150%; color: white; }
h4 { font-size: 130%; color: white; }

.pic { border: 1px solid #3e3e3e; }

.gspacer {
	height: 1px;
	overflow: hidden;
	margin: 20px 0;
	background: url(/media/i/gspacer.gif) repeat-x;
}

#body {
	padding: 40px 40px 50px 40px;
	color: #DCDCDC;	
}

/* статичные страницы */
.static h2 { margin: 20px 0 10px -40px; }
.static ul, .list { margin: -5px 0 0 10px; }
.static li, .list li {
	padding-left: 18px;
	background: url(/media/i/li-sel.gif) no-repeat 0 10px;
}

/* история */
.quote blockquote {
	padding: 0 0 0 35px;
	margin: 0 0 30px 0;
	font-style: italic;
	font-size: 80%;
	background: url(/media/i/quote-left.png) no-repeat top left;
}
.quote blockquote span {
	display: block;
	padding: 3px 35px 0 0;
	color: white;
	background: url(/media/i/quote-right.png) no-repeat right bottom;
}
.quote blockquote div {
	padding-right: 35px;
	color: #7b7b7b;
	margin-top: 10px;
	display: block;
	text-align: right;
}

.pics td { padding: 0 8px 10px 8px; }
.pics td a {
	display: block;
	margin-top: 5px;
	font-size: 75%;
	font-style: italic;
	line-height: 1.15em;
}

.back {
	font-size: 90%;
	margin: 10px 0;
	color: gray;
	text-align: right;
}
.back span { font-size: 120%; }

.pages {	display: inline; padding: 8px 10px;	}
.pages ul {	margin: 0; padding: 0; display: inline; }
.pages li {
	display: inline;
	list-style: none;
	padding: 3px;
	font-size: 100%;	
}
.pages li a:link, .pages li a:visited { text-decoration: none; }
.pages li a:hover { text-decoration: underline; }
.pages li strong {
	font-size: 120%;
	padding: 0px 6px 5px 6px;
	background-color: #2C2C2C;
}



/* список спектаклей */
#spectacle_list > .type { width: 49%; float: left; }
#spectacle_list > .type.first > .container { padding-right: 20px; }
#spectacle_list > .type.second > .container { padding-left: 20px; }
#spectacle_list .type_title {
    border-bottom: 1px dotted gray;
    color: #fff;
    font-size: 135%;
    margin: 0 20px 27px -30px;
}
#spectacle_list .spects .item { margin-bottom: 30px; }
#spectacle_list .spects .item .anot { margin-top: 3px; font-size: 75%; line-height: 1.15em; }


/* новости, события, пресса */
.events td { padding-bottom: 35px; vertical-align: top; }
.events td.sdate { width: 75px; text-align: center; }
.events td.sdate h3 { font-size: 200%; margin: -6px 0 -3px 0; }
.events td.sdate span { font-size: 70%; text-transform: uppercase; }
.events td.sdate div { font-size: 60%; color: #6D6D6D; margin-top: -2px; }
.events td.anot { padding-right: 15px; }
.events td.anot h3, .events td.anot h2 { margin-bottom: 7px; line-height: 0.9em; }
.events td.anot .text { font-size: 75%; line-height: 1.15em; }

.events td.anot > .anot_img { float: left; width: 80px; }
.events td.anot > .anot_content { margin-left: 100px; }
.events td.anot > .anot_content.noimg { margin-left: 0px; }

#newsarchiv { width: 35%; vertical-align: top; }
#newsarchiv h3 { margin-bottom: 10px; }
#newsarchiv .months { margin: 0 0 25px 20px; }
#newsarchiv .months li {
	color: #f5b334;
	padding-left: 18px;
	background: url(/media/i/li.gif) no-repeat 0 10px;
}
#newsarchiv .months li.selected {
	color: white;
	font-weight: bold;
	background-image: url(/media/i/li-sel.gif);
}
#newsarchiv .years {
	margin-left: 20px;
	font-size: 130%;
}
#news, #news td { vertical-align: top; }
#news .text { margin-top: -20px; }

#news .other ul {	margin: 10px 0 0 25px; }
#news .other li {	margin-bottom: 10px; }
#news .other li .date {
	font-size: 70%;
	color: gray;
	margin-bottom: -3px;
}

.press .source { color: gray; margin-bottom: 10px; }
.press li .source { font-size: 70%; }
.press td {	padding-bottom: 25px; }

/* информация о деятельности */
#reports, #reports td { vertical-align: top; }

#report_view .date { margin: 5px 0px 20px 0px; }

#reports .events .date { margin-bottom: 5px; }
#reports .events h3 { margin-bottom: 10px; }

/* афиша */
#plan { position: relative; margin: -30px 0 30px 0; text-align: center; }
#plan a:link, #plan a:visited { text-decoration: none; border-bottom: 1px dashed gray; color: gray; }
#plan a:hover { text-decoration: none; border-bottom: none;  }

.date {
	color: gray;
	font-size: 75%;	
	font-style: italic;
}

#afisha td.month {
	vertical-align: top;
	width: 50%;
	padding: 0 40px; 
}
#afisha .mtitle {
	font-size: 135%;
	margin: 0 -20px 27px -30px;
	color: white;
	border-bottom: 1px dotted gray;
}
#afisha .mtitle span { color: #ACACAC; }

#afisha .spect { margin-bottom: 30px; }
#afisha .spect h3 { margin-bottom: 5px; line-height: 0.9em; }
#afisha .spect .date { margin-bottom: 3px; }
#afisha .spect .anot { font-size: 75%;	line-height: 1.15em; }

#afisha .spect .date > .left { float: left; margin-right: 5px; }
#afisha .spect .date > .right { float: left; }

#afisha .other {
	width: 35%;
	vertical-align: top;
	padding-right: 40px;
}
#afisha .other h4 { margin-bottom: 15px; }
#afisha .other ul li { margin: 0 0 10px 15px; line-height: 1em; }
#afisha .other .date {	margin-top: -1px; }

#afisha .video { margin: 30px 0px; }
#afisha .video h3 { margin-bottom: 10px; }
#afisha .video .video_container iframe { width: 500px; height: 370px; }
#afisha .video .title { margin: 18px 0px 6px 0px; font-size: 130%; }
#afisha .video .anot {  }


#spect { vertical-align: top; }
#spect h2 {	margin-bottom: 10px; line-height: 0.9em; }
#spect .date {	margin-bottom: 15px; clear: both; }
#spect .date .ldays { float: left; width: 50px; }
#spect .date .rdays { margin-left: 50px; }
#spect .text {	margin-bottom: 25px; }
#spect .actors {	margin-bottom: 25px; }
#spect .actors ul { margin-top: 5px; }
#spect .actors ul li { margin: 0 0 10px 20px; }
#spect .actors ul div {
	color: gray;
	font-size: 70%;
	margin-top: -1px;
}


/* люди */
#peoples td { vertical-align: top; }
#peoples td.col {	width: 50%; }
.persons td { padding-bottom: 30px; }
.persons h3 { margin-bottom: 6px; line-height: 1em; }
.persons .rank { color: gray;	font-size: 75%; line-height: 1.1em; }

#people td { vertical-align: top; }
#people h2 { margin-bottom: 5px; line-height: 1em; }
#people .rank {
	margin-bottom: 15px;
	color: gray;
	font-size: 75%;
	line-height: 1.1em;
}
#people .text { margin-bottom: 25px; }
#people .spects ul {	margin-top: 10px; }
#people .spects li {	margin: 0 0 5px 20px; }
#people .spects li span {
	color: gray;
	font-size: 80%;
}


/* фотогалереи */
.gallery-col {
	width: 50%;
	padding: 0 30px;
	vertical-align: top;
}
.gallery-col td {	padding-bottom: 35px; vertical-align: top; }
.gallery-col td h4 { line-height: 1em;	margin-bottom: 8px; }
.gallery-col td div { font-size: 70%; }


#gallery {
	width: 35%;
	vertical-align: top;
	padding-right: 30px;
}
#gallery h3 { margin-bottom: 10px; }
#gallery ul { margin: 0 0 25px 20px; }
#gallery ul li {
	color: #f5b334;
	padding-left: 18px;
	background: url(/media/i/li.gif) no-repeat 0 10px;
	margin-bottom: 6px;
	line-height: 1em;
}
#gallery ul li.selected {
	color: white;
	background-image: url(/media/i/li-sel.gif);
}

#photos { vertical-align: top; }
#photos .photo {
	display: block;
	float: left;
	padding: 7px;
}
#photos-anot {	margin-bottom: 20px; }


/* фотогалереи */
#museum-pics { margin-top: 20px; }
#museum-pics td { width: 33%; padding: 0px 15px 20px 0px; vertical-align: top; }
#museum-pics td div { margin-top: 5px; font-size: 70%; max-width: 270px; }


/* видео */
#video_category_list { margin-top: 20px; }
#video_category_list > .item {
    margin-bottom: 50px;
    padding-bottom: 49px;
    background: url('/media/i/gspacer.gif') repeat-x 0 100%;
}
#video_category_list > .item.last { padding-bottom: 0px; background: none; }
#video_category_list > .item > .title { margin-bottom: 15px; font-size: 130%; }
#video_category_list > .item > .title .show_all {
    font-size: 70%;
    font-style: italic;
}


#video_category_list > .item .previews > .item {
    float: left;
    width: 380px;
}
#video_category_list > .item .previews > .item.even { margin-right: 40px; }
#video_category_list > .item .previews > .item .video iframe { width: 380px; height: 250px; }
#video_category_list > .item .previews > .item .title { margin: 18px 0px 10px 0px; font-size: 120%; }
#video_category_list > .item .previews > .item .anot { font-size: 90%; }

#video_category_list > .empty { font-style: italic; }



#video_category_view { margin-top: 20px; }
#video_category_view > .item {
    margin-bottom: 50px;
    padding-bottom: 49px;
    background: url('/media/i/gspacer.gif') repeat-x 0 100%;
}
#video_category_view > .item.last { padding-bottom: 0px; background: none; }
#video_category_view > .item > .video { float: left; width: 420px; }
#video_category_view > .item > .video iframe { width: 420px; height: 320px; }
#video_category_view > .item > .text { margin-left: 450px; }
#video_category_view > .item > .text .title { font-size: 140%; }
#video_category_view > .item > .text .anot { margin-top: 10px; }

#video_category_view > .empty { font-style: italic; }


/* контакты */
#contacts-col {
	width: 50%;
	vertical-align: top;
	padding-right: 25px;
}
#contacts-col h4 { line-height: 1em; }

#contacts-col2 {
	vertical-align: top;
	padding-left: 15px;
}
#contacts-col2 h4 { margin-bottom: 10px; }
#contacts-col2 table { margin-bottom: 30px; border-bottom: 1px dotted #1B1B1B; }
#contacts-col2 td {
	font-size: 90%;
	padding: 6px 3px;
	line-height: 0.9em;
	border-top: 1px dotted #1B1B1B;
}

#map-box {
	margin-top: 25px;
	border: 5px solid gray;
	height: 320px;
	background-color: white;
	overflow: hidden;
	behavior: none;
}
.marker-html h4 {
	margin-bottom: 5px;
	font-size: 90%;
	line-height: 1.1em;
	font-weight: bold;
	color: black;
}
.marker-html span {
	color: gray;
	font-size: 90%;
}


/* подвал */
#footer {  margin: 0px -20px 0 -40px; }