/*
Watch the video and read the comments at the same time, side by side.

Normally, when you scroll through comments, the movie gets scrolled up off the screen. This is bad design on Youtube's part, and this userstyle fixes that: you can now watch the movie and read the text comments at the same time.

Currently, video Responses are not nicely displayed, but you can collapse them. If working on improvements, test at a video with video responses and a "watch in high quality" link, e.g. http://www.youtube.com/watch?v=d-QevraCQUc

Author: Dan Dascalescu
http://dandascalescu.com
*/

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document regexp(".*youtube.com/watch.*") {

#watch-main {width: 100%}  /* remove stupid horizontal limit */

#watch-video {float: left; width: auto}  /* move video to left */

#watch-panel {height: 500px; overflow-y: scroll; margin: auto 10px; width: auto}  /* fixed height equal to large layer height */

#watch-actions {width: 620px}  /* prevent horizontal scrollbar cause the video statistics*/

#watch-sidebar {margin: 0; padding: 0; float: left}  /* so it doesn't overlap the video vertically */

.yt-vertical-rule-main, .yt-vertical-rule-corner-top, .yt-vertical-rule-corner-bottom {display: none}

/* remove ads */
      #watch-channel-brand-div {
        display: none !important;
      }

      .watch-video-desc {
        /* So that you can watch the video and the transcript at the same time at http://www.youtube.com/watch?v=g3YiPC91QUk */
        max-height: 450px !important;  /* ideally, this would be something like "80% of screen height", but I don't know if CSS supports that */
        overflow: auto;
      }

}