* { padding: 0; margin: 0; }

body { background: #000 url(../img/bg_body.jpg) repeat-x; }
a img { border: 0; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

#wrapper { width: 779px; margin: 0 auto; }

#header { width: 779px; height: 75px; margin-top: 9px; }

#glassbox { width: 779px; background: url(../img/glassborder_top.gif) no-repeat top; float: left; margin: 9px 0px 0px 0px; }

#content { width: 759px; height: 422px; background: url(../img/bg_content.jpg); margin: 0 auto; }

#videoplayer { width: 480px; height: 300px; border: 1px solid #000; float: left; margin: 5px 0px 0px 6px; display: inline;}

/* TOPBAR */
#topbar { width: 759px; height: 53px; background: url(../img/bg_topbar.gif); margin: 10px auto 0px auto; position: relative; }

#videotitle { float: left; margin: 15px 0px 0px 15px; }
#videotitle .icon { margin: 0px 5px -4px 0px; }
#videotitle .title { font: bold 12px Arial, Helvetica, sans-serif; color: #FAE600; margin-left: 8px;  }
#videotitle .pvm { font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; }

#glassborderbottom { clear: both; background: url(../img/glassborder_bottom.gif) no-repeat bottom; margin:-6px 0px 0px 0px; padding: 5px;}

#rightcorner { float: right; }
.midline {float: left; margin-right: 21px; margin-top: 8px;}

.arkistonappi { float: left; margin-right: 21px; margin-top: 20px; font: bold 11px Arial, Helvetica, sans-serif; color: #FAE600; }
.arkistonappi a { font: bold 11px Arial, Helvetica, sans-serif; color: #FAE600; }

/* MATSINAVI */
#matsinavi { width: 480px; margin: 9px 0px 0px 6px; float: left; }
#matsinavi ul { list-style-type: none; margin: 0 auto; width: 360px; }

#matsinavi li { width: 120px; height: 32px; float: left; background: url(../img/matsinav_napit.gif) no-repeat; font: bold 12px Arial, Helvetica, sans-serif; color: #EEE; position: relative; margin: 0 auto; }
#matsinavi li.normal { width: 120px; height: 32px; background-position:0px 0px; cursor:pointer;}
#matsinavi li.selected { width: 120px; height: 32px; background-position:0px -32px; cursor:pointer;}

#matsinavi .type { width: 120px; position: absolute; top: 8px; text-align: center;}

/* VIDEONAV AKA PLAYLIST */
#videonavi { width: 260px; float: right; margin: 5px 6px 6px 0px; display: inline; overflow-y: scroll; overflow-x: hidden; height:370px; }
#videonavi ul { list-style-type: none; padding: 0; margin: 0; }

#videonavi li { width: 250px; height: 41px; background-image: url(../img/playlist_itembg.gif); background-repeat:no-repeat; float: left; }
#videonavi li.normal { width: 250px; height: 41px; background-position:0px 0px; cursor:pointer; }
#videonavi li.selected { width: 250px; height: 41px; background-position:0px -43px; cursor:pointer;}

#videonavi li span.alarivi { width: 240px; margin: 1px 10px 0px 11px; float: left; font: bold 11px Arial, Helvetica, sans-serif; color: #FAE600; }
#videonavi li span.ylarivi { width: 240px; margin: 7px 10px 0px 11px; float: left; font: 10px Arial, Helvetica, sans-serif; color: #AAA; }

/* KERRO KAVERILLE */
#kaverilinkki { width: 480px; margin: 31px 0px 0px 6px; float: left; }
#kaverilinkki .ylarivi { width: 480px; float: left; text-align: center; font: bold 11px Arial, Helvetica, sans-serif; color: #EEE; margin-bottom: 3px;}
#kaverilinkki .alarivi { width: 480px; float: left; text-align: center; font: 11px Arial, Helvetica, sans-serif; color: #FAE600; }
#kaverilinkki .alarivi a { font: 11px Arial, Helvetica, sans-serif; color: #FAE600; }

#ads_right { width: 140px; float: right; margin-top: 19px; }
#ads_bottom { width: 759px; position: absolute; top: 610px; left: 10px; }

#nebula {color: #777;float: left; font: 10px Arial, Helvetica, sans-serif;margin: 5px 0px;width: 260px;text-align: left;}
#nebula a { color: #999; text-decoration: underline; }

#honkalinkki { font: 10px Arial, Helvetica, sans-serif; color: #777; width: 259px; float: left; text-align:center; margin: 5px 0px; }
#honkalinkki a { color: #999; text-decoration: underline; }

#copyright { font: 10px Arial, Helvetica, sans-serif; color: #777; width: 260px; float: left; text-align: right; margin: 5px 0px; }