html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, figure, footer, header, hgroup, nav, section { display:block; }

ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; display:none; }

em, var { font-style:normal; }

table { border-collapse:collapse; border-spacing:0; font-size:1em; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

table { empty-cells:show; font-size:1em; }
table th { vertical-align:top; text-align:left; font-weight:normal; }
table td { vertical-align:top; }

select, input, textarea { font:99% sans-serif; }

a:hover, a:active { outline: none; }

:focus { outline:0; }


/*------------------------- non-semantic helper classes  ---------------------------*/
.clear { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { zoom:1; }


/*---------------------------------- base styles -----------------------------------*/
html { font-size:100%; }
body { background:#000; color:#a1a1a1; font:normal 12px Arial, Tahoma, Verdana,sans-serif; }


/*------------------------------------- layout ------------------------------------*/
html, body { height:100%; }

body { background:#000 url(../images/bg.jpg) no-repeat 50% 0; min-width:950px; }

a { color:#7d7d7d; }
a:hover { color:#fff; }

h2, h3 { color:#fff; text-shadow:1px 1px 2px #000; line-height:1.33; font-weight:bold; }

h2 { padding-bottom:25px; font-size:22px; }
h3 { padding-bottom:15px; font-size:15px; }

div.wrapper { padding-top:50px; }

strong.eurovision {
  position:absolute; top:-80px; right:-20px; z-index:1;
  display:block;
  width:139px; height:139px;
  background:url(../images/eurovision.png) no-repeat 0 0;
  white-space:nowrap;
  text-indent:-9999px;
  font-size:10px;
}

a.youtube {
  display:block;
  padding:30px 0 0 103px;
  height:57px;
  background:url(../images/youtube.jpg) no-repeat 0 0;
}

div.social {
  padding-top:28px;
  height:42px;
  border-bottom:1px solid #121212;
  background:url(../images/social.jpg) repeat-x 0 100%;
}
div.social > div { margin:0 auto; padding-left:40px; width:910px; overflow:hidden; }
div.social ul { float:right; padding-right:60px; }
div.social ul li { float:left; padding-right:20px; width:43px; height:42px; }
div.social ul li a {
  display:block;
  width:43px; height:42px;
  background:url(../images/social.png) no-repeat 999px 999px;
  text-indent:-9999px;
  white-space:nowrap;
  filter:alpha(opacity=30); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; opacity:.3; zoom:1;
}
div.social ul li a:hover { filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1; }
div.social ul li.facebook a { background-position:0 10px; }
div.social ul li.facebook a:hover { background-position:0 5px; }
div.social ul li.twitter a { background-position:-70px 10px; }
div.social ul li.twitter a:hover { background-position:-70px 5px; }
div.social ul li.myspace a { background-position:-140px 10px; }
div.social ul li.myspace a:hover { background-position:-140px 5px; }
div.social ul li.draugiem a { background-position:-210px 10px; }
div.social ul li.draugiem a:hover { background-position:-210px 5px; }
div.social ul li.youtube a { background-position:-280px 10px; }
div.social ul li.youtube a:hover { background-position:-280px 5px; }
div.social ul li.soundcloud a { background-position:-349px 10px; }
div.social ul li.soundcloud a:hover { background-position:-349px 5px; }


div.contacts {
  margin:0 auto; padding:20px 0 20px 40px;
  width:910px;
  background:url(../images/footer.jpg) no-repeat 100% 0;
  overflow:hidden;
}
div.contacts dl { float:left; padding:10px 75px 0 0; }
div.contacts dl dt { margin-bottom:2px; color:#fff; text-transform:uppercase; font-size:10px; }
div.contacts dl dd { position:relative; z-index:1; color:#ccc; font-size:15px; zoom:1; }
div.contacts dl dd div { font-size:12px; }
div.contacts a.hide {
  position:absolute; top:2px; right:2px; z-index:1;
  width:16px; height:16px;
  background:url(../images/close.gif) no-repeat 50% 50%;
  white-space:nowrap;
  text-indent:-9999px;
}
div.contacts div.donate {
  position:absolute; bottom:-20px; left:150px; z-index:1;
  min-height:50px;
  padding:10px 17px;
  white-space:nowrap;
  background:#e2e2e2;
  color:#000;
  line-height:18px;
  display:none;
}
div.contacts div.donate div.spacer {
  position:absolute; left:-14px; bottom:29px;
  border-width:7px; border-style:solid; border-color:transparent #e2e2e2 transparent transparent;
}


div.playlist { padding:165px 20px 20px 40px; }
div.playlist ol { list-style:none;  }
div.playlist ol li { padding-bottom:16px; line-height:16px; }
div.playlist ol li var { color:#3d3d3d; font-size:10px; }
div.playlist ol li div { padding-left:22px; }
div.playlist ol li a {
  display:block;
  padding-left:22px;
  background:url(../images/tools.png) no-repeat -24px 0;
  text-decoration:none;
}
div.playlist ol li a span { text-decoration:underline; }
div.playlist ol li a.stop { background-position:0 -24px; }
div.playlist ol li a.stop,
div.playlist ol li a.stop:hover { color:#fff; }

div.playlist.original { float:left; width:220px; }
div.playlist.remixes { float:right; padding-left:20px; width:550px; overflow:hidden; }
div.playlist.remixes ol li { float:left; padding-left:20px; width:255px; }

div.collection { background:url(../images/separator.jpg) no-repeat 315px 100%; }
div.collection > div { background:url(../images/playlist.jpg) no-repeat 0 0; overflow:hidden; }


header { position:relative; z-index:1; padding-bottom:14px; zoom:1; }
header h1 {
  position:relative; left:-25px; z-index:1;
  padding-bottom:27px;
  width:279px; height:91px;
  background:url(../images/logo.png) no-repeat 0 0;
  white-space:nowrap;
  text-indent:-9999px;
}

article { width:600px; min-height:255px; line-height:1.5; }
article dl {
  padding:0 35px 20px 0;
  width:155px;
  text-shadow:1px 1px 2px #000;
  font-size:13px;
}
article dl dt { color:#fff; line-height:1.25; text-transform:uppercase; font-size:10px; }
article dl dd { color:#ccc; line-height:1.5; }
article div.description { position:relative; left:-10px; z-index:1; width:630px; overflow:hidden; }
article div.description dl { float:left; padding-left:10px; }

section.video {
  border-top:1px solid #171517; border-bottom:1px solid #171517;
  background:#060608 url(../images/video.jpg) repeat-x 0 0;
}
section.video > div > div { margin:0 auto; padding:15px 0 15px 40px; width:910px; }
section.video div.description { float:right; padding-top:53px; width:230px; }
section.video iframe { border:1px solid #1e1e1e; }

footer { padding-bottom:40px; }

header,
article,
section.audio { margin:0 auto; padding-left:40px; width:910px; }


#player { position:absolute; top:-100px; left:-100px; z-index:1; }