body {
  background-color: #999;
  font-family: arial;
  font-size: 0.8em;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
}

#screen {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow: scroll;
}

#facebook {
  height: 40em;
  width: 760px;
  margin: 0px;
  padding: 0px;
  overflow: scroll;
}

#lineup {
  width: 370em;
  height: 45em;
  padding-left: 2em;
  padding-right: auto;
}

#row {
  float: none;
}

#player {
  background-color: white;
  border:0px;
}

#player img {
  border: 0px;
}

p img, h2 img, .headline img {
  border: 0px;
}

#player a{
  text-decoration: none;
  color: red;
}

#day{
  margin: 1em;
  color: white;
  float:left;
 -moz-border-radius: 0.3em;
 -webkit-border-radius: 0.3em;
}

#dayname {
  text-align: center;
  font-size:1em;
  margin: 1em;
}

#stage{
  margin: 0.1em;
  background-color: #E0E0FF;
  color: black;
  float:left;
  width: 10em;
 -moz-border-radius: 0.3em;
 -webkit-border-radius: 0.3em;
}

#stagename {
  text-align: center;
  font-size:1em;
  margin: 1em;
  height: 3em;
}

#act{
  height: 3em;
  padding: 0.1em;
  margin: 0.1em;
  cursor: pointer;
  text-decoration:none;
  vertical-align: middle;
}

#act a{
  text-decoration:none;
}

.watching {
  background-color: #cfc;
}

.frwatching {
  background-color: #eee;
}

.notwatching {
  background-color: white;
}

#contentMenu {
  z-index: 10;
  position: absolute;
  left:1em;
  top: 0.5em;
  width: 400px;
  overflow: hidden;
  height: 56px;
  vertical-align:middle;
}
#contentMenu img {
  vertical-align:middle;
  cursor: pointer;
}

#playerContainer {
  z-index: 10;
  position: absolute;
  right:2em;
  top: 1em;
  width: 24em;
  overflow: auto;
  height: 17em;
}

#playerList {
  z-index: 10;
  position: absolute;
  right:2em;
  top: 23em;
  width: 24em;
  overflow: auto;
  bottom: 2em;
}

#content {
  z-index: 10;
  position: absolute;
  left:1em;
  top: 9em;
  right: 30em;
  overflow: auto;
  /*bottom: 2em;*/
  height: 95%;
}

#content h2{
  color: #666;
  font-size: 1.2em;
}

#contentName {
  width: 4em;
  float: left;
}

.contentContainer {
  margin: 0.5em;
  margin-left: 5em;
  padding: 1em;
  background-color: white;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
}

#closeButton {
  position: absolute;
  right: 1em;
  top: 1em;
  cursor: pointer;
}

.videoLink a{
  font-size: 1em;
  color: #666;
  cursor: pointer;
  font-size: 1em;
  margin: 0.5em;
  padding-top: 0.5em;
}

#title {
  background-color: #ddd;
  color: #555;
  font-size: 1.5em;
  z-index: 5;
  position: absolute;
  left:0em;
  top: 0em;
}

#footer {
  background-color: #ddd;
  color: #555;
  z-index: 5;
  position: absolute;
  left:0em;
  bottom: 2em;
  text-decoration:none;
  font-size: 1.3em;
}
#footer a{
  text-decoration:none;
  color: red;
}
#footer img {
  border:0px;
  vertical-align:middle;
  cursor: pointer;
}

.headline, .hide {
  margin-left: 2em;
  font-size: 1.1em;
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

.article {
  background-color: #f8f8f8;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  padding: 1em;
}
