/* CSS Document */
html, body {
height: 100%;
min-height: 100%;
padding: 0;
margin: 0;
background: #5C5751 url(../img/content/bg_borderleft.gif) repeat-y left top;}
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Tahoma, Verdana, Arial, sans-serif;}
a {
color: #1C8FF9;
text-decoration: underline;}
a:hover {
text-decoration: none;}
select, input, textarea {
font-family: Tahoma, Verdana, Arial, sans-serif;}
a img {
border: none;}
form {
padding: 0;
margin: 0;}
h1 {
margin: 0;
height: 46px;
padding: 0 0 0 75px;}
h1 img {
margin: 12px 0 0 0;
position: relative;
z-index: 20;}
/* GLOBAL TABLE */
.global {
width: 100%;
border-collapse: collapse;
height: 100%;}
.global td {
padding: 0;}
#page {
vertical-align: middle;
height: 100%;
background: url(../img/gl/bgtop2.gif) repeat-x left top;}
#page2 {
position: relative;
height: 768px;}
/*
#toppage {
background: #121619 url(../img/gl/bgtop.gif) repeat-x left top;}
#bottpage {
background: #79736C url(../img/gl/bgbott.gif) repeat-x left top;
border-left: 8px solid #121619;}
#bottpage br, #toppage br {
line-height: 1px;
font-size: 1px;} */
/* ---------------------------- */
/* FOOTER */
#footer {
height: 70px;
background: url(../img/footer/bgfoot.gif) repeat-x left top;}
#foot {
height: 70px;
width: 990px;
background: url(../img/footer/bgleftop.jpg) no-repeat left top;
position: relative;
color: #989793;
font-size: 1.1em;
font-family: Arial, Tahoma, Verdana, sans-serif;}
#foot a {
text-decoration: underline;
color: #989793;}
#foot a:hover {
text-decoration: none;}
#copy {
float: left;
padding: 20px 0 0 95px;}
#copy p {
margin: 0 0 11px 0;}
#develop {
float: right;
padding: 20px 10px 0 0;}
/* --------------------------- */
/* HEADER */
#header {
background: #121619 url(../img/header/bgright.jpg) no-repeat 990px top;}
#header2 {
background: url(../img/header/bg_figurn.gif) no-repeat right 27px;
width: 990px;}
#header_content {
background: url(../img/header/bg_htop.jpg) no-repeat left top;
height: 122px;
position: relative;
z-index: 3;
font-size: 1.1em;}
#logo {
position: absolute;
left: 15px;
top: 15px;
z-index: 20;}
#add_favirites {
position: absolute;
right: 0;
top: 0;
padding: 0 0 0 12px;
background: url(../img/header/list_add.gif) no-repeat left 2px;
font-family: "Arial Narrow", Arial, Tahoma, Verdana, sans-serif;
font-size: 1.1em;}
#add_favirites a {
color: #B9B9B9;
text-decoration: underline;}
#add_favirites a:hover {
text-decoration: none;}
#menu {
background: url(../img/header/bg_menu.jpg) no-repeat right top;
position: absolute;
z-index: 19;
min-height: 39px;
left: 0;
top: 88px;
z-index: 9;
padding: 0 0 0 54px;
width: 936px;
overflow: hidden;
line-height: 34px;
color: #fff;}
#menu a {
color: #fff;
display: block;
float: left;
text-decoration: none;
margin: 0 20px;}
#menu a:hover {
text-decoration: underline;}
#menu span {
background: url(../img/header/menu_active.gif) no-repeat center bottom;
height: 39px;
display: block;
float: left;
padding: 0 22px;}
#menu span a { margin:0;}
/* ------------------------------ */
/* CONTENT */
.middle {
width: 100%;
border-collapse: collapse;}
.middle td {
padding: 0;}
#content {
height: 576px;
width: 990px;}
.cindex_bg {
background: url(../img/content/bg_center.jpg) no-repeat right 46px;}
#index {
background: url(../img/content/bg_middle.gif) repeat-x right top;}
.cleft_index {
background: url(../img/content/bg_cleft.jpg) no-repeat left 46px;}
#index_ph {
position: absolute;
left: 0;
top: 5px;
z-index: 1;}
.cc {
position: relative;
height: 576px;
background: url(../img/content/bg_borderleft.gif) repeat-y left top;}
.cbottom {
background: url(../img/content/bg_cbott.gif) no-repeat left top;
height: 23px;
font-size: 0.1em;}
.cbottom_inn {
background: url(../img/content/bg_cbott.gif) no-repeat left bottom;
height: 22px;
font-size: 0.1em;}
.bott_banner {
padding: 6px 0 0 0;
/* height: 117px; */
text-align: right;}
.bott_banner img {
margin: 0 0 0 15px;}
.index_content {
height: 430px;
position: relative;
padding: 0 0 0 260px;
z-index: 3;}
h1 {
margin: 0;
height: 46px;
padding: 0 0 0 75px;}
h1 img {
margin: 12px 0 0 0;}
#ititle_news {
position: absolute;
left: 267px;
top: 70px;
margin: 0;
padding: 0;
z-index: 9;}
#ititle_anons {
position: absolute;
left: 643px;
top: 70px;
margin: 0;}
.inews {
float: left;
padding: 22px 0 0 74px;
width: 280px;}
.inews h3, .news h3 {
margin: 0;
padding: 0 0 2px 0;
font-size: 1.0em;
color: #1C8FF9;
font-weight: normal;}
.inews h4, .news h4 {
color: #272727;
font-size: 1.0em;
margin: 0;
padding: 0 0 2px 0;}
.inews h4 a, .news h4 a {
color: #272727;
text-decoration: none;}
.inews h4 a:hover, .news h4 a:hover {
text-decoration: underline;}
.inews p, .news p {
margin: 0;
text-align: justify;
color: #818181;
font-size: 1.1em;
padding: 0 0 12px 0;}
.news h2 {
margin: 0;
font-size: 1.2em;
padding: 6px 0 8px 0;
color: #1C8FF9;}
.ianons {
float: right;
width: 280px;
padding: 24px 0 0 0;}
#concerts {
height: 1%;
overflow: hidden;
background: #7B7D7F url(../img/content/bg_concerts.gif) repeat-y left top;
margin: 0 0 14px 0;
padding: 0 0 4px 0;
color: #ECECEC;
font-size: 1.1em;}
#concerts h2, #golos h2 {
margin: 0;
float: left;}
#concerts div {
margin: 0 0 0 60px;}
#concerts div h4 {
margin: 0;
font-size: 1.0em;
float: left;}
#concerts div h4 strong {
font-size: 0.9em;}
#concerts div p {
margin: 0 0 0 70px;
background: url(../img/content/rzd.gif) no-repeat left 2px;
padding: 0 4px 14px 9px;}
#concerts a {
color: #fff;
text-decoration: underline;}
#concerts a:hover {
text-decoration: none;}
#golos {
height:1%;
overflow: hidden;
background: #1C8FF9 url(../img/content/bg_golos.gif) repeat-y left top;
color: #fff;
/* margin-bottom: 14px; */
font-size: 1.1em;}
#golos ul {
margin: 0 0 0 60px;
padding: 12px 0 8px 0;
list-style: none;}
#golos ul li {
margin: 0;
padding: 0 0 8px 0;}
#golos a {
color: #fff;
text-decoration: underline;}
#golos a:hover {
text-decoration: none;}
.anons_content {
height: 1%;
overflow: hidden;}
.anons_content img {
float: left;
border: 3px solid #ECECEC;
margin: 0 20px 12px 0;}
.anons_content h3 {
margin: 0;
padding: 0 0 2px 0;
font-size: 1.0em;
color: #1C8FF9;
font-weight: normal;}
.anons_content h4 {
color: #272727;
font-size: 1.0em;
margin: 0;
padding: 0 0 2px 0;}
.anons_content p {
margin: 0;
text-align: justify;
color: #818181;
font-size: 1.1em;
padding: 0 0 12px 0;}
#inner {
background: url(../img/content/bg_inner.gif) repeat-x left top;}
.bgbioleft {
background: url(../img/content/bg_bioleft.jpg) no-repeat left 46px;}
.bgphotoleft {
background: url(../img/content/bg_photoleft.jpg) no-repeat left 46px;}
.bg_inner {
background: url(../img/content/bg_cinner.jpg) no-repeat right 46px;}
.bgdiskleft {
background: url(../img/content/bg_diskleft.jpg) no-repeat left 46px;}
.bgpressatv{
background: url(../img/content/bg_pressa_tv.jpg) no-repeat left 46px;}
.bgmic {
background: url(../img/content/bg_mic.jpg) no-repeat left 46px;}
.bio {
position: relative;
z-index: 3;
height: 554px;
padding: 0 0 0 260px;}
.txt {
padding: 0 0 0 2px;}
.txt h4 {
margin: 0;
padding: 2px 0 2px 0;
font-size: 1.0em;
color: #1C8FF9;}
.txt p {
font-size: 1.1em;
color: #646464;
text-align: justify;
margin: 0;
padding: 0 0 12px 0;}
.txt ul {
margin: 0;
padding: 0 0 6px 0;
list-style: none;}
.txt ul li {
padding: 0 0 6px 12px;
list-style: none;
margin: 0;
font-size: 1.1em;
background: url(../img/content/bull.gif) no-repeat left 4px;}
.photo {
border-collapse: collapse;}
.photo td {
padding: 2px 40px 18px 2px;
width: 115px;}
.photo2 {
border-collapse: collapse;}
.photo2 td {
padding: 2px 12px 18px 2px;
vertical-align: top;}
.photo2 th {
font-weight: normal;
width: 50%;
text-align: left;
vertical-align: top;
padding: 2px 12px 18px 2px;
font-size: 1.1em;}
.photo2 th h4 {
font-size: 1.0em;
margin: 0;
padding: 12px 0;
color: #818181;}
.photo2 th p {
margin: 0;
padding: 0 0 12px 0;}
.photo3 {
border-collapse: collapse;}
.photo3 td {
padding: 2px 12px 18px 2px;
vertical-align: top;}
.photo3 th {
font-weight: normal;
width: 100%;
text-align: left;
vertical-align: top;
padding: 2px 12px 18px 8px;
font-size: 1.1em;}
.photo3 th h4 {
font-size: 1.2em;
margin: 0;
padding: 10px 0;
color: #0075FF;}
.photo3 th p {
margin: 0;
padding: 0 0 12px 0;}
.phblock {
background: url(../img/content/bg_phblok_bott.gif) no-repeat right bottom;
padding: 0 5px 4px 0;}
.phblock div {
background: #DCDCDC url(../img/content/bgph.gif) repeat-x right bottom;
border-left: 3px solid #fff;
border-right: 3px solid #fff;
padding: 0 0 10px 0;}
.phblock div p {
background: url(../img/content/bgph.gif) repeat-x right top;
text-align:center;
padding: 10px 0 0 0;
margin: 0;}
.photo_title {
margin: 0;
padding: 0 6px;
font-size: 1.0em;
color: #1C8FF9;}
.photo_title a {
color: #1C8FF9;
text-decoration: none;}
.photo_title a:hover {
text-decoration: underline;}
.disk_details {
padding: 0 0 0 325px;}
.disk_details.noalign p{
text-align:left;}
.disk_details h2 {
font-size: 1.0em;
padding: 0 0 14px 0;
margin: 0;
color: #272727;}
.disk_details h4 {
margin: 0;
padding: 2px 0;
color: #0075FF;
font-size: 1.0em;}
.disk_details p {
color: #818181;
font-size: 1.1em;
text-align: justify;
margin: 0;
padding: 0 0 12px 0;}
#disk {
position: absolute;
left: 334px;
top: 70px;
width: 310px;
//width: 315px;
height: 454px;
background: #7B7D7F url(../img/content/bg_concerts.gif) repeat-y left top;
z-index: 10;}
#disk h2 {
float: left;}
#disk div {
margin: 0 0 0 54px;
}
#disk div.cont {
margin: 0 0 0 54px;
height:454px;
overflow:hidden;
//line-height:13px;
}
#disk div h3 {
color: #fff;
margin: 0;
padding: 8px 6px 10px 5px;
font-size: 1.8em;
font-weight: normal;}
#disk div p {
padding: 0 6px 12px 4px;
margin: 0;}
#disk div table {
margin: 0 6px 0 0;
border-collapse: collapse;}
#disk div table td {
font-size: 1.1em;
color: #B2B6BA;
vertical-align: top;
padding: 0;}
#disk div table th {
padding: 0 0 1px 5px;
text-align: left;
font-weight: normal;
font-size: 1.1em;
color: #ECECEC;}
#disk div table a {
text-decoration: none;
color: #ECECEC;}
#disk div table a:hover {
text-decoration: underline;}
.cform {
padding-top: 18px;}
.cform p {
font-size: 1.1em;
color: #fff;}
.cform p label {
display: block;
padding: 0 2px 3px 2px;
font-weight: bold;}
.frms {
background: #fff;
border: 1px solid #333;
padding: 2px;
font-size: 1.0em;}
#paging {
text-align: center;
font-size: 1.1em;}
#paging a, #paging strong {
padding: 0 3px;}
/* --------------------------------- */
/* SCROLLBAR */
#mycustomscroll {
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
height: 458px;
width: 630px;
margin: 22px 0 0 0;
padding: 0 25px 0 75px;}
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0;
left: 0;}
.vscrollerbase {
width: 18px;
background: url(../img/content/bg_scroll.gif) repeat-y left top;}
.vscrollerbar {
width: 18px;
background: url(../img/content/drag_bar.gif) no-repeat left top;
height: 29px !important;
cursor: move;}
/* ------------------------ */
#disk .play a, #disk .play{color:#B2B6BA; vertical-align:top;}
#disk .play a:hover{text-decoration:underline;}
#disk .links{
width:80px;
margin:0;
}
/* ------ PLAYER ------ */
#disk .player {
width: 80px;
height: 12px;
background: url(../img/player/main_bg.gif) repeat-x left top;
margin:0;
}
#disk div.stop{
width:10px;
height:10px;
background: url(../img/player/stop.gif) no-repeat left top;
margin:1px;
cursor:pointer;
//cursor:default;
float:left;
}
#disk div.progress_container{
width:62px;
height:5px;
background:url(../img/player/progress_bg.gif) repeat-x left top;
margin:3px 1px 3px 2px;
float:left;
}
#disk div.progress_bar{
width:60px;
height:3px;
background:#000;
margin:1px;
padding:0;
}
*html #disk div.progress_bar{
width:60px;
height:3px;
background:transparent;
position:absolute;
margin:1px;
padding:0;
}
#disk div.progress_load_bar{
height:3px;
width:0;
background:url(../img/player/progress_load.gif) repeat-x left top;
margin:1px 0;
//margin:0 0;
cursor:pointer;
//cursor:default;
}
#disk div.progress_play_bar{
height:3px;
width:0;
background:url(../img/player/progress_play.gif) repeat-x left top;
margin:1px 0;
//margin:0 0;
}