/******************************************************************************/
/*
/*	COMMON SETUPS
/*
/******************************************************************************/

html, body { height: 100%; margin: 0; padding: 0; width: 100% }
body { background: #8b99a6; color: #fff; min-width: 1240px }
div.canvas { margin: 0; min-height: 100%; position: relative; width: 100%; z-index: 30 }

/*	TAGS BY DEFAULT	*/

a { color: #fff; outline: none; text-decoration: underline }
a:hover { text-decoration: none }
a img { border: none }

form, li, ol, p, table, ul { margin: 0; padding: 0 }

/*	SEMITRANSPARENT BG */

div.stbg { background: url('/public/templates/images/stbg.png') repeat }
div.stbg-blue { background: url('/public/templates/images/stbg-blue.png') repeat }

/*	FORMS */

input { background: transparent; border: 1px solid #fff; color: #fff; font: 10pt/10pt Tahoma; opacity: 0.6; padding: 2px; position: relative; width: 77px }

/*	HEADER */

div.header { position: relative; width: 100% }
a.h-logo img { margin: 10px 0 10px 15px }

p.h-menu { display: block; margin-left: 15px; width: 868px }
p.h-menu > a,
a.h-lang { color: #fff; font: 16pt/21pt Tahoma; letter-spacing: -0.8pt; margin-right: 10px; text-decoration: underline; text-transform: uppercase; white-space: nowrap }
p.h-menu > a:hover,
p.h-menu > a.active { color: #0ff; text-decoration: none }

div.h-member { float: right; font: 10pt/12pt Tahoma; position: absolute; right: 15px; top: 10px; z-index: 222 }

#h-loginbox { display: none; padding: 30px 15px 35px 15px; position: absolute; right: -15px; top: -10px; width: 333px; z-index: 333 }

#h-login, #h-loginbox-go, a.h-forgot { cursor: pointer; text-decoration: underline }
#h-login:hover, #h-loginbox-go:hover, a.h-forgot:hover { text-decoration: none }
#h-loginbox-go, a.h-forgot { opacity: 0.6 }
a.h-forgot { position: absolute; top: 58px; left: 246px }

input.loginbox { margin-right: 7px; width: 99px }
#h-loginbox-x { cursor: pointer; position: absolute; right: 15px; top: 32px }

a.h-lang { position: absolute; right: 5px; top: 70px; z-index: 111 }
a.h-lang:hover { text-decoration: none }

/*	CONTENT */

div.content { min-height: 400px; padding: 15px 0 80px 0; position: relative; z-index: 30 }
div.fixw850 { width: 800px }
div.fixw1020 { width: 929px }
div.fixpr850 { padding-right: 600px }
div.fixpr1020 { padding-right: 700px }

/*	CONTENT : INFO WRAPPER BLOCK */

div.wrap { margin-top: 70px }
div.wrap h1 { color: #fff; font: 18pt/21pt Tahoma; margin: 0 0 0 15px; opacity: 0.5; padding: 0; text-transform: uppercase }
div.wrap p { font: 10pt/12pt Tahoma; margin: 0; padding: 0 0 13px 0 }
div.wrap p.single { padding: 10px 0 7px 15px }

/*	CONTENT : BLOCK PAGINATION */

div.pagination { font: 8pt Tahoma; height: 24px; margin: 0px auto; text-align: left }
div.pagination-prev, div.pagination-next { color: #999; cursor: pointer; float: left; height: 20px; padding-top: 4px; text-align: center; width: 20px }
div.pagination-hov { color: #0ff }
div.pagination-center { float: left; overflow: hidden }
div.pagination-center > div { height: 20px }
div.pagination-center > div > a {
	border: 1px solid transparent;
	float: left;
	display: block;
	margin: 2px;
	padding: 2px;
	text-align: center;
	width: 20px
}
div.pagination-center > div > a:link,
div.pagination-center > div > a:visited,
div.pagination-center > div > a:active,
div.pagination-center > div > a:hover { color: #fff }
div.pagination-center > div > strong {
	border: 1px solid #0ff;
	color: #0ff;
	display: block;
	float: left;
	margin: 2px;
	padding: 2px;
	text-align: center;
	width: 20px
}

/*	FOOTER */

div.footer { bottom: 0; clear: both; font: 8pt/12pt Tahoma; height: 66px; overflow: hidden; position: absolute; width: 100%; z-index: 30 }
div.footer div.f-links { margin-left: 15px }
div.f-copyright { float: right; position: absolute; right: 15px; top: 0 }
div.f-copyright img { margin-left: 15px; vertical-align: middle }

/*	NOFLOAT */

div.clear { clear: both }

/*	DONT SHOW */

div.dn { display: none }

/******************************************************************************/
/*
/*	SECTION "MAIN" SETUPS
/*
/******************************************************************************/

/*	BACKGROUND SLIDES */

#slides { height: 100%; left: 0; min-width: 1310px;	overflow: hidden; position: fixed; top: 0; width: 100%;	z-index: 1 }

#slides img { display: block; opacity: 0; position: absolute; right: 0; top: 0;	z-index: 8 }
#slides img.active { opacity: 1; z-index: 10 }
#slides img.last-active { z-index: 9 }

/*	NEWS BLOCK */

div.main-news { left: 15px; position: absolute; top: 180px; width: 464px }
div.main-news h1 { color: #fff; font: 18pt/21pt Tahoma; margin: 0; opacity: 0.5; padding: 0; text-transform: uppercase }
div.main-news strong { display: block; margin-bottom: 15px }
div.main-news strong a { color: #fff; font: 23pt/26pt Tahoma; padding: 0 }

div.main-news-sub p { display: block; float: left; max-width: 232px }
div.main-news-sub p a { background: #fff; color: #000; font: 8pt/10pt Tahoma; padding: 3px 0 4px 0; position: relative }
div.main-news-sub p a.pad { left: 20px }

/*	VALERIYA DIARY BLOCK + LATEST VIDEO + LATEST ALBUM */

div.main-blog { left: 505px; position: absolute; top: 180px; width: 353px }
div.main-blog h1,
div.main-blog-sub p span { color: #fff; font: 18pt/21pt Tahoma; margin: 0; opacity: 0.5; padding: 0; text-transform: uppercase }
div.main-blog-sub p span { font: 14pt/14pt Tahoma }
div.main-blog strong { display: block; margin: 3px 0 30px 0 }
div.main-blog strong a { color: #fff; font: 16pt/19pt Tahoma; padding: 0 }

div.main-blog-sub p { display: block; float: left; font: 14pt/14pt Tahoma; width: 166px }
div.main-blog-sub p.pad { margin-left: 10px }
div.main-blog-sub p a.text { background: #fff; color: #000; font: 12pt/15pt Tahoma; padding: 0 0 2px 0; position: relative; top: 10px }
div.main-blog-sub p a.img { display: block; margin-top: 20px; overflow: hidden; width: 84px }

/*	NEWS BLOCK */

div.main-afisha { left: 15px; position: absolute; top: 60px; width: 464px }
div.main-afisha > a { display: block; font: 12pt Tahoma; text-decoration: none; text-transform: uppercase }
div.main-afisha span.day { font: 23pt Tahoma; padding: 0 5px; position: relative; top: 3px }
div.main-afisha span.place { text-transform: uppercase }
div.main-afisha > strong > a { font: 8pt Tahoma }

/******************************************************************************/
/*
/*	SECTION "PAGE : ABOUT, CONTACTS" SETUPS
/*
/******************************************************************************/

div.page-content { margin-top: 10px; padding: 10px 15px 5px 15px }

/******************************************************************************/
/*
/*	SECTIONS "NEWS" & "BLOG" SETUPS
/*
/******************************************************************************/

div.news-content { margin-top: 10px; padding: 5px 15px }

div.news-list-block { margin-bottom: 25px }
div.news-list-block h2 { font: 18pt/21pt Tahoma; margin: 5px 0 0 0; padding: 0 }
div.news-list-block strong.ttl { display: block; margin-top: 5px }
div.news-list-block strong.ttl a { font: 16pt/18pt Tahoma }
div.news-list-block p.date { color: #aaa; font: 10pt Tahoma; margin: 0; padding: 0 0 5px 0}

/******************************************************************************/
/*
/*	SECTIONS "VIDEO", "GALLERY" & "PRESS" SETUPS
/*
/******************************************************************************/

div.vgp-content { margin-top: 10px; padding: 5px 0 0 15px }

ul.vgp-cats { display: block; float: left; list-style: none; padding: 0; margin: 0; width: 177px }
ul.vgp-cats > li { margin: 0 10px 7px 0; padding: 0 }
ul.vgp-cats > li.all { margin: 0 10px 17px 0 }
ul.vgp-cats > li > a { background: #fff; color: #000; font: 10pt/12pt Tahoma; padding: 1px 0 3px 0; text-transform: uppercase }
ul.vgp-cats > li > a:hover { background: #0ff }
ul.vgp-cats > li > a.active { background: #0ff }

div.vpg-list { margin-left: 188px; width: 616px }

/*	BLOCK LIST */

div.b_l_wr {  }
div.b_l { margin: 0px -20px -10px 0; text-align: left }
ins.b_l { display: inline-block; margin: 0 20px 10px 0; text-decoration: none; vertical-align: top }
ins.b_l > div { float: left; padding: 0 }
ins.b_l a.name { background: #000; color: #fff; font: 10pt/12pt Tahoma; padding: 1px 0 3px 0 }
ins.b_l p.date { color: #fff; font: italic 10pt Tahoma; margin-top: 1px; padding: 1px 0 !important }

/*	PRESS BLOCK */

ins.b_l > div.press { width: 180px }
ins.b_l > div.press > div { margin-bottom: 10px }
ins.b_l > div.press > div,
ins.b_l > div.press > div > p { color: #aaa; font: 10pt/12pt Tahoma }

/*	VIDEO BLOCK */

ins.b_l > div.video { margin-bottom: 20px; width: 150px }
ins.b_l > div.video > a { text-decoration: none }
ins.b_l > div.video > a > img { margin-bottom: 2px }
ins.b_l > div.video > a > span.name { background: #000; color: #fff; font: 10pt/12pt Tahoma; padding: 1px 0 3px 0; text-decoration: underline }
ins.b_l > div.video > a > span.name:hover { text-decoration: none }

/*	GALLERY BLOCK */

div.g-list { width: 666px }
div.g-list h2 { font: 14pt/16pt Tahoma; margin: 0 0 13px 0 }
div.g-list h2 span { background: #000; padding: 2px 0 4px 0 }
ins.b_l > div.gallery { width: 200px }
ins.b_l > div.photo > a { background: #000; display: block; overflow: hidden; text-align: center }

/******************************************************************************/
/*
/*	SECTIONS "DISCO" SETUPS
/*
/******************************************************************************/

div.disco-content { margin-top: 10px; padding: 5px 0 20px 0px }

div.album-info { float: left; position: relative; width: 661px }
div.album-info > img { margin: 0 0 8px 15px }
div.audio-player { background: #fff; position: absolute; right: 0; top: 0 }
#audio_player { left: 15px; position: relative; top: 100px }

div.disco-songs { font: 10pt Tahoma; margin: 0 0 1px 15px; padding: 4px 2px 4px 4px; position: relative; text-transform: uppercase }
div.disco-songs > span,
div.disco-songs > i,
div.disco-songs > b { cursor: pointer }
div.disco-songs > b { position: absolute; right: 23px; top: 2px }
div.disco-songs > i { position: absolute; right: 3px; top: 2px }
div.active > span { color: #0ff }

h2.song-name { font: bold 11pt Tahoma; margin: 0 5px 5px 5px; padding: 0 }
div.song-author-text { font: 10pt/12pt Tahoma; padding: 0 5px }
div.song-author-music { border-bottom: 1px solid #bbb; font: 10pt/12pt Tahoma; margin-bottom: 5px; padding: 5px }
div.song-text p { font: 10pt/12pt Tahoma; margin: 5px; padding: 0 }

div.album-info > div.buy,
div.album-info > div.ttl { margin-bottom: 10px; padding: 15px 10px 15px 18px; position: relative }
div.album-info > div.ttl { margin-top: 10px }

ul.album-list { display: block; list-style: none; padding: 0; margin: 0 0 0 674px }
ul.album-list > li { margin: 0 10px 7px 0; padding: 0 }
ul.album-list > li > a { background: #fff; color: #000; font: 10pt/12pt Tahoma; padding: 1px 0 3px 0; text-transform: uppercase }
ul.album-list > li > a:hover { background: #0ff }
ul.album-list > li > a.active { background: #0ff }

/******************************************************************************/
/*
/*	SECTION "AFISHA" SETUPS
/*
/******************************************************************************/

/*	MONTH TABLE */

div.afisha-ttl { position: relative; width: 842px}
div.afisha-ttl h1 { float: left }
div.afisha-ttl span.month { font: 18pt Tahoma; left: 15px; position: relative; top: -1px }
div.afisha-ttl div.prev-next { position: absolute; right: 0; text-align: right; top: 3px }
div.afisha-ttl div.prev-next a { background: #fff; color: #000; font: 10pt Tahoma; padding: 1px 0 2px 0; text-transform: uppercase }
div.afisha-ttl div.prev-next a:hover { background: #0ff }

table.afisha-content { border-collapse: collapse; margin: 10px 0 10px 15px }
table.afisha-content th, td { border: 1px solid #343434; padding: 0; width: 117px }
table.afisha-content th { background: #343434; color: #fff; font: 10pt Tahoma; text-align: center; vertical-align: middle }
table.afisha-content tbody div { height: 64px; padding: 3px; position: relative }
table.afisha-content tbody div > span { color: #ccc; font: 10pt Tahoma; position: absolute; right: 3px; top: 1px }
table.afisha-content tbody div.stbg > span { color: #999 }
table.afisha-content tbody div > a { bottom: 2px; font: 10pt/12pt Tahoma; left: 3px; position: absolute }
table.afisha-content tbody div.stbg > a { color: #999 }

/*	EVENT ID */

div.afisha-id { min-height: 190px; position: relative }
div.afisha-id h1 { opacity: 1 }

div.afisha-id > div.date { border: 1px solid #fff; padding-bottom: 5px; position: absolute; right: 0; text-align: center; top: 0; width: 161px }
div.afisha-id > div.date > span.num { display: block; font: 34pt Arial; padding: 10px 0 }
div.afisha-id > div.date > div.month { border: 1px solid #fff; border-left: none; border-right: none; font: 14pt Tahoma; margin-bottom: 5px; padding: 10px 0 }
div.afisha-id > div.date > span.wdt { font: 12pt/15pt Tahoma }
div.afisha-id > div.place { background: #000; color: #fff; float: left; font: 14pt/16pt Tahoma; margin: 20px 0 20px 15px; max-width: 400px; padding: 2px 0 4px 0 }
div.afisha-id > div.shop { clear: both; margin-left: 15px }
div.afisha-id > div.shop p { font: 12pt/15pt Tahoma; max-width: 400px }
div.afisha-msg { background: #fff; color: #000; padding: 15px }
div.afisha-msg p { font: 10pt/13pt Tahoma }