@import url(http://fonts.googleapis.com/css?family=Lato:300,400|Asap);


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}ol,ul{list-style:none}a{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}


body                    { background:#aaa; font-family:Lato, Arial, sans-serif; color:#13242E; }
img                     { max-width:100%; }
h1,h2,h3,h4,h5,h6       { font-family:Asap; text-transform:uppercase; }



.wrapper{
  margin:0 auto;
  overflow:hidden;
  box-shadow:0 0 3px rgba(0,0,0,.3);
  background: #F4F4F4;
}
.show{
  max-width:600px;
}
.episode{
  max-width:400px;
}





.title{
  text-align:center;
  padding:0 1em;
  font-size:1.2em;
  color:#515D64;
  position:relative;
  height: 52px;
  line-height: 52px;
  z-index:100;
}

.fanart{
  min-height:10em;
  max-height:16em;
  background: rgba(0,0,0,0.2) url(bg_fanart.png) no-repeat center center;
  overflow: hidden
}
.fanart img{
  display: block;
  margin: 0 auto;
}







.actions{
  clear:both;
  text-align:center;
  background:#FFF;
  font-size:1em;
}
.actions a{
  color:#11191F;  
}


.installApp{
  margin:0;
  padding:1em 0;
  text-align: center;
  display:block;
}

.openInApp
{
  display: none;
}


.available .installApp{
  margin: .75em 0;
  padding:.25em 1.5em;
  display:inline-block;
}

.available .openInApp
{
  margin: .75em 0;
  padding:.25em 1.5em;
  display:inline-block;
  border-left: 1px solid #CCCCCC;
}




.info{
  padding:0.5em 0 0em;
}
.info h3{
  margin:1em;
  padding: 1em;
  border-radius: 4px;
  background: #E1E1E1;
}
.info p{
  padding:0 2em .2em;
  line-height: 1.6em;
  color:#11191F;
}


.corporate{
  margin: 1em;
  padding: 1.2em 1em 0.5em;
  text-align: center
}

.corporate p span{
  font-family:Lato;
  font-size: 1.7em;
  color:#556268;
}

.corporate p{
  font-size: .9em;
  color: #41484C;
}
.downloadButton{
  margin: 1.5em auto 0.5em;
  display: inline-block;
}

.corporate ul{
  margin: 1em 0 0;
  padding: 1em 0 0em;
  overflow: hidden
}


.corporate li{
  width: 44%;
  margin: 0 3%; 
  float: left;
  background: #fff;
  text-align: center;
}

.corporate li a{
  border: 1px solid #818C92;
  display:block;
  padding: 1.2em 0;
  font-size: .9em;
  color:#11191F;
  border-radius: 4px;
}








.dark .wrapper{
  background: #202226;
}
.dark .actions{
  background: #121219;
}
.dark .title{
  color: #6E7A80;
  
}
.dark .corporate p span{
  color:#829197;
}

.dark .corporate p{
  color:#A2B1B7;
  text-shadow: none;
}

.dark .corporate, .dark .corporate ul{
  border-top: 1px solid #000;
}

.dark .available .openInApp{
  border-left: 1px solid #2A2F2F;
}





@media screen and (min-width:480px){




}