/*
	Contents:
		0. Common styles
		1. Header
		2. Content block
		3. Footer

	Font sizes:
		10px = 0.714em
		11px = 0.786em
	    12px = 0.857em
		13px = 0.93em
	  > 14px = 1em
		15px = 1.07em
	    16px = 1.143em
		17px = 1.214em
	    18px = 1.286em
		20px = 1.43em
		21px = 1.5em
		22px = 1.572em
	
	Colors:
		text: #7b624e
		headers: #baa475
		link normal: #f2d194
		link hover: #fff
*/




/*============================
       0. Common styles
-----------------------------*/

* {
	font-size: 100.01%;
}
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.875em;
	background: #000;
	color: #7b624e;
	line-height: 1.4em;
}


/* Base strucure elements */

#main_block {
	width: 900px;
	margin: 0 auto;
	/*padding: 0 20px;*/
}


/* Links */

a:link, a:active, a:visited {
	color: #7b624e;
}
a:hover {
	color: #fff;
}
.link_beige {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
	.link_beige a:link, .link_beige a:active, .link_beige a:visited {
		color: #f2d194;
	}
	.link_beige a:hover {
		color: #fff;
	}

/* Usefull styles */

.f_left {
	float: left;
}
.f_right {
	float: right;
}
.nobullets {
	list-style: none;
}
.clear {
	clear: both;
	font-size: 0;
	overflow: hidden;
}	


/*   Rounded corners   */	

/*.rounded {
	position: relative;
	padding: 10px 0;
	overflow: hidden;
}
	.rounded .container {
		padding: 5px 15px;
	}
	.rounded .cn {
		position: absolute;
		width: 18px;
		height: 18px;
		left: -9px;
		top: -9px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/c_rounded_9px.png', sizingMethod='noscale');
	}
	html:root .rounded .cn {
		background: url(images/c_rounded_18px.png);
	}
	.rounded .cn.tr, .rounded .cn.br {
		margin-left: 100%;
	}
	.rounded .cn.bl, .rounded .cn.br {
		top: auto;
	}*/
.rounded {
	display: block;
	position: relative;
	overflow: hidden;
}
	.rounded .cn {
		display: block;
		position: absolute;
		width: 18px;
		height: 18px;
		left: -9px;
		top: -9px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/c_rounded_9px.png', sizingMethod='noscale');
	}
	html:root .rounded .cn {
		background: url(../i/c_rounded_9px.png);
	}
	.rounded .cn.tr, .rounded .cn.br {
		margin-left: 100%;
	}
	.rounded .cn.bl, .rounded .cn.br {
		top: auto;
		bottom: -9px;
	}


/*   Text formating   */

p {
	margin-bottom: 1em;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #baa475;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	margin-right: 50px;
}
h1 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: bold;
	font-style: italic;
	font-size: 1.5em;
}

h2 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: bold;
	font-style: italic;
	font-size: 1.43em;
}

h3 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: bold;
	font-style: italic;
	font-size: 1.286em;
}

h4 {
	margin-top: 1em;
	font-weight: normal;
	font-style: italic;
	font-size: 1.286em;
}
h5 {
	margin-top: 1em;
	font-weight: bold;
	font-style: italic;
	font-size: 1em;
}
h6 {
	margin-top: 1em;
	font-weight: normal;
	font-style: italic;
	font-size: 1em;
}


/*   Form's elements   */

input, textarea, select {
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #ffffff;
	border: #c0c0c0 solid 1px;
	color: #404040;
}
.req { /* required information */
	margin-left: 0.3em;
	font-weight: bold;
	color: #d74e7c;
}
.form_row {
	margin-bottom: 1em;
	clear: both;
}

button {
	position: relative;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	border: 0;
}
	button span {
		display: block;
		height: 27px;
		float: left;
		line-height: 24px;
		white-space: nowrap;
	}
	button .btn_leftside {
		padding-left: 15px;
		background: url(images/button.png) left 0 no-repeat;
		/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/button.png', sizingMethod='crop');*/
	}
	button .btn_title {
		padding-right: 15px;
		background: url(images/button.png) right -30px no-repeat;
	}
	button:hover .btn_leftside {
		background: url(images/button.png) left -60px no-repeat;
	}
	button:hover .btn_title {
		background: url(images/button.png) right -90px no-repeat;
	}




/*=====================
       1. Header
----------------------*/

