body {
	padding-top:90px;
	background: #000 url('/images/bg-1.png');
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family:'Open Sans',sans-serif;
	font-weight:400;
	color:#afafaf;
}
body.bg-1 {
	background: #000 url('/images/bg-1.png');
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
body.bg-2 {
	background: #000 url('/images/bg-2.png');
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
body.bg-3 {
	background: #000 url('/images/bg-3.png');
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
body.bg-4 {
	background: #000 url('/images/bg-4.png');
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
.ace_scrollbar {
    display: none !important;
}

[data-editor] {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	max-height:260px;
}

h1, h2, h3, h4, h5, h6 {
	text-transform:uppercase;
}

div.rules {
	max-height:300px;
	overflow:auto;
	border:1px solid #111;
}

div.navbar {
	background:rgba(0,0,0,0.7);
	border:none;
}
.navbar-nav>li>a {
	line-height:60px;
}

h1,h2,h3,h4,h5,h6 {
	background:rgba(0,0,0,0.3);
	display:inline-block;
	padding:5px 10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}

.post {
	margin-bottom:30px;
}

.post .thumb {
	display:inline-block;
	vertical-align:top;
	border:3px solid #000000;
	height:126px;
	margin-bottom:5px;
	border-radius:3px;
}

.post .title {
	display:inline-block;
	vertical-align:top;
	height:126px;
	padding-top:10px;
}

.post .published {
	background: rgba(0,0,0,0.3);
	display: inline-block;
	padding: 5px 10px;
	color:#aaa;
}

.post .excerpt {
	margin-top:10px;
}

.post .title h3 {
	margin:0;
}

.post .title h3 a {
	color:#efefef;
}

.post .title a.btn {
	margin-top:5px;
	background:rgba(0,0,0,0.6);
	border:0;
}

.post .title a.btn:hover {
	background:rgba(0,0,0,1);
}

.livestreams .stream {
	padding-left:50px;
	overflow:hidden;
	background: rgba(0,0,0,0.3);
	position:relative;
	margin-bottom:3px;
	color:#efefef;
}

.livestreams .stream a {
	color:#efefef;
}

.livestreams .stream a:hover {
	text-decoration: none;
}

.livestreams .live {
	color: red;
	font-size: 14px;
	vertical-align: top;
}

.livestreams .player {
	margin-left: -50px;
	height: 240px;
}

.livestreams .stream a span {
	/*position:absolute;
	width:100%;
	height:100%;*/
	top:0;
	left: 0;
	z-index: 1;
	background-image: url('/images/empty.gif');
}

.livestreams .stream:hover {
	background: rgba(42,159,214,0.3);
}

.livestreams .stream .icon {
	width:50px;
	height:42px;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
}

.livestreams .stream .icon img {
	margin-top:10px;
}

.livestreams .stream .twitch {
	width:34px;
	height:42px;
	position:absolute;
	top:0;
	right:15px;
}

.livestreams .stream .twitch img {
	margin-top:10px;
}

.livestreams .stream .user {
	line-height:1;
	font-size:18px;
	margin-top:5px;
}

.livestreams .stream .status {
	line-height:1;
	font-size:12px;
	margin-bottom: 5px;
}

hr {
	border-top:2px solid #000;
}

.matches .match {
	height:88px;
	background: rgba(0,0,0,0.3);
	position:relative;
	padding-left:125px;
	margin-bottom:3px;
}

.matches .score span {
	font-size: 16px;
	font-weight: bold;
}

.matches .score img {
	margin-bottom: 5px;
}

.matches .match:hover {
	background: rgba(42,159,214,0.3);
}

.matches .match a span {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 1;
	background-image: url('/images/empty.gif');
}

.matches .match .date {
	color:#efefef;
	font-size:12px;
	text-align:center;
	padding:10px 10px 0 0;
}

.matches .match .clans {

}
.matches .match .clans .challenger {
	width:95px;
	text-align:center;
	float:left;
}
.matches .match .clans .vs {
	width:28px;
	float:left;
	margin-top:3px;
}
.matches .match .clans .challenged {
	width:95px;
	text-align:center;
	float:left;
}
.matches .match .clans .tag {
	color:#efefef;
	font-size:20px;
	font-weight:bold;
}

.matches .match .icon {
	position:absolute;
	top:0px;
	left:10px;
}

.matches .match .bet {

}

.jumbotron {
	margin-bottom:0px;
	background:rgba(0,0,0,0.7);
	font-size:14px;
	font-weight:normal;
	padding:20px 0px;
}

.jumbotron ul {
	margin:0px;
	margin-bottom:15px;
}

.jumbotron ul li {
	line-height:16px;
}

.jumbotron ul li a {
	color:#fff;
}

.jumbotron .title {
	color:#c00;
	line-height:16px;
}

.jumbotron .copyright {
	color:#efefef;
	margin-top:16px;
}

html,body {
  height: 100%;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -225px;
  /* Pad bottom by footer height */
  padding: 0 0 245px;
  background-color:transparent;
}

/* Set the fixed height of the footer here */
#footer {
  height: 225px;
}


.comment_submit {
	background:rgba(0,0,0,0.6);
	padding:10px;
}
.comment_submit .title {
	color:#ccc;
	font-weight:bold;
	margin-bottom:5px;
}

.comments .message {
	color:#ccc;
	padding:10px;
	background:rgba(0,0,0,0.6);
	margin:10px 0px;
}

.comments .comment {
	color:#ccc;
	padding:10px;
	background:rgba(0,0,0,0.6);
	margin:10px 0px;
	padding-left:68px;
	position:relative;
	min-height:68px;
}
.comments .comment.admin {
	background:rgba(3,0,15,0.6);
}
.comments .comment.admin .text {
	color: rgb(4,206,44);
}

.comment .left {
	position:absolute;
	top:10px;
	left:10px;
	width:58px;
}

.comment .user {
	font-size:16px;
	margin-bottom:5px;
}

.alert-info {
	color:#666;
	border:0;
	background-color:rgba(0,0,0,0.6);
}

.alert-info a {
	color:#999;
}

#footer .carousel-control .glyphicon {
	margin-top:-10px;
}

#footer .carousel-control {
	opacity:.7;
}

#profile {
	margin-top:20px;
	color:#ccc;
}

