/*
Copyright 2011 Google

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

@import url(http://fonts.googleapis.com/css?family=Lato:700,900);


html, body {
  font-family: Lato;
  background: #f8f8f8;
  color: #666666;
}

p {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

body > header,
.screen .header  { 
  background: #282a2d;
}

body > footer,
#section-menu,
#subscriptions .your-subscriptions,
#subscriptions.active .your-subscriptions { 
  background-color: #e9e9e9;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e9e9e9), color-stop(1, #f2f2f2));
  background-image: -moz-linear-gradient(center bottom, #e9e9e9 0%, #f2f2f2 100%);
  background-image: linear-gradient(center bottom, #e9e9e9 0%, #f2f2f2 100%);
}

/*
  Sprite
*/

body > header h1 a,
#search-form:after,
#search-form .results:before,
#search-form input[type=reset],
#shows .grid nav a .icon,
#shows .grid article footer .icon,
.screen a,
.not-found figure,
.chrome-store-popup figure,
.chrome-store-popup div,
.grid article.episode figure a:after,
#subscriptions .count,
.new-episodes .container:after,
.new-episodes .play,
.new-episodes header .count,
#channel .icon,
#channel figure a.play,
.grid article.episode figure a span,
.grid article.watched:after,
.grid article.new:before,
#shows .show-details .details-nav a.subscribe:after,
#shows .show-details .details-nav a.share:after,
#shows .show-details .share .icon,
#shows .grid article nav a .icon,
.new-episodes a .icon,
.now-showing article.episode:after,
#shows .details a.back:after,
#shows .details .season-nav a,
.icon
{
	background-image: url('/themes/os/img/sprites.png');
}

/*
  Header & Homepage Sharing bar
*/
#video-player .sharing a {
  color: #666666;
}

#video-player .sharing nav a {
  border-right-color: #dadada;
  background-color: #fff;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#video-player .sharing a:hover {
  background-color: #f2f2f2;
}

#video-player .sharing a.menu {
  color: #fff;
  background-color: rgba(0,0,0,0.8);
}

#video-player .sharing a.menu:hover {
  background-color: rgba(20,20,20,0.8);
}

#video-player .sharing.active a.menu:hover {
  background-color: #f2f2f2;
}

#video-player .sharing.active a.menu {
  color: #000;
  background-color: #fff;
}


/*
  Footer buttons & subscription menu button
*/

#section-menu a {
  border-color: #d6d6d6;
  color: #fff;
}

#section-menu a.active {
  border-color: #be8e05;
}

#subscriptions .menu {
  border-color: #d6d6d6;
}

#section-menu a, 
#subscriptions .menu .your-subscriptions {
  color: #a6a6a6;
}

#section-menu a.active {
  color: #a6a6a6;
}

#section-menu a:hover,
#subscriptions .menu .your-subscriptions:hover {
  color: #666666;
}

#subscriptions .menu .your-subscriptions .count {
  color: #fff;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#section-menu a.active {
  color: #fff;
	background: #ffaf00;	
	background: -webkit-linear-gradient(top, #ffaf00 0%, #ffb900 94%, #ffc900 100%);
  background: -moz-linear-gradient(center bottom, #ffaf00 0%, #ffb900 94%, #ffc900 100%);
  background: linear-gradient(center bottom, #ffaf00 0%, #ffb900 94%, #ffc900 100%);
}


/*
  Episode & Show Grids
*/


.grid article {
  color: #666666;
}

.grid article.show figure,
.grid article.episode figure,
.dragging
{  
  border-color: #fff;
}

.grid article.episode figure {
  background-color: #fff;
}

.grid article.episode figure:hover {
  border-color: #f7b400;
  background-color: #db0a41;
}

.grid article.episode figure a {
  color: #fff;
}

.grid article.show header {
  color: #666666;
}

#shows .grid article footer {
  border-color: #eaebec;
  color: #999999;
}

.grid article.episode header {
  color: #666666;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.grid article.episode p {
  color: #b6b6b6;
}

#shows .details a.back {
  background: #f8f8f8;
}

#shows .details a.back.enabled {
  border-color: #e4e4e4;
}

#shows .details a.back:hover {
  background: #efefef;
  border-color: #dbdbdb;  
}