#header {
	position: relative;
	clear: both;
	overflow: hidden;
	zoom: 1;
}
	#header .header_img {
		text-align: center;
	}
	#header .menu {
		margin: 20px 50px 0 50px;
		overflow: visible;
	}
		#header .menu li {
			margin-right: 25px;
			float: left;
			list-style-type: none;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			font-size: 1.286em;
		}
		#header .menu li a:link, #header .menu li a:active, #header .menu li a:visited {
			color: #f2d194;
		}
			#header .menu li a:hover {
				color: #fff;
			}
		#header .menu li.current a {
			color: #fff;
			text-decoration: none;
		}

/* Main page header */

#header.mainpage .header_img {
	height: 500px;
	background: url(../i/img_header_main.jpg) center top no-repeat;
}
#header.mainpage .menu {
	margin-top: 0;
	overflow: visible;
}
	#header.mainpage .menu li {
		margin: 0;
	}
	#header.mainpage .menu .link_mainpage {
		display: none;
	}
	#header.mainpage .menu li a {
		display: block;
		position: absolute;
		text-indent: -5000px;
		font-size: 0px;
		color: #000;
	}
	#header.mainpage .menu .link_afisha a {
		width: 271px;
		height: 63px;
		left: 73px;
		top: 230px;
		background: url(../i/menu_afisha.jpg) left 0 no-repeat;
	}
		#header.mainpage .menu .link_afisha a:hover {
			background: url(../i/menu_afisha.jpg) left -100px no-repeat;
		}
	#header.mainpage .menu .link_history a {
		width: 220px;
		height: 50px;
		left: 16px;
		top: 293px;
		background: url(../i/menu_history.jpg) left 0 no-repeat;
	}
		#header.mainpage .menu .link_history a:hover {
			background: url(../i/menu_history.jpg) left -100px no-repeat;
		}
	#header.mainpage .menu .link_news a {
		width: 178px;
		height: 40px;
		left: 102px;
		top: 343px;
		background: url(../i/menu_news.jpg) left 0 no-repeat;
	}
		#header.mainpage .menu .link_news a:hover {
			background: url(../i/menu_news.jpg) left -100px no-repeat;
		}
	#header.mainpage .menu .link_contacts a {
		width: 203px;
		height: 39px;
		left: 606px;
		top: 248px;
		background: url(../i/menu_contacts.jpg) left 0 no-repeat;
	}
		#header.mainpage .menu .link_contacts a:hover {
			background: url(../i/menu_contacts.jpg) left -100px no-repeat;
		}
	#header.mainpage .menu .link_photo a {
		width: 227px;
		height: 63px;
		left: 659px;
		top: 287px;
		background: url(../i/menu_photo.jpg) left 0 no-repeat;
	}
		#header.mainpage .menu .link_photo a:hover {
			background: url(../i/menu_photo.jpg) left -100px no-repeat;
		}
	#header.mainpage .menu .link_forum a {
		width: 210px;
		height: 47px;
		left: 629px;
		top: 350px;
		background: url(../i/menu_forum.jpg) left 0 no-repeat;
	}
		#header.mainpage .menu .link_forum a:hover {
			background: url(../i/menu_forum.jpg) left -100px no-repeat;
		}
	



/*============================
       2. Content block
-----------------------------*/

#content_block {
	margin-top: 50px;
	padding: 0 50px;
	clear: both;
	overflow: hidden;
	zoom: 1;
}

/*   Header of the Content block   */

#content_block .content_header {
	/*clear: both;
	zoom: 1;
	position: relative;
	background-color: #9C6;*/
	overflow: visible;
}
	#content_block .content_header .title {
		margin-right: 180px;
	}
	#content_block .content_header #audioplayer {
		position: relative;
		right: 0;
		bottom: 19px;
		float: right;
		overflow: hidden;
	}

#content_block .content {
	margin-top: 25px;
	clear: both;
	zoom: 1;
}
#content_block .content .content_row {
	margin-top: 25px;
	clear: both;
	zoom: 1;
	overflow: visible;
}

/*   Main page content block   */

