@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://www.youtube.com/watch?"),
               url-prefix("http://youtube.com/watch?") {

/*=========================================
'Youtube - Stripped for your viewing pleasure' by Crane.tr

Inspiration based on Steppres increased video size style (http://userstyles.org/styles/3180).
All other work done by Crane.tr :) */

/*=========================================
      +++  "PICK-YER-OWN-SIZE" semi-INTERACTIVE CODING  +++
For Philip Stephens and other users who might not want a huge video size.
Comment out the sizes you don't want so that _only_ the video size you want is loaded :)
=========================================*/
/* ---------------------------------------------
VIDEO SIZE: XL (full page width) (880x660)
  #movie_player {
      width: 874px !important;
      height: 688px !important;
      margin-top: 15px !important; }
  #watch-other-vids {
      margin: 715px 0 0 0 !important; }
  */

/* ---------------------------------------------
VIDEO SIZE: L (larger but not huge) (640x480) */
  #movie_player {
      width: 874px !important;
      height: 516px !important;
      margin: 10px 0 -10px 0 !important; }
  #watch-other-vids {
      margin: 536px 0 0 0 !important; }

/* ---------------------------------------------
VIDEO SIZE: M (normal) (880x660)
  #movie_player {
      width: 100% !important;
      height: 386px !important;
      margin-top: 15px !important; }
  #watch-other-vids {
      margin: 16px 0 0 0 !important; }
  */

/*=========================================*/
/* *************** DELETIONS */
  /*ADS*/  .ad300x250, #ad300x250,
  /*HEADER*/  .logo, .nav, #lang-locale-picker-links-wrapper,
  /*FOOTER*/  #copyright, #footer,
  /* SIDE SEARCHBOX*/  #watch_search_results, #wsSearchForm,
  #sharingImg,
  #spam_comment_btn_1,
  #watch-active-sharing,
  #watch-channel-brand-div,
  #watch-highlight-racy-box,
  #watch-promoted-container,
  [aiotitle="Search"],
  a[href="/live?feature=expytlhdr1"],
  .leftcap,
  .rightcap,
  #upload-button,
  #chrome-promo,
  #old-footer
      {display: none !important;}

/* *************** PAGE AND BACKGROUND */
  body {
      background-color: black !important;
      background-image: url(http://www.theopusevent.com/images/red_curtain.jpg) !important;
      background-repeat: repeat-x !important; }
  #baseDiv {
      width: 874px !important;
      background-color: #1d1d1d !important;
      border-left: #292929 8px solid !important;
      border-right: #292929 8px solid !important;
      padding:  10px 10px 10px !important;
      margin-top: -12px !important; }

/* *************** STUFF ON TOP OF THE MOVIE */
/*  User's tool bar */
  #util-links {
      background-color: white !important;
      border: #aaa 2px solid !important;
      padding: 0px 5px 0px 8px !important;
      height: 55% !important;
      margin: -13px  -3px 5px 0 !important;
      position: relative !important;
      float: right !important;
      -moz-border-radius: 0 0 10px 10px !important;
      opacity: 0.8 !important; }
  #util-links:hover {
      opacity: 1 !important; }

/* Top search bar */
  .bar {
      background: none !important;
      margin: -14px 0 -6px 0 !important;}
  .search-bar * {
      margin-top: -2px !important;}
  .search-bar {
      background: #333 !important;
      border: #444 2px solid !important;
      height: 27px !important;
      margin: 0 0 0 7.5% !important;
      -moz-border-radius: 10px !important;
      padding: 1px 2px 3px 2px !important;
      width: 84% !important;}
  .search-bar:hover {
      background: #999 !important;
      border: #aaa 2px solid !important;
}

/* Title of Movie */
  #watch-vid-title {
      background: #680E10 !important;
      border-top: #292929 8px solid !important;
      border-bottom: #292929 8px solid !important;
      padding: 0 0 2px 0 !important;
      width: 910px !important;
      margin: 10px 0 0 -18px !important;
      letter-spacing: 0.02em !important;}
  #watch-vid-title h1 {
      text-align: center !important;
      font: normal small-caps bold 16pt georgia !important;
      color: #fff !important;}

