/*
Theme Name: Plasma Fourteen
Author: Plasma Robotics
Author URI: http://plasmarobotics.org/
Description: The 2014 theme for Plasma Robotics is sophisticated, lightweight, and adaptable. It comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 3.14159
*/

@font-face {
    font-family: "Haznel Wide Normal";
    src: url("styles/font/hanzel_wide_normal-webfont.eot");
    src: url("styles/font/hanzel_wide_normal-webfont.eot?#iefix") format("embedded-opentype"),
         url("styles/font/hanzel_wide_normal-webfont.woff") format("woff"),
         url("styles/font/hanzel_wide_normal-webfont.ttf") format("truetype"),
         url("styles/font/hanzel_wide_normal-webfont.svg#hanzel_widenormal") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Eras Bold ITC";
    src: url("styles/font/erasbd.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

html {
	height: 100%;
	min-width: 100%;
}

body {
	min-width: 540px;
	padding-top: 20px;
	padding-left: 220px;
	background: #8d00b0; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkMDBiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjAwNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #8d00b0 0%, #320041 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8d00b0), color-stop(100%,#320041)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8d00b0 0%,#320041 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8d00b0 0%,#320041 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8d00b0 0%,#320041 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8d00b0 0%,#320041 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d00b0', endColorstr='#320041',GradientType=0 ); /* IE6-8 */
	background-repeat: no-repeat;
	background-color: #320041;
}

body.has-navbar {
	padding-left: 420px;
}

body.has-navbar.javascript {
	padding-left: 262px;
}

#wrapper {
	/*padding-left: 200px;*/
	width: 560px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	/*-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;*/
}

.navbar-dropdown {
	display: none;

}

#header {
	background: #0b0b0b;
	padding: 20px;
	height: 75px;
	margin-bottom: 20px;
	-webkit-box-shadow:  2px 2px 10px 0px rgba(0, 0, 0, 0.8);
  box-shadow:  2px 2px 10px 0px rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 7px;
  border-radius: 7px;
  position: relative;
}

.header-proper img {
	float: left;
	margin-right: 20px;
	position: relative;
}

#header h1 {
	color: white;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 6px;
	font-family: 'Eras Bold ITC', 'Hanzel Wide Normal', sans-serif;
}

#header .tagline {
	color: white;
	font-size: 18px;	
	line-height: 20px;
	font-style: italic;
	font-family: 'Hanzel Wide Normal' sans-serif;
	margin-bottom: 0;
}

.social-icons {
	position: absolute;
	right: 8px;
	top: 8px;
}

.social-icons a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #0b0b0b;
	background: #f9f9f9;
	padding: 2px;
	height: 25px;
	width: 25px;
	line-height: 25px;
	font-size: 12px;
	margin-bottom: 6px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

#main-body {
	background: #f9f9f9;
	padding: 20px;
	-webkit-box-shadow:  2px 2px 10px 0px rgba(0, 0, 0, 0.8);
  box-shadow:  2px 2px 10px 0px rgba(0, 0, 0, 0.8);
  color: #0b0b0b;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#main-body img {
	margin: 4px;
	max-width: 450px;
	height: auto;
}

#main-body .alignright {
	float: right;
}

#main-body .alignleft {
	float: left;
}

#main-body .aligncenter {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


#footer {
	margin-top: 20px;
	background: #0b0b0b;
	padding: 20px;
	color: #f9f9f9;
	-webkit-box-shadow:  2px 2px 10px 0px rgba(0, 0, 0, 0.8);
  box-shadow:  2px 2px 10px 0px rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 7px;
  border-radius: 7px;
  position: relative;
}

#footer .footer-logo {
	display: block;
	text-align: center;
	width: 100px;
	float: left;
	margin-right: 20px;
	font-size: 10px;
}

#footer .footer-logo img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
}

#footer .footer-nav a {
	color: #808080;
}

#footer .footer-nav a:hover {
	color: #f9f9f9;
}

#footer .footer-nav .menu > ul > li {
	font-size: 12px;
	display: inline-block;
	width: 75px;
	vertical-align: top;
	margin-right: 20px;
}

#footer .footer-nav ul ul {
	margin-top: 8px;
	margin-left: 0;
}

#footer .footer-nav ul ul > li {
	font-size: 10px;
}

#footer .footer-sponsors {
	float: right;
	display: none;
}

#footer .social-icons {
	display: none;
}

#footer .first-logo {
	display: none;
}

/* Project Salmon */

#navbar {
	background: #0b0b0b;
	border-right: #f9f9f9 2px solid;
	-webkit-box-shadow:  2px 2px 10px 0px rgba(0, 0, 0, 0.8);
  box-shadow:  2px 2px 10px 0px rgba(0, 0, 0, 0.8);
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 200px;
	padding: 20px 0;
	z-index: 100;
	overflow: hidden;
	white-space: nowrap;
}

#navbar .first-logo {
	display: block;
	position: absolute;
	bottom: 20px;
	left: 45px;
	text-align: left;
	transition: all 400ms;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
}

#navbar .first-logo img {
	transition: all 400ms;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	width: 112px;
	height: 100px;
	transform-origin: bottom left;
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	-o-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}

#navbar .first-logo.collapsed {
	left: 16px;
}

#navbar .first-logo.collapsed img {
	transform: scale(0.3);
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	-o-transform: scale(0.3);
	-ms-transform: scale(0.3);
}

#navbar li, #subnav li {
	border-bottom: #808080 1px solid;
	margin: 0;
}

#navbar li:last-child, #subnav li:last-child {
	border-bottom: none;
}

#navbar li a, #subnav li a  {
	display: block;
	color: #808080;
	text-decoration: none;
	padding: 10px 20px;
}

#navbar li a:hover, #subnav li a:hover  {
	color: #f9f9f9;
}

