@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");

body{margin:0 auto;padding:0;font-family:'Arial','Open Sans',sans-serif;overflow-x:hidden;background-color:#FFF;min-width:300px;}
ul,li,p,img{margin:0;padding:0;border:0;}
ul,li{list-style:none;text-align:center;}
li{display:inline-block;}


.jqmOverlay{background-color:#000;height:100%;width:100%;position:fixed;left:0;top:0;z-index:1000;opacity:0.6;} 

.jqmWindow{color:#444;position:absolute;top:120px;left:50%;transform: translate(-50%, 0%);max-width:740px;background-color:#FFF;z-index:2000;border-radius:10px;font-size:21px;font-weight:bold;text-align:center;}
.jqmWindow .sector{padding:20px 40px;}
.jqmWindow a{display:block;margin:20px;background-color:#FA3934;color:#FFF;font-size:34px;padding:10px 15px;border-radius:6px;text-decoration:none;}  


h1{margin:25px 0 0 16px;padding:0;font-size:13px;font-weight:300;}

.w{max-width:980px;}
.clear{clear:both;}
.hidden{display:none;}  
.blur{-webkit-filter:blur(5px);filter:blur(5px);}
.red{background-color:#F1001A;}
.red:hover{background-color:#DF0018;}
.blue{background-color:#428BCA;}
.blue:hover{background-color:#034E8F;}
.infoblur{text-align:left;margin:0 auto;font-size:15px;padding:18px 0 0 12px;}
.infoblur a{color:#54A3EA;text-decoration:none;}

#head{margin:0 auto;}
#head .logo{float:left;margin:0 0 0 12px;width:170px;height:70px;} 
#head .txt{float:left;height:70px;}

#join{text-decoration:none;display:block;margin:0 auto;padding:15px 0;width:360px;text-align:center;color:#FFF;font-size:18px;font-weight:700;}   

#menu{background-color:#333;font-size:14px;}
#menu a{display:inline-block;color:#FFF;font-weight:bold;text-decoration:none;padding:10px 15px;}
#menu a:hover{background-color:#F3F3F3;color:#333;}
#menu a.home{background-color:#FA3934;color:#FFF;margin:0 0 0 12px;}
#menu ul{margin:0 auto;text-align:left;}  

#episodes{font-size:13px;letter-spacing:-0.5px;margin:5px auto 20px auto;max-width:980px;min-width:300px;}
#episodes a{text-decoration:none;color:#999;}
#episodes b{color:#36C;letter-spacing:-1px;}
#episodes img{width:170px;}
#episodes .list{display:inline-block;text-align:left;border:1px solid #E5E5E5;width:170px;margin:12px;padding:0 0 12px 0;-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);}
#episodes .list .name,#episodes .list .city{margin:5px 10px 0 10px;white-space:nowrap;overflow:hidden;}
#episodes .list .myinfo{display:none;}
#episodes .list .icon{margin:12px 0 0 0;}

#bottom{background-color:#999;padding:20px 12px;color:#FFF;}
#bottom a{color:#FFF;text-decoration:none;display:inline-block;margin:0 5px 0 0;}
#bottom a:hover{text-decoration:underline;}
#bottom .tags{text-align:left;margin:0 auto;font-size:10px;color:#FFF;}
#bottom .footer{text-align:left;margin:0 auto;font-size:10px;color:#CCC;}
#bottom .footer h2{margin:10px 0;padding:0;color:#FFF;font-size:12px;font-weight:normal;}
#bottom .footer a{color:#CCC;}


/*-----------------------------------*/


@media only screen and (max-width:799px) {
  h1 span{display:none;}
  #join{padding:10px 0;width:300px;}
}

@media only screen and (max-width:603px) {
  .infoblur{font-size:12px;text-align:center;}
  h1, #bottom .tags span{display:none;}
  #head .logo{text-align:center;width:100%;margin:0;} 
  #menu{font-size:13px;text-align:center;}
  #menu a{padding:9px 12px;}
  #menu a.home{margin:0;}
  #menu ul{text-align:center;}  
  #info{font-size:12px;width:300px;}
  #bottom .footer h2{font-size:11px;}
}

@media only screen and (max-width:410px) {
  #episodes{font-size:12px;}
  #episodes img{width:152px;}
  #episodes .list{width:152px;margin:10px;padding:0 0 10px 0;}     
  #join{padding:8px 0;width:220px;font-size:16px;}
  #info{font-size:11px;width:250px;}
}

@media only screen and (max-width:368px) {
  .infoblur{font-size:11px;}
  #menu{font-size:12px;}
  #episodes{font-size:11px;}
  #episodes img{width:130px;}
  #episodes .list{width:130px;margin:4px;padding:0 0 6px 0;}
}

/*-----------------------------------*/

#toplist {margin:0 0 0 -3000px;font-size:1px;}
#toplist li {display:inline;}
#toplist img {height:1px;border:0;}
#toplist a {color:#000;}

/*---------------------------------*/