/* 'Watch in high quality' */
  #watch-high-quality-link {
      position: fixed !important;
      background: #444 !important;
      top: 0 !important;
      left: 0 !important;
      border-right: #ccc 8px double !important;
      border-bottom: #ccc 8px double !important;
      color: #ddd !important;
      -moz-border-radius: 0 0 10px 0 !important;
      padding: 2px 5px 5px 2px !important;
      font-size: 14pt !important;
      width: 72px !important;
      text-align: center !important;
      opacity: 0.8 !important;}
  #watch-high-quality-link:hover {
      font-size: 20pt !important;
      width: 100px !important;
      -moz-border-radius: 0 0 20px 0 !important;
      padding: 6px 12px 12px 6px !important;
      line-height: 22pt !important;
      opacity: 0.9 !important;}

/* *************** STUFF ON THE LEFT */

/* 'this is a response to..' bar */
  #watch-video-response {
      margin: 20px 0 8px 0!important;
      -moz-border-radius: 6px !important;}

/* ratings/#-of-views bar and 'response to' bar */
  #watch-ratings-views {
      padding-left: 6px !important;
      padding-bottom: 3px !important;
      background-color: #f6f6f6 !important;}
  #watch-video-response {
      background-color: #fee04b !important;}
  #watch-views-div {
      position: absolute !important;
      margin-left: 200px !important;}

/* share, favourites etc */
  #watch-actions-area {
      background-color: #ddd !important;}
  [class="expand-header"] {
      background-color: #f6f6f6 !important;}

/* patch fix for the share/favourites/playlists/flag bar */
  #watch-tab-share, #watch-tab-favorite, #watch-tab-playlists, #watch-tab-flag, 
  #watch-tab-share-body, #watch-tab-favorite-body, #watch-tab-playlists-body, #watch-tab-flag-body {
      -moz-border-radius: 0 !important; }

/* small rates/views until hover */
  #watch-main-area {
      height: 28px !important;
      overflow: hidden !important;
      -moz-border-radius: 6px !important;
      padding: 0 1px 0 1px !important;
      background: #fff !important;}
  #watch-main-area:hover {
      height: auto !important;
      -moz-border-radius: 6px !important;}

/* Comments become scrolling box */
  #watch-comments-stats {
      height: 550px !important;
      overflow: scroll !important;
      overflow-x: hidden !important;
      background-color: #eee !important; }
  .watch-tab-sel {
      -moz-border-radius: 10px !important;
      background-color: #f6f6f6 !important;}

/* Smaller 'reply' and 'spam' links */
  .watch-comment-action, .watch-comment-action a {font-size: 9px !important; color: #555 !important;}
  .watch-comment-action:hover, .watch-comment-action a:hover {color: #03c !important;}

/* Less noticable thumbs up/down buttons */
  .watch-comment-down-hover, .watch-comment-up-hover {
      opacity: 0.4!important;}
  .watch-comment-down-hover:hover, .watch-comment-up-hover:hover {
      opacity: 1 !important;}

/* *************** STUFF ON THE RIGHT */
/* Entire right column */
  #watch-other-vids {
      background-color: #eee !important;
      border-color: #ccc !important;
      -moz-border-radius: 10px !important;
      padding: 6px !important; }

/* make channel banners less distracting */
  #watch-channel-brand-cap {
      opacity: 0.3 !important; }
  #watch-channel-brand-cap:hover {
      opacity: 1 !important; }

/* video details/summary/all that stuff (top right) */
  #watch-channel-vids-div {
      background-color: #ddd !important;
      -moz-border-radius: 6px !important; }

/* video summary*/
  #watch-video-details-inner {
      -moz-border-radius: 4px !important;
      background-color: #eee !important;
      padding: 3px !important; }

/* #watch-url-div, #watch-embed-div */
  #watch-embed-div label, #watch-url-div label {
      display: none !important;}
  #watch-url-field, #embed_code {
      width: 145px !important;}
  #watch-embed-div {
      margin: -19px 0 0 165px !important;}
}