#navbar .current_page_item a, #subnav .current_page_item a, #navbar .current_page_ancestor a {
	color: #8d00b0;
}

#navbar .current_page_item a:hover, #navbar .current_page_ancestor a:hover, #subnav .current_page_item a:hover, #subnav .current_page_ancestor a:hover {
	color: #bd00ec;
}

#navbar li i, #subnav li i {
	position: relative;
	top: -1px;
	vertical-align: middle;
	margin-right: 8px;
}

.thirdlevel {
	border:2px solid #8d00b0;
	border-radius:5px;
	background-color:#ffffff;
	text-decoration:none;
	margin-bottom:7px;
	text-align:center;
	padding:5px;
}
.thirdlevel > a {
margin-top:0px;
margin-bottom:2px;
text-decoration:none;
color:#8d00b0;
}
.thirdlevel > a:hover,
.thirdlevel > a:active {
color:#bd00ec;
}
.thirdlevel > a > p {
margin:0px;
}
.thirdlink {
text-decoration:inherit;
}

@media screen and (min-width: 1200px) {
    .thirdlevel {
	-moz-column-count:2; 
	-webkit-column-count:2; 
	column-count:2;
    }
}

#subnav {
	background: #0b0b0b;
	border-right: #f9f9f9 2px solid;
	border-left: #f9f9f9 2px solid;
	-webkit-box-shadow:  2px 2px 10px 0px rgba(0, 0, 0, 0.8);
        box-shadow:  2px 2px 10px 0px rgba(0, 0, 0, 0.8);
	position: fixed;
	left: 200px;
	top: 0;
	bottom: 0;
	width: 180px;
	padding: 20px 0;
	padding-left: 20px;
	z-index: 200;
}

#subnav h2 a {
	color: #8d00b0;
	padding-right: 20px;
	text-decoration: none;
}

#subnav h2 a:hover {
	color: #bd00ec;
}

#subnav li a {
	padding-left: 0;
}

@media screen and (min-width: 1200px) {
	#wrapper {
		width: 960px;
	}

	#header {
		height: 150px;
	}

	.header-proper img {
		width: 150px;
		height: 150px;
	}

	#header h1 {
		font-size: 50px;
		line-height: 50px;
	}

	#header .tagline {
		margin-top: 20px;
		font-size: 35px;
		line-height: 35px;
	}

	#header #social-icons {
		top: 20px;
		right: 20px;
	}

	#footer .footer-sponsors {
		display: block;
	}


}

@media screen and (max-width: 990px) {

	#navbar, #subnav {
		position: absolute;
		border-bottom: #f9f9f9 2px solid;		
	}

	.javascript #navbar, .javascript #subnav {
		position: fixed;
		border-bottom: none;
	}
}

@media screen and (max-width: 860px) {
	body, body.javascript, body.has-navbar.javascript {
		min-width: inherit;
		padding-left: 0;
		padding-top: 0;
	}

	#wrapper {
		width: auto;
		padding: 8px;
	}

	#header {
		background-image: none;
		padding: 8px;
		height: auto;
		margin-bottom: 8px;
	}

	#header img {
		width: 50px;
		height: 50px;
		margin-right: 8px;
	}

	#header h1 {
		font-size: 16px;
		line-height: 50px;
		text-align: left;
		margin-bottom: 0;
		float: left;
	}

	.header-proper {
		margin-bottom: 8px;
	}

	#header .tagline {
		display: none;
	}

	#header .social-icons {
		display: none;
	}

	#navbar, #subnav, .javascript #navbar, .javascript #subnav {
		position: static;
		border: #f9f9f9 2px solid;
		width: auto;
	}

	#navbar, .javascript #navbar {
		-webkit-box-shadow: none;
		box-shadow: none;

	}

	#navbar, #subnav, .javascript #navbar, .javascript #subnav {
		padding: 0;
		border: none;
	}

	#navbar li, #subnav li {
		border-bottom: none;
	}

	#navbar li a, #subnav li a {
		padding-left: 0;
	}

	#navbar ul, #subnav ul {
		margin-bottom: 0;
	}

	#navbar .first-logo {
		display: none;
	}

	#subnav, .javascript #subnav {
		padding: 8px;
		-webkit-border-radius: 7px;
	  border-radius: 7px;
	  margin-bottom: 8px;
	}

	#subnav h2 {
		float: left;
	}

	#subnav .navbar-dropdown {
		margin-top: 8px;
	}

	.javascript .navbar-dropdown {
		display: block;
		float: right;
		line-height: 25px;
		color: #f9f9f9;
		margin-top: 12px;
		width: 25px;
		height: 25px;
		text-align: center;
		border: #808080 1px solid;
		text-decoration: none;
	}

	#main-body {
		margin-top: 18px;
	}

	#main-body .alignright, #main-body .alignleft {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#footer {
		padding: 8px;
	}


	#footer .footer-nav {
		display: none;
	}

	#footer .social-icons {
		display: block;
	}

	#footer .social-icons a {
		display: inline-block;
		vertical-align: top;
	}

	#footer .first-logo {
		display: block;
		position: absolute;
		right: 8px;
		bottom: 8px;
	}

}

/*Video Player embedded in main-body*/
.main-body_video {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 10px;
	margin-bottom: 10px;*/
	background-color: #000000;
}
@media screen and (min-width: 1200px) {
	.main-body_video{
		width: 640px;
		height: 360px;
	}
}
@media screen and (min-width: 861px) and (max-width: 1199px) {
	.main-body_video{
		width: 427px;
		height: 240px;
	}	
}
@media screen and (max-width: 860px) {
	.main-body_video{
		width: 100%;
		padding-bottom:56.25%;
		
		height: 0; !important
	}	
}
#main-body iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}