* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #000;
font: 70% arial, sans-serif;
}
a {
color: #ec006a;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a img {
border: 0;
}
li {
list-style: none;
}
table, td, th {
position: relative;
}
.artist_img_big {
border: 1px solid #cbcbcb;
/*float: left;*/
margin: 0 30px 20px 0;
padding: 5px;
}
.artists_img {
float: left;
height: 92px;
position: relative;
width: 72px;
}
.artists_img a {
border: 1px solid #dfdfdf;
display: block;
padding: 5px;
position: relative;
}
.artists_img a:hover {
border: 1px solid #f03388;
}
#center .attach {
width: 100%;
}
#center .attach td {
border: 1px solid #cbcbcb;
border-width: 0 0 1px 0;
padding: 5px;
vertical-align: middle;
}
#center .attach .attach_num {
color: #aeaeae;
padding: 5px 10px;
}
#center .attach .attach_download {
padding: 5px 2px 5px 0;
}
#center .attach .attach_listen {
padding: 5px 0 5px 0;
}
.attach_title {
width: 100%;
}
.c_h_line_1px {
background: #CBCBCB;
font-size: 0;
height: 1px;
line-height: 0;
margin: 30px 0 20px 0;
position: relative;
}
.clear {
clear: both;
font-size: 0;
height: 0;
line-height: 0;
padding: 0;
visibility: hidden;
width: 0;
}
.color_1 {
color: #949494;
}
.color_2 {
color: #cbcbcb;
}
#center .from td {
border: 0;
padding: 0 0 5px 0;
}
.form_button {
background: #ec006a;
border-width: 0;
color: #fff;
margin: 30px 0 0 0;
padding: 3px 15px;
}
.form .form_submit {
background: #ec006a;
border-width: 0;
color: #fff;
margin: 30px 0 0 0;
padding: 3px 15px;
width: auto;
}
.form input {
border: 1px solid #cbcbcb;
padding: 2px;
width: 97%;
}
.form textarea {
border: 1px solid #cbcbcb;
height: 70px;
padding: 2px;
width: 97%;
}
.form_l {
color: #969696;
text-align: left;
}
.form_l label {
margin: 0 10px 0 0;
}
.form_r {
padding: 0 0 5px 0;
width: 100%;
}
.fltr_artist_submit {
border: 1px solid #ec006a;
background: #fff;
color: #ec006a;
font-size: .9em;
margin: 0 0 0 5px;
}
.img_left {
border: 1px solid #cbcbcb;
float: left;
margin: 0 15px 12px 0;
padding: 5px;
}
.img_left div {
color: #aeaeae;
font-size: .9em;
line-height: 1em;
padding: 10px 0 5px 0;
}
.img_right {
border: 1px solid #cbcbcb;
float: right;
margin: 0 0 12px 15px;
padding: 5px;
}
.img_right div {
color: #aeaeae;
font-size: .9em;
line-height: 1em;
padding: 10px 0 5px 0;
}
.img_zoomed {
background: transparent;
border: 1px solid #000;
padding: 5px;
position: absolute;
z-index: 100;
}
.l_adv {
margin: 0 0 5px 0;
}
.line_1px {
background: #cbcbcb;
height: 1px;
font-size: 0;
line-height: 0;
}
.news_i_date {
margin: 0 0 7px 0;
padding: 0;
}
.news_i_date span {
background: #ec006a;
color: #fff;
font-size: .9em;
padding: 2px 4px;
}
.news_i_more {
background: url(img/icon_rarrr_9x9.png) 4px 50% no-repeat;
font-size: .9em;
position: relative;
}
.news_i_more a {
border: 1px solid #dfdfdf;
padding: 2px 3px 2px 17px;
}
.news_i_title {
font-size: 1.2em;
font-weight: bold;
line-height: 1.1em;
margin: 0 0 .4em 0;
}
.news_i_title a {
color: #000;
}
#center .pages {
font-size: 12px;
margin: 0 0 20px 0;
padding: 2px 0 0 0;
}
#center .pages li {
display: inline;
list-style: none;
margin: 0 2px 0 0;
}
#center .pages li a {
border: 1px solid #cbcbcb;
padding: 2px 5px;
}
#center .pages li a:hover {
border: 1px solid #ec006a;
text-decoration: none;
}
#center .pages .pages_a {
background: #ec006a;
border: 1px solid #ec006a;
color: #fff;
font-weight: bold;
padding: 2px 5px;
}
.partners_logo {
left: 0;
position: absolute;
text-align: center;
top: 50%;
width: 100px;
}
.r_block {
border: 1px solid #cbcbcb;
margin: 0 0 5px 0;
padding: 19px;
position: relative;
text-align: center;
}
.r_block_rel {
border-bottom: 1px solid #cbcbcb;
color: #969696;
line-height: .95em;
padding: 0 0 10px 0;
text-align: left;
}
.releases_img {
float: left;
height: 82px;
position: relative;
width: 82px;
}
.releases_img a {
border: 1px solid #dfdfdf;
display: block;
padding: 5px;
position: relative;
}
.releases_img a:hover {
border: 1px solid #f03388;
}
.releases_l_img {
height: 82px;
margin: 0 0 3px 0;
position: relative;
width: 82px;
}
.releases_l_img a {
border: 1px solid #dfdfdf;
display: block;
padding: 5px;
position: relative;
}
.releases_l_img a:hover {
border: 1px solid #f03388;
}
.releases_l_zoom {
background: url(img/icon_plus_11x11.gif) 0% 50% no-repeat;
margin: 0 0 0 6px;
padding: 0 0 0 15px;
}
.warning {
color: #f00;
}
#archive {
background: url(img/icon_arrd_7x4.gif) 9px 50% no-repeat;
color: #ec006a;
float: right;
font-weight: bold;
margin: 0;
position: relative;
}
#archive a {
border: 1px solid #dfdfdf;
padding: 3px 3px 3px 23px;
position: relative;
}
#archive a:hover {
border: 1px solid #ec006a;
text-decoration: none;
}
#artist_info {
margin: 0 0 40px 0;
}
#center #artists {
width: 330px;
}
#center #artists li {
clear: left;
line-height: 1.3em;
list-style: none;
margin: 0;
padding: 0 0 20px 0;
width: 330px;
}
#center #artists li dl {
margin: 0 0 0 82px;
}
#center #artists li dt {
font-size: 1.15em;
font-weight: bold;
margin: 0 0 .7em 0;
}
#center #artist_mixes {
border: 1px solid #dfdfdf;
border-width: 1px 0;
margin: 0 0 20px 0;
padding: 10px 0;
position: relative;
}
#center #artist_mixes ul {
margin: 0;
}
#center #artist_mixes ul li {
list-style: none;
margin-left: 30px;
}
#body {
background: #fff;
height: 100%;
position: relative;
}
#btn_buy {
background: #ec006a url(/img/btn_buy_en.png) 0 0 no-repeat;
border-width: 0;
color: #fff;
cursor: pointer;
height: 19px;
padding: 0;
position: relative;
width: 72px;
z-index: 5;
}
#center #btn_buy_shops {
background: #fff;
border: 1px solid #dfdfdf;
left: 72px;
padding: 5px 0 0 5px;
position: absolute;
top: 0;
z-index: 5;
}
#center #btn_buy_shops ul {
clear: left;
margin: 0 0 5px 0;
padding: 0;
position: relative;
}
#center #btn_buy_shops li {
float: left;
height: 1%;
list-style: none;
margin: 0 5px 5px 0;
position: relative;
text-align: center;
z-index: 5;
}
#btn_buy_wrap {
margin: 30px 0 0 0;
position: relative;
z-index: 5;
}
#center {
float: left;
font-size: 1.1em;
position: relative;
width: 410px;
}
#center h1 {
font-size: 28px;
font-weight: normal;
line-height: 26px;
margin: 0 0 .3em 0;
}
#center h2 {
font-size: 1.45em;
margin: 0 0 .3em 0;
}
#center h3 {
font-size: 1.15em;
margin: 0 0 .3em 0;
}
#center p {
line-height: 1.3em;
margin: 0 0 1.2em 0;
}
#center table {
border: 0;
border-spacing: 0;
border-collapse: collapse;
empty-cells: show;
}
#center ul {
margin: 0 0 1.4em 0;
padding: 0;
position: relative;
}
#center ul li {
line-height: .95em;
list-style: disc;
margin: 0 0 .5em 20px;
}
#center_m {
margin: 0 40px;
padding: 8px 0 0 0;
position: relative;
}
#fltr_artists {
position: absolute;
left: 125px;
top: 7px;
}
#fltr_artists select {
font-size: .9em;
}
#footer {
bottom: 0;
color: #cbcbcb;
font-size: 11px;
height: 56px;
left: 0;
position: absolute;
width: 100%;
}
#footer a {
color: #dbb3c5;
text-decoration: underline;
}
#footer_c {
height: 55px;
margin: 0 auto;
position: relative;
width: 770px;
}
#footer_copy {
left: 0;
position: absolute;
top: 14px;
text-align: left;
}
#footer_divin {
position: absolute;
right: 0;
top: 10px;
}
#footer_rss {
height: 19px;
position: absolute;
right: 100px;
top: 10px;
width: 47px;
}
#h_player {
position: absolute;
right: 0;
top: 10px;
z-index: 2;
}
#h_player_i {
font-size: 9px;
position: absolute;
right: 0;
top: 30px;
z-index: 2;
}
#header {
height: 120px;
margin: 0 auto;
position: relative;
width: 770px;
}
#header_back {
height: 9px;
position: absolute;
right: 30px;
top: 9px;
width: 67px;
}
#header_logo {
height: 52px;
left: 0;
position: absolute;
top: 30px;
width: 162px;
}
#img_i {
margin: 0 0 18px 0;
position: relative;
}
#left {
float: left;
position: relative;
width: 210px;
}
#l_adv {
margin: 10px 0 5px 0;
}
#l_cup {
background: url(img/icon_cup.png) 0% 0% no-repeat;
height: 69px;
position: absolute;
right: 0;
top: -31px;
width: 52px;
}
#l_free {
border: 1px solid #cbcbcb;
padding: 0 27px 10px 27px;
position: relative;
}
#l_free_down {
background: url(img/icon_rarrd_9x9.png) 4px 50% no-repeat;
font-size: 1em;
position: relative;
}
#l_free_down a {
border: 1px solid #dfdfdf;
padding: 2px 3px 2px 17px;
}
#l_h2 {
font-size: 28px;
font-weight: normal;
margin: 0 0 5px 0;
}
#l_top10 {
background: #000;
margin: 0 0 5px 0;
position: relative;
}
#l_top10 img {
margin: 0 7px 0 -19px;
position: relative;
}
#l_top10 ul {
margin: 0;
padding: 20px 10px;
position: relative;
z-index: 1;
}
#l_top10 ul li {
color: #fff;
line-height: .95em;
list-style: none;
margin: 0 0 .8em 0;
padding: 0 17px 0 19px;
position: relative;
}
#l_top10 ul li a {
color: #fff;
}
#main {
margin: 5px auto 0 auto;
position: relative;
width: 770px;
}
#menu_lang {
margin: 0;
padding: 0;
position: absolute;
right: 18px;
top: 43px;
width: 70px;
}
#menu_lang #menu_lang_a {
background: #ec006a;
color: #fff;
line-height: 26px;
margin: 0 12px 0 0;
padding: 0 6px;
}
#menu_lang li {
font-size: 11px;
font-weight: bold;
float: left;
list-style: none;
position: relative;
}
#menu_lang li a {
border: 1px solid;
color: #000;
display: block;
margin: 3px 0 0 0;
padding: 2px 3px;
}
#menu_t {
background: #000 url(img/menu_t.png) 0% 0% repeat-x;
height: 28px;
left: 0;
position: absolute;
top: 92px;
width: 770px;
}
#menu_t_l {
background: url(img/menu_t_l.gif) 0% 0% no-repeat;
height: 28px;
position: absolute;
left: 0;
top: 0;
width: 1px;
z-index: 1;
}
#menu_t_r {
background: url(img/menu_t_l.gif) 0% 0% no-repeat;
height: 28px;
position: absolute;
right: 0;
top: 0;
width: 1px;
z-index: 1;
}
#nav {
margin: 0;
padding: 0 18px;
position: relative;
}
#nav li {
float: left;
list-style: none;
position: relative;
text-align: left;
}
#nav li a {
display: block;
padding: 11px 12px 10px 12px;
position: relative;
}
#nav li img {
display: block;
}
#nav_a {
background: #bb0053 url(img/menu_t_a.png) 0% 0% repeat-x;
padding: 11px 12px 10px 12px;
}
#main #nav_prevn {
clear: both;
margin: 30px 0 0 0;
position: relative;
}
#main #nav_prevn li {
float: left;
list-style: none;
margin: 0;
position: relative;
}
#main #nav_prevn li a {
border: 1px solid #dfdfdf;
margin: 0;
padding: 2px 5px;
position: relative;
}
#main #nav_prevn li a:hover {
border: 1px solid #ec006a;
text-decoration: none;
}
#center #news_i {
padding: 0;
position: relative;
margin: 0 0 3em 0;
}
#center #news_i li {
list-style: none;
margin: 0 0 2.4em 0;
padding: 0;
position: relative;
}
#center #news_i li dl {
margin: 0;
padding: 0;
position: relative;
}
#center #news_i li dl dd {
line-height: 1.3em;
margin: 0 0 1.2em 0;
padding: 0;
}
#prefooter {
height: 100px;
}
#press_date {
margin: 0 0 30px 0;
padding: 0;
}
#press_date span {
background: #ec006a;
color: #fff;
font-size: .9em;
padding: 2px 4px;
}
#center #mixes {
width: 330px;
}
#center #mixes li {
clear: left;
list-style: none;
margin: 0;
padding: 0 0 20px 0;
width: 330px;
}
#center #mixes li dt {
font-size: 1.15em;
font-weight: bold;
line-height: 1.1em;
margin: 0 0 .7em 0;
}
#center #partners {
margin: 0 0 3em 0;
position: relative;
width: 520px;
}
#center #partners li {
border-bottom: 1px solid #dfdfdf;
clear: left;
list-style: none;
margin: 0;
min-height: 60px;
position: relative;
padding: 1.2em 0 .6em 0;
width: 520px;
}
#center #partners li dl {
margin: 0 0 0 120px;
}
#center #partners li dt {
color: #ed1174;
font-size: 1.15em;
font-weight: bold;
line-height: 1.1em;
margin: 0 0 .7em 0;
}
#center #partners li p {
margin: 0 0 .6em 0;
}
#right {
float: right;
position: relative;
width: 150px;
}
#r_first {
margin-top: 37px;
}
#r_sites {
margin: 15px 0 0 0;
padding: 0;
position: relative;
}
#r_sites li {
list-style: none;
margin: 0 0 4px 0;
padding: 0;
position: relative;
text-align: center;
}
#center #releases {
width: 330px;
}
#center #releases li {
clear: left;
list-style: none;
margin: 0;
padding: 0 0 20px 0;
width: 330px;
}
#center #releases li dl {
margin: 0 0 0 92px;
}
#center #releases li dt {
font-size: 1.15em;
font-weight: bold;
line-height: 1.1em;
margin: 0 0 .7em 0;
}
#releases_l {
left: -93px;
position: absolute;
top: 0;
}
html>body #body {
height: auto;
min-height: 100%;
}
* html #center .form td {
padding: 0 0 3px 0;
}
* html #center #artists li dl {
height: 1px;
}
* html #center #mixes li dl {
height: 1px;
}
* html #center #news_i li dl {
margin: -15px 0 0 0;
}
* html #center #partners li {
height: 60px;
}
* html #center #partners li dl {
height: 1px;
}
* html #center #releases li dl {
height: 1px;
}