/* TV */

body.tv {
  background-color: #000;
  overflow: hidden;
}

body.tv #keycapture {
  position: absolute;
  top: 0; left: -100px;
  width: 0; height: 0;
  z-index: 1;
}

body.tv #remote-iframe-container {
  z-index: 92; /*58;*/
  visibility: hidden;
}

body.tv #repost-iframe {
  position: absolute;
  top: 50px;
  right: 20px;
  z-index: 59;
  list-style: none;
  font-size: 1.5em;
  margin: 0; padding: 0;
  float: none;
}

body.tv .actionbar {
  top: 3em;
  font-size: 1.5em !important;
  padding: 5px;
}
body.tv .actionbar li {
  display: block;
  padding: 0;
  overflow: hidden;
  float: none;
}
body.tv .actionbar li a {
  display: block;
  width: 9.5em;
  padding: .6em 0;
}
body.tv .actionbar li.repost {
  margin: 0;
}
body.tv .actionbar li.react {
  margin-top: -1px;
}
body.tv .actionbar li.last a {
  padding-right: 0;
}

body.tv .actionbar li.permalink { display: none }

body.tv .actionbar li a.repost-button-main,
body.tv .actionbar li a.repost-button-to {
  float: left;
}
body.tv .actionbar li a.repost-button-main { width: 60%; }
body.tv .actionbar li a.repost-button-to {
  width: 0%;
  background-position: 4px 15px;
}

body.tv #at15s, body.tv #repost-to { /* addthis */
  left: auto !important;
  right: 20px !important;
}

body.tv #skip {
  position: absolute;
  top: 55px;
  left: 20px;
  font-size: 7em;
  z-index: 61;
}
body.tv #skip a {
  padding-top: .4em;
  padding-bottom: .4em;
  margin: 0;
}

body.tv #skip a#pause {
  clear: left;
  float: left;
  font-size: .2em;  
  padding-top: .65em;
  padding-bottom: .7em;
  padding-left: 1em;
  -moz-border-radius: .6em;
  -webkit-border-radius: .6em;
  border-radius: .6em; 
  margin-top: 2em;
}

body.tv #skip #pause.sel {
  background: #fff;
  color: #999 !important;
}

body.tv-soup #soup {
  display: block;
}

body.tv #logo {
  display: none;
}

body.tv-soup #skip {
  top: 20px;
}

body.tv #byline {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 60%;
  max-height: 70%;
  background-color: #000;
  color: #fff;
  padding: .4em 1em;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  z-index: 62;
  overflow: hidden;
}

body.tv #byline h1 {
  font-size: 1.5em;
  font-weight: normal;
}

body.tv #byline h1 a {
  text-decoration: none;
  color: #fff;
}

body.tv-soup #byline h1 {
  float: left;
}

body.tv #byline .user_container {
  float: left;
  font-size: 1.5em;
}

body.tv #byline .user_container a {
  color: #777;
  text-decoration: none;
  vertical-align: middle;
}

body.tv-soup #byline .user_container {
  display: none;
}

body.tv #byline #datetime {
  float: left;
  color: #333;
  margin: .8em 0 0 1.5em;
}

body.tv-soup #byline #datetime {
  float: right;
  margin: 0 0 0 1.6em;
}

body.tv #player1,
body.tv #player2 {
  z-index: 49;
  position: absolute;
  left: 0;
  top: 0;
}
body.tv.loggedin #player1,
body.tv.loggedin #player2 {
  top: 32px;
}

body.tv #avatarcontainer {
  position: absolute;
  z-index: 59;
  right: 10px;
  bottom: 50px;
  background: url(/skins/default/black30.png);
  padding: 10px;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
}

body.tv #skip a,
body.tv #byline {
  opacity: 0;
}

body.tv .actionbar li a,
body.tv .over #skip a {
  opacity: .4;
  filter: alpha(opacity=40);
}

body.tv .actionbar li a:hover,
body.tv .over #skip a:hover,
body.tv .over #byline {
  opacity: .9;
  filter: alpha(opacity=90);
}

body.tv #noise {
  position: absolute;
  width: 100%; height: 100%;
  left: 0; top: 0;
  background: url('/images/tv/noise.gif');
  z-index: 51;
  opacity: .2;
  filter: alpha(opacity=20);
}

body.tv.repost-iframe {
  background-color: transparent;
}

body.tv.repost-iframe a {
  font-size: 1.65em !important;
  padding: .6em 0;
  opacity: .4;
  filter: alpha(opacity=40);
  margin: 4px 0 0 2px;
}
body.tv.repost-iframe a:hover {
  opacity: .9;
  filter: alpha(opacity=90);
}
body.tv.repost-iframe #repost-button {
  width: 7.8em;
  padding-right: 0;
}
body.tv.repost-iframe #repost-button-to {
  width: 1.5em;
}
body.tv.repost-iframe #repost-button-without-to {
  margin-right: 0;
  padding-right: 0;
  width: 9.5em;
}
body.tv.repost-iframe #repost-button-to {
  background-image: url('/images/medium_arrow_down.gif');
  background-position: 3px 13px;
}
body.tv.repost-iframe #repost-container.repost-to-shown #repost-button-to {
  background-image: url('/images/medium_arrow_left.gif');
  background-position: 7px 8px;
}
body.tv.repost-to-iframe #repost-to {
  background: #222;
}
body.tv #reaction-iframe-container {
  margin-left: -420px;
}
body.tv .post .actionbar li a:hover {
  background: #fff !important;
}

body.tv #byline a.avatarlink img { top: 0; }
body.tv #byline a.avatarlink img, body.tv #byline a.avatarlink .name {
	vertical-align: middle;
}