body, html, h1, h2, p {margin:0; padding: 0; }

#container, #tooltip {height: 160px; overflow: hidden; background: #eee; position: relative;}

body.dark #container {background: #1a1a1e; color: #aaa;}
body.dark #tooltip {background: #eee; color: #777;}
body.dark a { color: #2c6fb3 }
body.dark a:hover { color: #000 }
body.dark h1 a span {background-image: url(logo-cesky-rozhlas.png); }

#tooltip {width: 100%; }

body {font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #666; }

h1 {position: absolute; bottom: 15px; left: 20px; }
h1 a {color: #FFF; display: block; width: 99px; height: 16px; line-height: 999px; overflow: hidden; position: relative; }
h1 a span {display: block; width: 99px; height: 16px; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; background-image: url(logo-cesky-rozhlas-999.png); }

p {overflow: hidden; margin-left: 20px; margin-top: 74px; margin-right: 20px; line-height: 1.5; height: 36px; }

#player {position: absolute; top: 15px; left: 20px; right: 20px; }

a#info {position: absolute; z-index: 9; display: block; width: 16px; height: 16px; background: url(ico-info.png) no-repeat; line-height: 9999px; overflow: hidden; right: 20px; bottom: 13px; }
a#info:hover {background-position: 0px -16px; }
a#info.active {background-position: 0px -32px; }
a#info.active:hover {background-position: 0px -48px; }

body.dark a#info.active {background-position: 0px -64px; }
body.dark a#info.active:hover {background-position: 0px -80px; }

#tooltip {display: none; position: absolute; top: 0px; padding-top: 20px; background: #1a1a1e; color: #aaa;}
#tooltip p {margin: 0px 20px 10px 20px; height: auto; }

#expired p {margin: 10px; padding: 20px 10px; top: 0px; left: 0px; background: #E6B405; font-weight: bold; text-align: center; font-size: 13px; color: #000; height: auto; line-height: 18px; }

#paste {text-decoration: none; position: absolute; padding-right: 10px; border-right: 1px solid #AAAAAA; right: 48px; bottom: 14px; color: #2c6fb3; }
#paste:hover {text-decoration: underline; color: #000; }

body.dark #paste {color: #5894d0}
body.dark #paste:hover {color: #fff}

a { color: #5894d0 }
a:hover { color: #fff }