/*
----------------------------------------------- 
MTV charts css CSS 
Author: nivas
URL: http://www.nivas.hr/     
----------------------------------------------- */
#mtv_wrap {
margin:0 auto;
text-align:left;
width:468px;
top:-20px;
position:relative;
}
#mtv_wrap .head {
position:relative;
height:231px;
}
#mtv_wrap .head p {
line-height:1.3em;
font-size:13px;
font-weight:bold;
position:absolute;
bottom:10px;
left:10px;
width:396px;
}
html>body #mtv_wrap .head p {
bottom:0;
}
#mtv_wrap .head p a {
color:#fff;
text-decoration:none;
}
#mtv_wrap .head p a:hover {
color:#fff;
text-decoration:underline;
}
#mtv_wrap .head p span {
background:#000;
}
#mtv_wrap .date {
margin:0;
padding:6px 0 0 0;
background:url(../images/bg-date.gif) repeat-x top left;
}
#mtv_wrap .date p {
font-size:24px;
line-height:1;
margin:0;
padding:5px 10px;
font-weight:bold;
}
#mtv_wrap .chart_list {
}
#mtv_wrap .chart_list ul, 
#mtv_wrap .chart_list ul li {
list-style:none;
padding:0;
margin:0;
display:inline;
font-family:Arial, Helvetica, sans-serif;
}
#mtv_wrap .chart_list ul li.large dl {
width:100%;
float:left;
margin:0;
padding:0;
height:53px;
border-top:1px solid #222524;
background:url(../images/bg-chart-tile.gif) no-repeat top left;
}
#mtv_wrap .chart_list ul li.large dt {
width:150px;
float:left;
margin:0;
padding:0;
height:53px;
vertical-align:middle;
position:relative;
font-size:16px;
}
#mtv_wrap .chart_list ul li.large dt em {
font-style:normal;
color:#666;
}
#mtv_wrap .chart_list ul li.large dt span {
position:absolute;
left:15px;
top:30%;
}
#mtv_wrap .chart_list ul li.large dt span img.ico {
top:-3px;
position:relative;
padding-right:5px;
}
#mtv_wrap .chart_list ul li.large dt img.artist {
position:absolute;
right:0;
top:2px;
}
#mtv_wrap .chart_list ul li.large dd {
width:290px;
float:left;
margin:0;
padding:5px 0 0 15px;
height:53px;
font-weight:bold;
font-size:16px;
}
#mtv_wrap .chart_list ul li dd em {
color:#ccc;
font-style:normal;
}
#mtv_wrap .chart_list ul li.small dl {
width:100%;
float:left;
margin:0;
padding:0;
height:50px;
border-top:1px solid #222524;
background:url(../images/bg-chart-tile.gif) no-repeat top left;
}
#mtv_wrap .chart_list ul li.small dt {
width:85px;
float:left;
margin:0;
padding:0;
height:50px;
vertical-align:middle;
position:relative;
font-size:16px;
}
#mtv_wrap .chart_list ul li.small dt em {
font-style:normal;
color:#666;
}
#mtv_wrap .chart_list ul li.small dt span {
position:absolute;
left:15px;
top:30%;
}
#mtv_wrap .chart_list ul li.small dt span img.ico {
top:-3px;
position:relative;
padding-right:5px;
}
#mtv_wrap .chart_list ul li.small dt em {
font-style:normal;
color:#666;
}
#mtv_wrap .chart_list ul li.small dd {
width:290px;
float:left;
margin:0;
padding:5px 0 0 15px;
height:50px;
font-weight:bold;
font-size:16px;
}
#mtv_wrap .chart_list ul li.small dd strong {
color:#00aeef;
}
#mtv_wrap a.vote {
margin-left:100px;
float:left;
}



















 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 