body{background-color:#fff;color:#696969;font-family:"Helvetica Neue","Helvetica","Arial","Verdana","sans-serif"}.container{display:grid;max-width:1500px;margin:auto;width:100%;padding:15px 0;grid-template-columns:repeat(auto-fill, minmax(228px, 1fr));grid-gap:8px 3px}@media only screen and (max-width: 474px){.container{margin:0 auto;width:80%}}.box{position:relative;max-width:320px}.box img{z-index:1}.live{background-color:#33CC00;position:absolute;height:13px;width:100%;font-family:Verdana, Geneva, sans-serif;color:#000;bottom:0px;z-index:1;font-size:9px;font-weight:400}.offline{background-color:#ccc;position:absolute;height:13px;width:100%;font-family:Verdana, Geneva, sans-serif;color:#000;bottom:0px;z-index:1;font-size:9px;font-weight:400}.infobar{background-color:#000;opacity:0.65;position:absolute;height:19px;width:100%;font-family:Verdana, Geneva, sans-serif;color:#fff;bottom:13px;z-index:1;font-weight:400;overflow:hidden}.namename{text-shadow:0.5px 0.5px 1px black;color:white;padding:0px 5px 3px 5px;font-size:12px}.namebio{text-shadow:0.5px 0.5px 1px black;color:white;padding:0 5px 0px 5px;font-size:8px}.right{float:right;padding-right:5px;font-weight:100}.center{display:block;margin-left:auto;margin-right:auto;width:50%}a{text-decoration:none;color:#000}a:hover{text-decoration:none;color:#ccc}#wrapper{margin:0 auto;padding:0 5%}img{max-width:100%;height:auto}header{background:#fff;margin:0 0 10px 0;padding:5px 0 0 0;width:100%}h1{font-family:"Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";margin:15px 0;font-size:24px;font-weight:normal;line-height:0.8em;color:#fff}h2{font-size:16px;margin:-5px 0 0;font-weight:normal;color:#fff}h3{margin:0 0 1em 0}#logo{text-align:center;margin:0}footer{font-size:16px;text-align:center;padding-top:10px;clear:both}ul#navlist{padding:0 20px 0}#navlist li{display:inline;padding:5px}.botfoot{text-align:center;margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:10px;color:#ccccc6;font-size:16px;background-color:#000;font-family:"Helvetica Neue","Helvetica","Arial","Verdana","sans-serif"}.botfoot a{color:#ccc}.botfoot a:hover{color:#fff}.botfoot2{width:100%;text-align:center;margin-left:auto;margin-right:auto;margin-bottom:10px;padding:10px 0px;color:#696969;font-size:28px;line-height:30px;background-color:#F5F5F5;font-family:"Helvetica Neue","Helvetica","Arial","Verdana","sans-serif"}.botfoot2 a{color:#000;font-size:18px}.botfoot2 a:hover{color:#FF4500}.botfoot3{text-align:center;margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:10px;color:#696969;font-size:18px;background-color:#F5F5F5;font-family:"Helvetica Neue","Helvetica","Arial","Verdana","sans-serif"}.botfoot3 a{color:#000;font-size:16px}.botfoot3 a:hover{color:#FF4500;font-size:16px}