

.chromeframe {
	margin:.2em 0;
	background:#ccc;
	color:#000;
	padding:.2em 0
}
a.tbsl-user-name {
	text-decoration:none
}
a.tbsl-user-name:hover {
	color:#6441a5;
	text-decoration:underline;
}

#current-game{
	position:absolute;
	left:60px;
	font-size:.9em;
	top:25px;
}

#twitch-widget {
	background:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#262626;
	display:block;
	font-size:.9em;
	margin:5px 0 0 0;
	padding:0;
	position:relative;
	text-decoration:none;
	width:100%;
	background-color:transparent;
}
#online-title{
	width:100%;
	background-color:#6c72fa;
	height: 50px;
	text-align:center;
	line-height:50px;
	color:#fff;
	margin-top:-0px;
	font-size:18px;
	font-weight:bold;
	font-family:inherit;
}
#offline-title{
	width:100%;
	background-color:#c0c0c0;
	height: 50px;
	text-align:center;
	line-height:50px;
	color:#fff;
	margin-top:5px;
	font-size:18px;
	font-weight:bold;
	font-family:inherit;
}
.alloff{
	font-style:italic; 
	font-size:.7em; 
	color:#c0c0c0; 
	padding-left:10px;
	text-align:center;
}
.offline{
	font-style:italic;
	color:#c0c0c0;
}
.gray{
	color:#c0c0c0;
}
.usr-online{
	height:50px;
}
.usr-offline{
	height:50px;
}
.twitch-widget-list {
	list-style-type:none;
	margin:0;
	padding:5px 0 0 0;
}
#icon {
	float:left;
	margin:2px 10px 0 7px;
	width:45px;
	height:45px;
}
.icon{
	
}
#tbsl-user-name {
	font-size:1.3em;
	font-weight:bold;
	text-transform:capitalize;
	color:#6c72fa;
}
#user-title{
	position:absolute;
	top:5px;
	left:60px;
}
.online {
	background:red;
	border-radius:5px;
	display:inline-block;
	height:10px;
	width:10px
}
.viewers {
	color:#666;
	width:55px;
	display:block;
	font-size:.75em;
	position: absolute;
	top:53px;
	text-align:center;
}
.sig {
	bottom:3px;
	color:#888;
	font-size:.6em;
	position:absolute;
	right:3px
}
.ir {
	background-color:transparent;
	border:0;
	overflow:hidden;
*text-indent:-9999px
}
.ir:before {
	content:"";
	display:block;
	width:0;
	height:150%
}
.hidden {
	display:none!important;
	visibility:hidden
}
.visuallyhidden {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto
}
.invisible {
	visibility:hidden
}
.clearfix:before, .clearfix:after {
	content:" ";
	display:table
}
.clearfix:after {
	clear:both
}
.clearfix {
*zoom:1
}
@media print {
* {
	background:transparent!important;
	color:#000!important;
	box-shadow:none!important;
	text-shadow:none!important
}
a, a:visited {
	text-decoration:underline
}
a[href]:after {
	content:" (" attr(href) ")"
}
abbr[title]:after {
	content:" (" attr(title) ")"
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content:""
}
pre, blockquote {
	border:1px solid #999;
	page-break-inside:avoid
}
thead {
	display:table-header-group
}
tr, img {
	page-break-inside:avoid
}
img {
	max-width:100%!important
}
@page {
margin:.5cm
}
p, h2, h3 {
	orphans:3;
	widows:3
}
h2, h3 {
	page-break-after:avoid
}
