/******************************************************************************/
/*
/*	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 }

acronym { cursor: help }

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 }

/*	RESULT MESSAGE */
#result { background: url('/public/templates/images/stbg.png') repeat; font: 10pt/12pt Tahoma; left: 50%; margin-left: -160px; padding: 10px; position: fixed; text-align: center; top: 44%; width: 300px; z-index: 9999 }

/*	FORMS */

input.text-field,
textarea.text-field { background: transparent; border: 1px solid #bbb; color: #bbb; font: 10pt/12pt Tahoma; padding: 2px }

/*	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.special-red { color: #f55 !important }
p.h-menu > a:hover,
p.h-menu > a.active { color: #0ff; text-decoration: none }

div.h-icons {padding-left: 15px; padding-top: 5px}
a.h-icons {position: relative}
a.h-tw {left: 16px}
a.h-yt {left: 41px}
a.h-fb {left: 69px}
a.h-vk {left: 78px}
a.h-od {left: 134px}
a.h-fl {left: 161px; top: -8px}
a.h-pd {left: 185px; top: -7px}
a.h-tw-eng {left: 3px}
a.h-yt-eng {left: 6px}
a.h-fb-eng {left: 10px}
a.h-vk-eng {left: 16px}
a.h-od-eng {left: 26px}
a.h-fl-eng {left: 32px; top: -8px}
a.h-pd-eng {left: 42px; top: -7px}

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 }

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

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

#h-login, #h-enter, a.h-forgot { cursor: pointer; text-decoration: underline }
#h-enter, a.h-forgot { color: #bbb }
a.h-forgot { position: absolute; top: 58px; left: 246px }
#h-login:hover, #h-enter:hover, a.h-forgot:hover { text-decoration: none }

/*	CONTENT */

div.content { padding: 15px 0 66px 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
/*
/******************************************************************************/

/*	MAIN BANNER */

a.enter-text { background: #000; padding-top: 10px; height: 40px; left: 0; right: 0; position: relative; display: block; font: 16pt Arial; color: #ffc20e; text-align: center; z-index: 999 }
#bnr { position: relative }

div.min-height { min-height: 380px }

/*	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: 14pt/14pt 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 }

div.mp-video {position: relative; top: 5px}

/*	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; position: relative }

span.news-i-comms, span.news-i-polls { display: block; float: left; font: italic 10pt Tahoma; position: absolute; right: 0; top: 0; width: 30px }
span.news-i-polls { right: 60px }

/******************************************************************************/
/*
/*	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 }

p.date { position: relative }

/*	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; position: relative }

/*	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 }

table.soc { border-collapse: collapse; width: 645px; margin-left: 15px; margin-bottom: 5px }
table.soc td { vertical-align: top }
table.soc td.fb { padding-top: 1px }
table.soc td.vk {  }
#vkshare0 {  }
table.soc td.cl { padding-top: 1px }
table.soc td.mail > a { top: -1px  }

/******************************************************************************/
/*
/*	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,
table.afisha-content 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.date { color: #ccc; font: 10pt Tahoma; position: absolute; right: 3px; top: 1px }
table.afisha-content tbody div > span.comms { color: #777 !important; font: italic 10pt Tahoma; position: absolute; left: 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 }

/******************************************************************************/
/*
/*	SECTIONS "COMMUNITY" SETUPS
/*
/******************************************************************************/

div.community-loginbox { font: 10pt/12pt Tahoma; padding: 10px 0 }

/*	REGISTRATION FORM */

table.register { border-collapse: collapse }
table.register td { padding: 5px 5px 5px 0; font: 10pt/12pt Tahoma; vertical-align: top }
table.register td.title { width: 260px }
table.register td.title span { color: #999; font: italic 8pt Tahoma }

select.select-lang { border: 1px solid #fff; color: #555; font: 10pt/10pt Tahoma; opacity: 0.6; margin: 0; padding: 2px; position: relative; width: 205px }
input.register { width: 200px }
textarea.register { height: 100px; width: 200px }

#captcha { cursor: pointer; margin-top: 10px }
img.captcha-wait { background: url( '/public/templates/images/i-wait.gif' ) 44% 44% no-repeat }

/*	MEMBERS INFO */

div.members-nav { border-bottom: 1px solid #777; font: 10pt Tahoma; margin-bottom: 15px; padding: 10px 0 15px 0 }

p.msg-green { color: #0f0 }
p.msg-red { color: #f00 }

table.members-info td.title { width: 160px }
table.members-info td span.descr { font-style: italic }

/*	BUTTONS & LINKS */

#c-loginbox-go, #registerbox-go, a.c-forgot { cursor: pointer; font: 10pt Tahoma; text-decoration: underline }
#c-loginbox-go:hover, #registerbox-go:hover, a.c-forgot:hover { text-decoration: none }

/******************************************************************************/
/*
/*	SECTIONS "POLLS" SETUPS
/*
/******************************************************************************/

div.poll-left { float: left; width: 440px }
div.poll-right { margin-left: 490px }

p.poll-ttl { font: bold 12pt/14pt Tahoma !important }
p.poll-descr { font: 8pt/10pt Tahoma !important }
p.poll-descr-alb { font: bold italic 10pt/12pt Tahoma !important; margin-top: 15px !important }
table.poll-vars { border-collapse: collapse }
table.poll-vars td { font: 10pt/12pt Tahoma; padding: 3px 5px; text-align: left; vertical-align: top }
table.poll-vars td.poll-label { padding-left: 0; width: 220px }
table.poll-vars td.poll-vote { padding: 20px 0 }
table.poll-vars td.box-go { padding-left: 20px }

table.poll-vars td label { cursor: pointer }
table.poll-vars td.strip { width: 150px }
table.poll-vars td.ttl { width: 100px }
input.poll-pickup { left: -8px; position: relative; top: -1px }

#c-pollbox-go { cursor: pointer; font: 10pt Tahoma; text-decoration: underline }
#c-pollbox-go:hover { text-decoration: none }

table.poll-vars > thead.results th { font: bold 14pt/14pt Tahoma; padding: 0 0 50px 0; text-align: center }
table.results { width: 400px }
table.results td { padding: 3px 5px 3px 0 }
table.poll-vars td.strip div { height: 12px; float: left; margin-top: 1px }
table.poll-vars td.strip span { left: 4px; position: relative }

div.poll-vars-strip { background: #999; padding: 1px }

/******************************************************************************/
/*	COMMENTS SETUPS
/******************************************************************************/

table.add-comments { margin-top: 20px }
table.add-comments td.title { width: 220px }
input.poll-comment,
textarea.poll-comment { width: 188px }

span.comment-del-btn { cursor: pointer; font-weight: bold }

table.comments-table { border-collapse: collapse; margin-top: 20px; width: 432px }
tbody.comment td { font: 8pt/10pt Tahoma; padding: 0; vertical-align: top }
tbody.comment td.comment-avatar { width: 50px }
tbody.comment td.comment-avatar > img { height: 40px; width: 40px }
tbody.comment td.comment-ttl { }
tbody.comment td.comment-ttl div.comment-un { font-weight: bold; margin-bottom: 5px; overflow: hidden; width: 256px }
tbody.comment td.comment-ttl div.comment-date { font-style: italic }
tbody.comment td.comment-del { text-align: right; vertical-align: top }
tbody.comment td.comment-text { border-top: 1px solid #aaa; color: #aaa; padding-bottom: 10px }
tbody.comment td.comment-text div { margin: 5px 0 10px 0; overflow: hidden; width: 432px }