/*
  Show page thumbnail overlay
*/

#shows .grid article nav a {
  color: #999999;
}

#shows .grid article nav a:hover {
  color: #fff;
}

#shows .grid article nav a strong {
  background-color: #fff;
}

#shows .grid article nav a:hover strong {
	background-color: #feb700;
}


/*
  Show details panel (share, about, (un)subscribe buttons)
*/


#shows .show-details .details-nav a {
	border-color: #dfdfdf;
	color: #999999;
	background: #f8f8f8;
}

#shows .show-details .details-nav a:hover {
  border-color: #dbdbdb;
	background: #efefef;
}

#shows .show-details .details-nav a.active {
	background: #e9e9e9;
	border-color: #e9e9e9;
}

/*
  Subscribe tab
*/

#shows .show-details .details-nav a.subscribe {
	background: #f9b218;
	background: -webkit-linear-gradient(top, #f9b218, #f9a614);
	background: -moz-linear-gradient(top, #f9b218, #f9a614);
	background: linear-gradient(top, #f9b218, #f9a614);
	color: #fff;
}

#shows .show-details .details-nav a.subscribe.subscribed {
  background: #f9b218;
	background: -webkit-linear-gradient(top, #ffbe00, #ffb400);
	background: -moz-linear-gradient(top, #ffbe00, #ffb400);
	background: linear-gradient(top, #ffbe00, #ffb400);
}

/*
  Share tab
*/

#shows .show-details section {
	background: #e9e9e9;
}

#shows .show-details section.expanded {
  border-top-color: #fff;
	border-bottom-color: #e3e3e3;
}


/*
  Show details dropdown
*/

#shows .show-details section.about > article {
	color: #94a1b5;
}

#shows .show-details section.about > article img {
  border-color: #fff;
}

#shows .show-details section.about > article .description {
	color: #666666;
}

/*
  Share dropdown
*/

#shows .show-details section.share > article a {
	color: #888888;
}

#shows .show-details section.share > article a:after {
	background-color: #dddddd;
}


/*
  Channel
*/

#channel {
  background-color: #121212;
  border-right: 4px solid #fff;
  -moz-border-image: url('/themes/os/img/channel-border-right.png') 0 4 0 0 repeat;
  -webkit-border-image: url('/themes/os/img/channel-border-right.png') 0 4 0 0 repeat;
  border-image: url('/themes/os/img/channel-border-right.png') 0 4 0 0 repeat;
}

#channel header h2 {
  color: #f6b90c;
}

#channel li.now-playing {
  border-color: #18191c;
}

#channel li .episode p {
  color: #636363;
}

#channel li .episode p.details,
#channel li .episode a.show-link,
#search .episode a.show-link {
  color: #707070;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#channel li .episode h3 {
  color: #b1b1b1;
}

#channel .toggle {
  background-color: #fff;
}

#channel .toggle:hover {
  background-color: #dddddd;
}

#channel .toggle:active {
  background-color: #cccccc;
}

#channel header .sort {
  border-color: #1f1f1f;
  background-color: #121212;
}

#channel header .sort a {
  color: #fff;
}

#channel header .sort a.show-sort,
#channel ul.accordion li .show-tab {
  border-color: #18191c;
}

#channel ul.accordion li .show-tab h3 {
  color: #fff;
}

#channel li.now-playing .episode figure span {
  background-color: #ffb800;
  color: #60490c;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#channel li .episode figure {
  border-color: #fff;
}

#channel li.now-playing .episode figure,
#channel li .episode figure:hover {
  border-color: #ffb800;
}

#channel li .episode p.description {
  border-bottom-color: #1f1f1f;
}

/*
  Channel Scrollbar
*/
#channel .channel-scroll #channel-slider {
  border-color: #292929;
  background-color: #000;
}