#content_block.mainpage {
	margin: 0 auto;
	width: 550px;
	/*background-color:#9C3;
	padding: 0 50px;*/
}
	#content_block.mainpage .content_header {
		height: 20px;
		overflow: visible;
	}
		#content_block.mainpage .content_header #audioplayer {
			bottom: 0;
		}
	#content_block.mainpage .content #videoplayer {
		/*float: left;*/
		margin: 0 auto;
		border: #fff solid 2px;
	}
	#content_block.mainpage .content #videoplayer #vplayer {
		margin: 0 auto;
	}
	#content_block.mainpage .content .thumbs {
		width: 500px;
		margin: 0 auto;
		clear: both;
		overflow: visible;
		list-style-type: none;
	}
	#content_block.mainpage .content .thumbs li {
		margin: 0 8px;
		float: left;
		overflow: visible;
	}
		#content_block.mainpage .content .thumbs a {
			display: block;
			width: 80px;
			height: 64px;
			padding: 1px;
			float: left;
			overflow: hidden;
			background-color: #808080;
		}
			#content_block.mainpage .content .thumbs a .container {
				display: block;
				width: 80px;
				height: 64px;
				overflow: hidden;
				cursor: pointer;
			}
		#content_block.mainpage .content .thumbs .descr {
			display: block;
			visibility: hidden;
			_visibility: visible;
			width: 80px;
			padding-top: 10px;
			clear: both;
			text-align: center;
			font-size: 0.857em;
			line-height: 1.2;
		}
			#content_block.mainpage .content .thumbs li:hover .descr {
				visibility: visible;
			}

/*   News page   */

#content_block .news .news_content {
	overflow: hidden;
	clear: both;
}
	#content_block .news .news_content .text {
		width: 400px;
		float: left;
	}
	#content_block .news .news_content .right_block {
		margin-left: 450px;
		/*width: 50px;
		height: 50px;
		background-color: #0CF;*/
	}
		#content_block .news .news_content .right_block .photo {
			width: 80px;
			height: 64px;
			padding: 1px;
			float: left;
			overflow: hidden;
			background-color: #808080;
		}
			#content_block .news .news_content .right_block .photo .container {
				display: block;
				width: 80px;
				height: 64px;
				overflow: hidden;
			}

/*   Gallery   */

#content_block .gallery ul {
	margin-left: -22px;
	clear: both;
	overflow: visible;
	list-style-type: none;
}
	#content_block .gallery ul li {
		margin: 0 0 25px 22px;
		*margin: 0 25px 25px 0;
		float: left;
		overflow: visible;
	}
		#content_block .gallery ul li a.rounded {
			display: block;
			width: 140px;
			height: 112px;
			padding: 1px;
			float: left;
			overflow: hidden;
			background-color: #808080;
		}
			#content_block .gallery ul li a.rounded .container {
				display: block;
				width: 140px;
				height: 112px;
				overflow: hidden;
				cursor: pointer;
			}
		#content_block .gallery ul li a.descr {
			display: block;
			width: 140px;
			padding-top: 10px;
			clear: both;
			text-align: center;
			font-size: 0.857em;
			line-height: 1.2;
		}
		
#content_block .gallery .cur_photo {
	text-align: center;
}
	#content_block .gallery .cur_photo img {
		border: #fff solid 2px;
	}
	
/*   Previews list   */	
	
#content_block .gallery .list {
	position: relative;
	/*background-color: #9C0;*/
}
#content_block .gallery .list .prev, #content_block .gallery .list .next {
	position: absolute;
	width: 9px;
	height: 17px;
	top: 25px;
	float: left;
	overflow: hidden;
	cursor: pointer;
}
	#content_block .gallery .list .prev{
		left: 22px;
	}
	#content_block .gallery .list .next {
		right: 22px;
	}
#content_block .gallery .list .slider {
	margin: 0 auto;
	width: 700px;
	overflow: hidden;
	/*background-color: #C9C;*/
}
	#content_block .gallery .list .slider ul {
			width: 700px;
			margin: 0 auto;
			clear: both;
			overflow: visible;
			list-style-type: none;
		}
		#content_block .gallery .list .slider ul li {
			width: 100px;
			margin: 0;
			float: left;
			overflow: visible;
		}
			#content_block .gallery .list .slider ul li a {
				display: block;
				width: 80px;
				height: 64px;
				margin: 0 9px;
				_margin: 0 4px;
				padding: 1px;
				overflow: hidden;
				background-color: #808080;
			}
				#content_block .gallery .list .slider ul li a .container {
					display: block;
					width: 80px;
					height: 64px;
					overflow: hidden;
					cursor: pointer;
				}




/*=====================
       3. Footer
----------------------*/

#footer {
	margin: 75px 0 25px 0;
	padding: 0 50px;
	clear: both;
	overflow: hidden;
	zoom: 1;
}
	#footer .contacts {
		margin-right: 20px;
		float: left;
	}
	#footer .copyright {
		float: right;
	}