html, body {
 height: 100%;
}

body {
    margin: 0;
    padding: 0;
}

#image-bk-page {
    background: url('/gfx/bk.jpg') no-repeat 50% top;
}
#darken-bk {
    background: #000;
    opacity: 0; /* Safari, Opera */
    -moz-opacity:0; /* FireFox */
    filter: alpha(opacity=0); /* IE */
    z-index: 3;
    height: 100%;
    width: 100%;
    background-repeat:repeat;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
}


.wrapped {
    margin: 0px auto;
    width: 820px;
}
#tm {
    height: 4px;
}
#main {
    height: 500px;
    margin: 0px auto;
    border: dashed 0px yellow;
    position: relative;
    z-index: 9;
}
h1#title {
    background: url('/gfx/shakin_dudi_live.gif') no-repeat left top;
    width: 258px;
    height: 90px;
    margin: 0 auto;
    margin-left: 14%;
    float: left;
}
h1#title a {
    display: block;
    width: 258px;
    height: 90px;
}
h2#subtitle {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    float: left;
    width: 260px;
    margin: 15px 0 0 25px;
}
a#play_prev, a#play_next {
    position: absolute;
    bottom: 200px;
    z-index: 9;
    display: none;
}

a#play_prev {
    left: 4px;
}
a#play_next {
    right: 4px;
}
#current_song {
    position: absolute;
    border: dashed 0px #00c;
    left: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
    height: 20px;
    z-index: 9;
    font-size: 1.2em;
}
#user-message {
    position: absolute;
    background: #111;
    border: dashed 1px #666;
    left: 0px;
    bottom: 50px;
    width: 100%;
    text-align: center;
    z-index: 9;
    font-size: 1.2em;
    display: none;
    color: #ccc;
    padding: 10px;
}
a#play {
    display: block;
    background: url('/gfx/play2.gif') no-repeat center top;
    opacity: .3; /* Safari, Opera */
    -moz-opacity: 0.3; /* FireFox */
    filter: alpha(opacity=30); /* IE */
    width: 100%;
    height: 207px;
    position: absolute;
    top: 150px;
    border: dashed 0px green;
    left: 0px;
}
#player {
    position: absolute;
    bottom: 25px;
    margin: 0 auto;
    border: dashed 0px #f00;
    width: 500px;
    height: 405px;
    left: 160px;
    display:none;
    z-index: 9;
}
#player-container {
    z-index: 9;
}
#playlist {
    margin: 0 auto;
    margin-left: 10px;
}
#playlist li {
    float: left;
    display: block;
    margin: 2px 6px;
}
a.thumbnail {
    border: solid 3px #111;
    display: block;
    width: 140px;
    height: 100px;
    position: relative;
    text-decoration: none;
}
a.thumbnail:hover {
    border: solid 3px #333;
}
a.thumbnail span.label {
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    padding: 5px;
    font-weight: normal;
    opacity: 0.6; /* Safari, Opera */
    -moz-opacity: 0.6; /* FireFox */
    filter: alpha(opacity=60); /* IE */
    width: 130px;
}
form#add-comment {
    width: 80%;
    margin: 6px auto;
}
ul#comments {
    margin: 6px auto;
    width: 80%;
}
ul#comments  li {
    margin: 0;
    padding: 0 10px 8px 55px;
    border-bottom: 1px dashed #333;
    margin-bottom: 5px;
    color: #999;
    list-style: none;
}
ul#comments  li.youtube {
    background: url('/gfx/ytc.gif') no-repeat 4px 5px;
}
ul#comments  li.live {
    background: url('/gfx/live.gif') no-repeat 6px 3px;
}
ul#comments li .title {
    font-size: 1.2em;
    color: #fff;
    font-weight: normal;
    margin-bottom: 2px;
}
ul#comments li .date {
    font-size: 0.9em;
    color: #333;
    font-weight: normal;
    margin-bottom: 1px;
}
ul#comments li .contents {
    font-weight: normal;
    margin-bottom: 2px;
}
ul#comments li .info {
    font-size: 0.9em;
    color: #333;
    font-weight: normal;
    margin-bottom: 1px;
}
ul#comments li .info a {
    color: #999;
}

ul#comments .rating, #playlist span.rating {
    background: url('/gfx/star2.gif') no-repeat left top;
    padding-left: 15px;
}
#current_song .rating {
    background: url('/gfx/star.gif') no-repeat left top;
    padding-left: 18px;
}
#playlist span.rating, #playlist span.watches {
    font-size: 0.9em;
}
ul#comments .watches, #playlist span.watches {
    background: url('/gfx/monitor2.gif') no-repeat left top;
    padding-left: 15px;

}
#current_song .watches {
    background: url('/gfx/monitor.gif') no-repeat left top;
    padding-left: 18px;

}

.comments-pages {
    text-align: center;
    font-size: 1.1em;
}
.comments-pages a {
    text-decoration: none;
}
#footer {
    margin: 30px auto;
    text-align: center;
}
#footer p {
    text-align: center;
    font-size: 0.9em;
}