@charset "utf-8";
/* CSS Document */

/* Resets */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Mobile Size */


@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#main {
		display:none;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	#main {
		display:none;
	}
}
/* Mobile Size */
@media (max-width: 480px) {
	#main {
		display:none;
	}
}


/* Mobile Size */


/* Tablet Size */


@media (max-width: 768px) (min-width: 640px){
	#content {
		width:98%
	}
	header {
		width:98%;
	}
	.header-icon {
		height:160px;
	}
	.logo {
		float:none;
		margin:40px auto;
	}
	.content-main {
		margin-right: 0px;
		width:100%;
	}
	#content-side {
		display:none;
	}
}


/* Tablet Size */



html {
	background: #f1f1f1 no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
body {
	font-family: "arial";
	font-size: 12px;
}
#main {	
	width: 100%;
	height:	2200px;
}
.wordwrap {
	word-wrap: break-word;      /* IE */
}
a {
	color: inherit;
	text-decoration:none;
}
footer {
}




/* Header */
#header-icon {	
	margin:20px 0 0 0;
	height: 178px;
}
header {
	position:relative;
	width:1200px;
	margin: 0 auto;
	display: block;
}
.logo {
	display: block;
	width: 414px;
}
.logo img{
	width: 100%;
}



/* Website Navigation */
#menu-nav {
	position:relative;
	padding: 0 0 10px;
}
#links {
	width:1160px;
	margin:0 auto;
	padding:15px 20px;
	background-color:#fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);	
}
#menu-nav.fixed {
	position: fixed;
	top:0;
	left:0;
	right:0;
	z-index:10;
}
#menu-nav:before, #menu-nav:after {
	display: block;
	content: "";
}
#links:before, #links:after {
	display: table;
	content: "";
}
#links:after {
	clear:both;
}
#links ul {
	margin:0;
	padding:0;
	font-size:16px;
	line-height:32px;
	font-weight:bold;
	text-transform:uppercase;
	list-style: none;
	-webkit-font-smoothing: antialiased;
}
#links ul li{
	display:inline-block;
}
#links ul li a{
	color:#000;
	text-decoration:none;
}
#links ul li a:hover {
	color:#CFCFCF;
	text-decoration:none;
}
#links ul:before, #menu-nav ul:after {
	display: table;
	content: "";
}
#links ul li:after {
	content:"";
	padding:0 5px;
}
#links ul li:last-child:after {
	content:"";
	padding:0;
}

.icons {
	height: 32px;
	float: right;
}
.icons img {
	opacity: 50%;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.icons img:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}

				/*Social Media Icons*/
				
				

#discord{
	float:left;
	padding-right:5px;
}
#facebook{
	float:left;
	padding-right:5px;
}
#instagram{
	float:left;
	padding-right:5px;
}
#twitch{
	float:left;
	padding-right:5px;
}
#twitter{
	float:left;
	padding-right:5px;
}
#youtube{
	float:left;
}



					/*Social Media Icons*/



					/* Twitch.TV Stream */
					
					
					
.twitch-widget {
	display: none;
	position:relative;
	background: #262626 url('https://static.tumblr.com/2gkj9dr/gfgn717ij/noise.png');
}
.twitch-widget:before {
	content: "";
  	display: block;
}
.twitch-widget--active {
  display: block;
}
.twitchstream {
	margin:0px auto 0px auto;
	width:1040px;
	height:520px;
	padding:10px;
}
.twitchstream-horizontal {
	display:none;
}
.stream-video {
	width: 640px;
	min-height: 100px;
	margin: 0px 10px 0px auto;
	padding: 10px;
	background-color: #FFF;
}
#twitchvideo {
	height:378px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.stream-chat {
	width: 350px;
	min-height: 100px;
	padding:10px;
	background-color:#FFF;
}
#twitchchat {
	height:500px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.hidden {
	display:none;
}
.open-stream {
	text-align:center;
	width:1160px;
	margin:0 auto 10px;
	padding:15px 20px;	
	background: #F1F1F1 url('https://static.tumblr.com/2gkj9dr/gfgn717ij/noise.png');	
	border-top-left-radius:10px;
	border-top-right-radius:10px;		
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	box-shadow: 0 0 5px rgba(100, 65, 165,.4);
	-moz-box-shadow: 0 0 5px rgba(100, 65, 165,.4);
	-webkit-box-shadow: 0 0 5px rgba(100, 65, 165,.4);
}
.close-stream {
	text-align:center;
	width:1160px;
	margin:0 auto 10px;
	padding:15px 20px;
	background-color:#fff;	
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.open-stream a{
	color:#6441A5;
}
.open-stream a:hover {
	color:#B9A3E3;
}
.close-stream a{
	color:#6441A5;
}
.close-stream a:hover {
	color:#B9A3E3;
}




			/* Twitch Header & Footer */
			
			
	.twitch-header {
		color: #FFF;
		width: 640px;
		margin: 0;
		padding: 10px 0 10px;
		display: block;
	}
	.stream-title {
		font-size: 20px;
		font-weight: bold;
	}
	#livestats-title-offline {
		font-size: 16px;
	}
	#livestats-title {
		font-size: 16px;
	}
	
	.twitch-footer {
		color: #FFF;
		width: 660px;
		padding: 10px 0;
	}
	#channel-stats {
		float: right;
		font-size: 16px;
	}
	.twitch-numbers {
		display: inline-block;
		margin-right: 10px;
	}
	#twitch-icon {;
		color:#FFF
	}
	.twitch-icons {
		float:left;
		margin:7px 5px;
		margin-left: 0;
	}
	#livestats-viewers {
		float: left;
	}
	#livestats-followers {
		float:left;
	}




			/* Main Content */
			
			
			