#profile .left {
	float:left;
	margin-right:10px;
}

#profile .right {
	float:left;
}

#clan {
	margin-top:20px;
}

#clan .left {
	float:left;
	margin-right:10px;
}

#clan .right {
	float:left;
}

#clan .thumb {
	margin-right:10px;
	width:100px;
	border-radius:5px;
	padding:4px;
	background: -moz-linear-gradient(top, #7bafd6 5%, #506d92 95%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#7bafd6), color-stop(95%,#506d92));
	background: -webkit-linear-gradient(top, #7bafd6 5%,#506d92 95%);
	background: -o-linear-gradient(top, #7bafd6 5%,#506d92 95%);
	background: -ms-linear-gradient(top, #7bafd6 5%,#506d92 95%);
	background: linear-gradient(to bottom, #7bafd6 5%,#506d92 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bafd6', endColorstr='#506d92',GradientType=0 );
	filter: none;
}
#clan .thumb img {
	border-radius:5px;
}

#clan .name {
	font-size:32px;
	color:#fff;
}

#clan .links {
	margin-top:10px;
}

#profile .user .thumb {
	margin-right:10px;
	width:100px;
	border-radius:5px;
	padding:4px;
	background: -moz-linear-gradient(top, #7bafd6 5%, #506d92 95%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#7bafd6), color-stop(95%,#506d92));
	background: -webkit-linear-gradient(top, #7bafd6 5%,#506d92 95%);
	background: -o-linear-gradient(top, #7bafd6 5%,#506d92 95%);
	background: -ms-linear-gradient(top, #7bafd6 5%,#506d92 95%);
	background: linear-gradient(to bottom, #7bafd6 5%,#506d92 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bafd6', endColorstr='#506d92',GradientType=0 );
	filter: none;
}

#profile .user .thumb img {
	border-radius:5px;
}

#profile .user .name {
	font-size:32px;
	color:#fff;
}

#profile .user .created {}

#profile .user .links {
	margin-top:10px;
}
.carousel-inner {
	height:122px;
}

.rulesSection {
	padding-top:120px;
	margin-top:-120px;
	display:block;
}

ul.staff {
	background-color: rgba(0,0,0,0.7);
	padding: 10px;
	border-radius: 6px;
	border: 1px solid rgb(34, 34, 34);
}

table.conversations i.fa.fa-envelope {
	color: #ccc;
}
table.conversations i.fa.fa-envelope-o {
	color: #555;
}