#channel #channel-slider .bar-knob {
  background: #d4d4d4;
  background: -webkit-linear-gradient(top, #e0e0e0, #c6c6c6);
	background: -moz-linear-gradient(top, #e0e0e0, #c6c6c6);
	background: linear-gradient(top, #e0e0e0, #c6c6c6);
}

#channel #channel-slider .bar-knob:hover {
  background: #f2f2f2;
  background: -webkit-linear-gradient(top, #fefefe, #e5e5e5);
	background: -moz-linear-gradient(top, #fefefe, #e5e5e5);
	background: linear-gradient(top, #fefefe, #e5e5e5);
}





/*
  Subscriptions
*/

#subscriptions .grid-wrap,
#subscriptions.active .menu .your-subscriptions,
#subscriptions .menu .action-indicator {
  background: #757c83 url('/themes/os/img/subscription-bg.png') repeat 0 0;
  border-color: #fff;
}

#subscriptions.active .menu .your-subscriptions {
  color: #fff;
}

#subscriptions.active .menu .your-subscriptions span.count {
  color: #6e757c;
}

#subscriptions .menu .action-indicator  { 
  color: #fff;
  background-color: #e20147;
}

#subscriptions .menu .your-subscriptions .highlight {
  background-color: #E20147;
}

#subscriptions .spotlight-details h3 {
  color: #fff;
}

#subscriptions .spotlight-details p:nth-child(2) {
  color: #c4c7ca;
  color: rgba(255,255,255,0.6);
}

#subscriptions .spotlight-details p {
  color: #fff;
}

#subscriptions .grid article figure img {
	background: rgba(0,0,0,0.5);
}

#subscriptions .grid article figure {
  border-color: #fff;
}

/*
  Subscription thumbnail overlays
*/
#subscriptions .spotlight-details  nav a {
  color: #999999;
}

#subscriptions .spotlight-details  nav a:hover {
  color: #986e00;
}

#subscriptions .spotlight-details  nav a div {
  background-color: #fff;
}

#subscriptions .spotlight-details  nav a:hover div {
  background-color: #feb700;
}


/*
  Loading and out of date browser screen.
*/

.load-screen, .screen {
  background: #f8f8f8;
}

.load-screen div {
  background-color: #fff;
}

.screen article h3 {
  color: #000;
}

.screen article p {
  color: #000;
}

.screen a {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #666666;
}

.not-found article div {
  background-color: #efefef;
}

.chrome-store-popup {
  background-color: #fff;
  background-color: rgba(255,255,255,0.9);
}

.chrome-store-popup article p strong {
  color: #404040;
}

.chrome-store-popup article nav a {
  color: #fff;
  background: #748AA4;
  background: -webkit-linear-gradient(top, #8297ae, #748aa4);
  background: -moz-linear-gradient(top, #8297ae, #748aa4);
  background: linear-gradient(top, #8297ae, #748aa4);
}

.chrome-store-popup article nav a:hover {
  background: -webkit-linear-gradient(top, #738fad, #617fa2);
  background: -moz-linear-gradient(top, #738fad, #617fa2);
  background: linear-gradient(top, #738fad, #617fa2);
}

.chrome-store-popup article nav a:active {
  background: -webkit-linear-gradient(top, #748aa4, #8297ae);
  background: -moz-linear-gradient(top, #748aa4, #8297ae);
  background: linear-gradient(top, #748aa4, #8297ae);
}


/*
  HTML 5 Player
*/

#html5Player .video-controls .video-button span,
#html5Player .video-controls .bar-knob span.knob-graphic {
	background-image: url('/themes/os/img/video-player.png');
}

#video-player {
  background-color: #000;
}

#html5Player .video-controls .video-controls-wrap {
  background-color: #f2f2f2;
  background: -webkit-linear-gradient(top, #f2f2f2 94%, #d7d7d7 100%);
	background: -moz-linear-gradient(top, #f2f2f2 94%, #d7d7d7 100%);
	background: linear-gradient(top, #f2f2f2 94%, #d7d7d7 100%);
	border-color: #ebebeb;
}

#html5Player .video-controls .bar-fill {
  background: #feba00;
  background: -webkit-linear-gradient(top, #dca600 0%, #feba00 50%, #feae00 100%);
	background: -moz-linear-gradient(top, #dca600 0%, #feba00 50%, #feae00 100%);
	background: linear-gradient(top, #dca600 0%, #feba00 50%, #feae00 100%);
}

#html5Player .video-controls .bar-bg {
	background-color: #f5f5f5;
}

#html5Player .video-controls .video-time span.time-current{
	color: #666666;
}

#html5Player .video-controls .video-time span.time-total{
	color: #000000;
	border-color: #616161;
}