@CHARSET "UTF-8";

* { margin: 0; padding: 0; border: 0; }

/* tags */
body { background: #e7e1f2; font-family: Tahoma; }
table { border-collapse: collapse; }
tr { vertical-align: top; }

a { color: #1a0b34; text-decoration: none; }
a:hover { text-decoration: underline; }

/* ids */
#bg { position: relative; width: 100%; z-index: 1; }
#page { width: 1000px; position: absolute; left: 50%; top: 0; margin: 0px auto 0px -500px; background: url('../images/bg.jpg') no-repeat 0 0; min-height: 700px; _height: 700px; }

#header { position: relative; width: 100%; height: 308px; }
	#today { font-size: 14px; position: absolute; top: 50px; left: 20px; color: #1a0b34; }
		#today span { display: block; font-size: 24px; letter-spacing: -1px; }
		#today span span { display: inline; color: #c820bb; }
	#logo { position: absolute; top: 190px; left: 34px; background: url('../images/logo.jpg') no-repeat 0 0; width: 262px; height: 67px; display: block; }

	#fLogin { position: absolute; top: 180px; left: 790px; font-size: 0.8em; }
		#fLogin table { width: 164px; }
		#fLogin th { font-size: 11px; color: #d21ed3; font-weight: bold; height: 20px; vertical-align: middle; text-align: left; }
		#fLogin td { padding: 2px 0px; }
		
		#fLogin ul { list-style-type: none; width: 120px; }
		#fLogin li ul { position: absolute; left: 119px; top: 0; display: none; }
		#fLogin li { position: relative; }
		
		#fLogin ul li a { display: block; text-decoration: underline; }
			#fLogin a:hover { text-decoration: none; }
		* html #fLogin ul li { float: left; height: 1%; }
		* html #fLogin ul li a { height: 1%; }
		#fLogin li:hover ul, #fLogin li.over ul { display: block; }
		#fLogin li:hover a { background: #b300c6; color: #ffffff; }
		#fLogin li:hover ul a { background: none; color: #1a0b34; }	
		
		#fLogin .send { background: url('../images/login.png') no-repeat 0 0; width: 63px; height: 18px; cursor: pointer; }
		

#content {  }
	#left-block { position: relative; float: left; width: 240px; margin: 70px 0px 0px 0px; }
		#left-block .text { padding: 0px 20px; }
		#be-a-star { width: 147px; height: 26px; background: url('../images/be-a-star.png') no-repeat 0 0; }

		#menu { text-transform: uppercase; font-size: 11px; font-weight: bold; margin: 68px 0px 0px 0px; }
			#menu ul { list-style-type: none; }
			#menu ul li { padding: 2px 0px 0px 7px; height: 17px; width: 189px; }
			
			#menu li:hover { color: #ffffff; background: url('../images/current-menu.png') no-repeat 0 0; }	
				#menu li:hover * { color: #ffffff; }
				
		#banners { margin: 43px 0px 0px 0px; overflow: hidden; width: 230px; }

	#container { margin: 0px 0px 0px 240px; }
		#center-block { float: left; width: 527px; }
		
			#m_gallery { display: block; color: #1a0b34; background: url('../images/icon-gallery.jpg') no-repeat 0 0; width: 194px; font-size: 15px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 200px 0px 0px 20px; }
				#m_gallery span { display: block; color: #ac03be; }
				
			#violet-block { z-index: 1; position: relative; width: 529px; height: 304px; background: url('../images/violet-block.jpg') no-repeat 0 0; margin: 23px 0px 0px 0px; }
			
				#first-news { font-size: 12px; }
					#first-news p { color: #ef5dff; margin: 10px 0px; }
			
			#yellow-block { z-index: 1; display: block; position: absolute; right: 60px; top: 10px; width: 31px; height: 243px; background: url('../images/yellow-block.jpg') no-repeat 0 0; }
			#green-block { z-index: 1; display: block; position: absolute; right: 29px; top: 10px; width: 31px; height: 222px; background: url('../images/green-block.jpg') no-repeat 0 0; }
			#blue-block { z-index: 1; display: block; position: absolute; right: 0; top: 10px; width: 29px; height: 189px; background: url('../images/blue-block.jpg') no-repeat 0 0; }

			#center-block .text { padding: 40px 130px 40px 40px; color: #f7b2ff; overflow: hidden; }

		#right-block { margin: 0px 0px 0px 529px; padding: 57px 0px 0px 0px; width: 200px; }
		
			#m_poster { display: block; color: #1a0b34; background: url('../images/icon-poster.jpg') no-repeat 0 0; width: 169px; font-size: 15px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 140px 0px 0px 0px; margin: 0px 0px 0px 46px; }	
				#m_poster span { display: block; color: #ac03be; }
				
			#m_new { display: block; color: #1a0b34; background: url('../images/icon-new.png') no-repeat 0 0; width: 190px; font-size: 15px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 180px 0px 0px 0px; margin: 27px 0px 0px 34px; }
				#m_new span { display: block; color: #ac03be; }
				
			#m_video { display: block; color: #1a0b34; background: url('../images/icon-video.jpg') no-repeat 0 0; width: 190px; font-size: 15px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 180px 0px 0px 0px; margin: 27px 0px 80px 34px; }	
				#m_video span { display: block; color: #ac03be; }

	#footer { clear: both; position: relative; height: 420px; /* background: url('../images/bg-footer.jpg') no-repeat 57px 100%; */ }

		#m_kino { position: absolute; right: 35px; top: -60px; display: block; color: #1a0b34; background: url('../images/icon-kino.jpg') no-repeat 0 0; width: 282px; font-size: 15px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 180px 0px 0px 0px; }
			#m_kino span { display: block; color: #ac03be; }
		#m_connections { position: absolute; right: 338px; top: 30px; display: block; color: #1a0b34; background: url('../images/icon-connections.png') no-repeat 0 0; width: 231px; font-size: 15px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 155px 0px 0px 0px; }
			#m_connections span { display: block; color: #ac03be; }


		#m_radio { display: block; background: url('../images/icon-radio.jpg') no-repeat 0 0; width: 241px; color: #1a0b34; margin: 20px 0px 0px 0px; padding: 75px 0px 0px 5px; position: absolute; left: 0; top: 0; z-index: -2; text-align: center; font-size: 15px; text-transform: uppercase; font-weight: bold; }
			#m_radio div { margin: 50px 0px 0px 0px; }
			#m_radio span { display: block; color: #ac03be; }

/* trapeze */
#right-bottom-trapeze { position: absolute; right: 0; top: 396px; width: 164px; height: 722px; background: url('../images/right-bottom-trapeze.jpg') no-repeat 0 0; }
#top-right-trapeze { position: absolute; right: 0; top: 0; z-index: 1; background: url('../images/top-right-trapeze.png') no-repeat 0 0; width: 230px; height: 147px; }
#top-trapeze { position: absolute; top: 0; left: 75px; z-index: 1; background: url('../images/top-trapeze.jpg') no-repeat 0 0; width: 121px; height: 43px; }
#left-trapeze { position: absolute; top: 231px; left: 0; width: 92px; height: 678px; background: url('../images/left-trapeze.jpg'); }

/* classes */
.clr { clear: both; }

.btn { background: url('../images/btn-bg.png') no-repeat 0 0; height: 16px; position: relative; }
	.btn input { background: none; color: #e3b3cd; padding: 0px 0px 0px 5px; z-index: 1; outline: none; }
	.btn-corners-right { background: url('../images/btn-bg.png') no-repeat -162px 0; position: absolute; right: 0; top: 0; width: 2px; height: 16px; }

.miniAvatar { width: 60px; margin: 0px 10px 0px 0px; border: 1px solid #8e009d; }