#content {
	width:1200px;
	margin:0px auto 0px auto;
	z-index: 2;
	position:relative;
}
.content-left {
	width: 300px;
	min-height: 100px;
	margin-right: 10px;
	background-color:#fff;
	padding:10px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.content-main {
	width: 850px;
	min-height: 1000px;
	margin-right: 10px;
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.left {
	float: left;
}
.clr {
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}

			/* Side Bar Content */

#content-side {
	padding: 0 0 10px;
	float: left;
	background-color: #fff;
	width: 300px;
	padding: 10px;
	margin-bottom:10px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
#social-media{
	width:300px;
	float: left;
}

#social-media.fixed {
	position: fixed;
	top:72px;
	left:860px;
	right: 0px;
	z-index:10;
    margin: 0 auto;
}
#social-media:before, #content-side:after {
	display: block;
	content: "";
}



			/* YouTube Embed Description */
			
			
.ytdesc {
	display:none;
}




			/* YouTube List */
			
			
			
.ytPlayer{
	margin: auto;
	text-align: center;
}
.ytlist {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}



/* float fix */
.ytlist:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

.ytlist li{
	display: inline;
	float: left;
	margin: 5px; /* some space */
	width: 840px;
}

.ytlist table {
	width: 100%;
}

.ytlist td{
	padding: 5px; /* some space */
	vertical-align: top;
	min-width: 120px;
}

.ytlist h3{
	margin: 0;
	line-height: 1.55em;
}

.ytlist a {
	padding:0px;
}
.meta {
	min-width:120px;
	line-height:1.5em;
}
.thumb{
	width:288px;
}


/* hd */
.clip span {
	position: relative;
	width: 288px;
	overflow: hidden;
}
.clip img{
	width: 288px;
	display: block;

}



/* thumbs */
.small .clip span {
	position: relative;
	width: 200px;
	overflow: hidden;
}
.small .clip img{
	width: 200px;
	display: block;

}



				/* Instagram Code */
			
			
.instagram-title {
	height:48px;
	border-bottom: 1px solid #e2e2e2;
}
.instagram-feed {
	width:300px;
}
#instagram-glyph {
	float:left
}
#instagram-glyph img{
	height:40px;
}
#instafeed p.caption{
	background-color:#333;
}
#instafeed p.likes{
	background-color:#323;
}
#instafeed {
	margin-top:4px;
	width:auto;
}
#instafeed img {
	width:120px;
	padding:10px;
	background-color:#d8d8d8;
	margin: 5px;
}




			/* Twitter Feed Code */
		
		
		
.twitter-div{
	background-color: #fff;
}
.twitter-title {
	margin-bottom:10px;
	height:40px;	
	border-bottom: 1px solid #e2e2e2;
}
.twitter-title img{
	width:40px;
}
.twitter-feed {
	background-color:#fff;
}



			/* Stream Badge Code */
			
.streambadge{
	overflow:hidden;
	list-style:none;
	display:block;
	background-color:#2b2b2b;
	padding: 10px;
	color:#fff;
}
.streambadge a:hover{
	text-decoration:underline;
}
.streambadge-logo{
	float: left;
	margin:0 5px 0 0;
}
.streambadge-display{
	color:#b9a3e3;
	font-weight:800;
	text-transform:uppercase;
}
.streambadge-online{
	margin: 0px 3px 0px 3px;
	background: red;
	border-radius: 5px;
	display: inline-block;
	height: .7em;
	line-height: 1;
	width: .7em;
}
.streambadge-live{
	color:#fff;
}


			/* Desktop Size */


@media (max-width: 1280px) {
	#content {
		width:870px;
	}
	#links {
		width:830px;
	}
	header {
		width:870px;
	}
	.header-icon {
		height:165px;
	}
	.logo {
		float:none;
		margin:20px auto 0 auto;
	}
	.content-main {
		margin-right: 10px;
		width:850px;
	}
	.close-stream {
		width:830px;
	}
	.open-stream {
		width:830px;
	}
	#content-side{
		display:none
	}
	
/* Twitch Stream Horizontal */
.twitchstream {
	display:none;
}
	.twitchstream-horizontal {
	display: block;
	margin: 0px auto 0px auto;
	width: 640px;
	height: 398px;
	padding: 10px;
	}
	.stream-video-horizontal {
	width: 620px;
	min-height: 100px;
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #FFF;
	}
	#twitchvideo-horizontal {
		box-shadow: 0 1px 2px rgba(0,0,0,.1);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	}

/* Desktop Size */