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

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

html, body { min-width: 280px; }

body { 
	padding: 0px; margin: 0px; 
	background: #1b1c25;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px; line-height: 26px; letter-spacing: 0.5px;
	color: #e2e1e1; text-shadow: #000 3px 2px;
}

a:link { color: #a0c4ff; text-decoration: none; }
a:visited { color: #a0c4ff; text-decoration: none; }
a:hover { color: #84aff5; text-decoration: underline; }
a:active { color: #84aff5; text-decoration: none; }

h1 { font-size: 40px; color: #FFF; line-height: 50px; }
h2 { font-size: 26px; color: #FFF; line-height: 34px; }
h3 { font-size: 22px; color: #FFF; }

/* Floats */
.left { float:left; }
.right { float:right; }
.center { margin-left: auto; margin-right: auto; }
.clear { clear:both; }

/* Text Positioning */
.tcenter { text-align:center; }
.tleft { text-align: left; }
.tright { text-align: right; }

/* Fixed */
.fixed { max-width: 1150px; } 

/* Collumns */
.col3 { width: 33.3333%; }
.col2-3 { width: 66.6666%; }
.col2 { width: 49.9999%; }
.col4 { width: 24.9999%; }
.col3-4 { width: 74.99999%; }
.col5 { width: 9.999999%; }
.col4-5 { width: 89.999999%; }


/* Header Setup */
header { background: url(../images/topbar_bg.png) left center repeat-x; height: 84px; border-bottom: 1px solid #030307; box-shadow: #000 0px 0px 20px -3px; }
	header .logo { display:block; height: 84px; width: 84px; text-indent: -99999px; background: url(../images/logo-new.png) center center no-repeat; }
	
	header nav { position: relative; }
		header nav > a { display: none; }
		header nav ul { padding: 0px; margin: 0px; list-style: none; position:relative; }
			header nav ul li { float:left; display: block; padding:0px; margin: 0px; position: relative; font-weight: 600; font-size: 16px; border-left: 1px solid #22222d; border-right: 1px solid #000000;}
			header nav ul li:first-child { border-left: none; }
			header nav ul li:last-child { border-right: none; }
				/* Links */
				header nav ul li a:link, header nav ul li a:visited { color: #FFF; display: block; padding: 29px 40px; }
				header nav ul li a:hover, header nav ul li a:active { background: url(../images/topbar_bghover.png) left center repeat-x; text-decoration: none; }

/* Stream Notification */
.stream_notification { position: absolute; padding: 0px; background: #59abc3; width: 100%; text-align: center; color: #FFF; font-size: 16px; text-shadow: none; font-weight: bold; box-shadow: #000 0px 0px 25px 0px; border-bottom: 2px solid #326d7e;	}
	.stream_notification p { margin: 5px; padding: 0px; }

/* Title */
.title { margin: 50px 0px 30px 0px; text-align:center; }
	.title h1 { padding: 0px 0px 15px 0px; margin: 0px; }
	.title span { padding: 0px; margin: 0px; font-size: 18px; }
	
.splitter { height: 1px; border-top: 1px solid #13141b; border-bottom: 1px solid #1e2029; margin: 20px 0px 20px 0px; }
.article_image { width: 100%; margin: 0px auto; display:block; }
.home.post iframe { height: 600px; }


/* Recent News */
.recent { overflow:hidden; }
	.recent > div {  }
		.recent > div .article_image { width: 95%; margin: 0px 0px; }
		.recent > div > div { margin-right: 25px; }
		.recent > div > h2 { margin: 0px 25px 0px 0px; }
		.recent > div > span { display: inline-block; margin: 15px 25px 15px 0px; font-size: 13px; }
		.recent > div > p { padding: 0px; margin: 0px 25px 10px 0px; }

/* Pagination */
.pagination { }
	.pagination .page { display:inline-block; padding: 5px 10px; text-align:center; letter-spacing:normal; text-shadow:none; margin: 0px 5px; border: 1px solid #a0c4ff; }
	.pagination .page:hover, .pagination .page.active { background: #a0c4ff; color: #3e3e3e; text-decoration: none; }
	.pagination .page.active:hover { background: none; color: #a0c4ff; }

/* Stream */
.stream { overflow:hidden; }
	.stream .col2-3 { height: 540px; }
	.stream .chat { margin-left: 25px; height: 540px; }
	.stream object, .stream embed, .stream ifram { max-height: 540px; }	

/* About */
.about { overflow:hidden; }
	.about .me { }
		.about .me img { padding: 8px; background: #131313; border-radius: 5px; margin: 0px 10px 10px 0px; border: 1px solid #000; }
		.about .me p { padding-right: 30px; }
	
	.about ul.social { list-style: none; margin: 0px; padding: 0px; }
	.home.about ul.social { display:block; text-align: center; }
		.about ul.social li { padding: 10px 0px 10px 45px; font-size: 16px; }
			.about ul.social li span { text-indent: -99999px; width: 34px; height: 35px; display: block; margin: -5px 0px 0px -45px; position:absolute; }
			.home.about ul.social li span { margin: 0px; position:static; }
			.about ul.social .facebook span { background: url(../images/icons/facebook.png) center center no-repeat;  }

			.about ul.social .twitter span { background: url(../images/icons/twitter.png) center center no-repeat; }
			.about ul.social .linkedin span { background: url(../images/icons/linkedin.png) center center no-repeat; }
			.about ul.social .googleplus span { background: url(../images/icons/googleplus.png) center center no-repeat; }
			.about ul.social .steam span { background: url(../images/icons/steam.png) center center no-repeat; }
			.about ul.social .youtube span { background: url(../images/icons/youtube.png) center center no-repeat; }
		/* Links */
		.about ul.social a:link, .about ul.social a:visited { color: #FFF; }
		.about ul.social a:hover, .about ul.social a:active { color: #a0c4ff; text-decoration: none; }
		
/* About Us (v2) */
.aboutus { overflow:hidden; }
	.aboutus .person { overflow:hidden; }
		.aboutus .person h2 { margin: 5px 0px 5px; }
			.aboutus .person h2 span { display:block; font-size: 20px; color: #a0c4ff; }
	.aboutus .quick_info { text-align:center; }
		.aboutus .quick_info > img { padding: 8px; background: #131313; border-radius: 5px; margin: 0px; border: 1px solid #000; width: 70%; }
	
	/* Social Links and Images */
	.aboutus ul.social { list-style: none; margin: 0px; padding: 0px; }
		.aboutus ul.social li { padding: 10px 0px 10px 0px; font-size: 16px; display:inline-block; }
			.aboutus ul.social li span { text-indent: -99999px; width: 34px; height: 35px; display: block; margin: 0px 0px 0px 0px; transition: ease-in-out all 0.35s; -webkit-transition: ease-in-out all 0.35s; opacity: 0.75; -webkit-opacity: 0.75;}
			.aboutus ul.social li span:hover { opacity: 1.0; -webkit-opacity: 1.0; }
			/* Images */
			.aboutus ul.social .facebook span { background: url(../images/icons/facebook.png) center center no-repeat;  }
			.aboutus ul.social .twitter span { background: url(../images/icons/twitter.png) center center no-repeat; }
			.aboutus ul.social .linkedin span { background: url(../images/icons/linkedin.png) center center no-repeat; }
			.aboutus ul.social .googleplus span { background: url(../images/icons/googleplus.png) center center no-repeat; }
			.aboutus ul.social .steam span { background: url(../images/icons/steam.png) center center no-repeat; }
			.aboutus ul.social .youtube span { background: url(../images/icons/youtube.png) center center no-repeat; }
			/* Links */
			.aboutus ul.social a:link, .aboutus ul.social a:visited { color: #FFF; }
			.aboutus ul.social a:hover, .aboutus ul.social a:active { color: #a0c4ff; text-decoration: none; }

/* Contact Form */
.contact { }
	.contact form { margin: 0px; padding: 0px 20px 0px 0px; }
		.contact form p { padding: 10px; display:block; margin: 0px; }
		.contact form p:nth-child(even) { background: #262733; }
			.contact form p label { display:inline-block; min-width: 100px; }
				.contact form p label span { color: #C33; }
			.contact form p input[type=email], .contact form p input[type=text] { background:#131313; color: #e2e1e1; padding: 10px; border-radius: 5px; border: none; min-width: 200px; width: 49.99999%; display:inline-block; font-size:16px; }
			.contact form p input[type=submit] { padding: 10px; border-radius: 5px; cursor:pointer; border: none; background: #84aff5; color: #FFF; font-size: 16px;  font-weight: bold; min-width: 100px;}
				.contact form p input[type=submit]:hover { background: #131313; color: #84aff5; }
		.contact form textarea {display:block; background:#131313; color: #e2e1e1; padding: 10px; border-radius: 5px; border: none; min-width: 200px; width: 95%; min-height: 250px; font-size: 16px; }
		
			
/* Projects */
.projects { }
	.projects img { padding: 8px; background: #131313; border-radius: 5px; margin: 10px 10px 10px 0px; border: 1px solid #000; max-width: 350px; width: 95%; }
	.projects a { display:block; margin-bottom: 0px; text-align:center; transition: ease-in-out all 0.35s; -webkit-transition: ease-in-out all 0.35s; opacity: 0.65; -webkit-opacity: 0.65; }
	.projects a:hover { opacity: 1.0; -webkit-opacity: 1.0; }
		.projects a h2 { margin: 0px 0px 24px 0px; padding: 0px; display:none; }



/* Footer */
footer { text-align:left; padding: 0px 0px 20px 0px; font-size: 16px; overflow:hidden; }
	footer .share { margin-right: 5px; float:right; width: 200px; }
		footer .share .fb-like { margin-right: 5px; display:block !important; float:left; }
		footer .share iframe.twitter-share-button { margin-left: 5px; float:left; display:block; }
		footer .share > a { float:left; display:block; margin-left: 10px; }
	footer a:link, footer a:visited { color: #FFF; }
	footer p { padding: 0px; margin: 0px; font-size: 12px; }


/* Mobile Responsive */
@media all and (max-width: 1190px) {
	.fixed { margin: 0px 15px 0px 15px; }
}

@media all and (max-width: 1100px) {
	
}
@media all and (max-width: 1000px) {
	header nav ul li a:link, header nav ul li a:visited { padding: 29px 29px; }		
	iframe { height: 650px; }
	.home.post iframe { height: 550px; }	
}

@media all and (max-width: 900px) {
	.col5 { width: 14.999999%; }
	.col4-5 { width: 84.999999%; }
	
	header nav ul li a:link, header nav ul li a:visited { padding: 29px 15px; }	
	
	.recent { }
		.recent .col3 { width: 100%; }
	
	.home.post iframe { height: 450px; }	
	iframe { height: 500px; }

}

@media all and (max-width: 799px) {
	.stream { }
		.stream .col2-3 { width: 100%; float:none; }
		.stream .col3 { width: 100%; float:none; height: 300px; }
			.stream .chat { margin: 10px 0px 0px 0px; }

	iframe { height: 350px; }
	.home.post iframe { height: 300px; }
}


@media all and (max-width: 795px) {
	header { }
		header nav { }
			header nav > a { display:block; width: 50px; height: 84px; background: url(../images/nav_icon.png) center center no-repeat; text-indent: -999999px; }
			header nav > ul { display: none; }
				header nav > ul li { margin: 0px; padding: 0px; float: none; border: none; width: 200px; text-align:center; }
				header nav > ul li:hover { background: #2e2e2e; }
		header nav:hover > ul { display: block; position:absolute; right: 0px; top: 84px; background: #030307; overflow: hidden; }
			/* Links */
			header nav ul li a:link, header nav ul li a:visited { color: #FFF; display: block; padding: 15px 0px; }
			header nav ul li a:hover, header nav ul li a:active { background: none; text-decoration: none; }

			
}

@media all and (max-width: 765px) {
	.about { }
		.about .col2-3, .col3 , .col2-3 { width: 100%; float:none; overflow:hidden; }
	
	.col5 { width: 100%; }
	.col4-5 { width: 100%; }
	.home.about ul.social { overflow:hidden; padding: 10px; margin: 5px auto; }
		.home.about ul.social li { display:inline-block; padding: 0px 5px; }
}


@media all and (max-width: 450px) {
	/* Center Align */
	.recent { }
		.recent .col3 { text-align:center; }
		
	iframe { height: 225px; }
	
}