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

@import url("https://fonts.googleapis.com/css?family=Play");

@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat/montserrat-light-webfont.ttf') format('truetype'),
         url('../fonts/montserrat/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*---------------------------------------------------------------
	Body
---------------------------------------------------------------*/
	body {
		margin: 0;
		padding: 0;
		font-family: 'montserratlight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 1.1em;
		line-height: 1.5em;
		color: #34515a;
		}
/*---------------------------------------------------------------
	Links
---------------------------------------------------------------*/
	a, 
	a:link, 
	a:active, 
	a:visited {
		color: #54a8b2;
		text-decoration: none;
		border-bottom: 1px solid #54a8b2;
		}
	a:hover {
		color: #c25913;
		border-bottom: 1px solid #c25913;
		}
/*---------------------------------------------------------------
	Lists
---------------------------------------------------------------*/
	ol {
		margin: 1em 0 1em 3em;
		}
	ol li {
		margin: 1em 0;
		line-height: 1.5em;
		}
	ul {
		padding: 0;
		margin: 1em 0.5em 0 1.5em;
		list-style: disc;
		}
	ul li {
		margin: 0.2em 0;
		}
	dl {
		margin: 1em 0;
		}
	dt {
		margin: 0.5em 0;
		padding: 0;
		font-weight: bold;
		line-height: 1.5em;
		}
	dd {
		padding: 0;
		margin: 0 0 1em 1.5em;
		line-height: 1.5em;
		}
/*---------------------------------------------------------------
	Headers
---------------------------------------------------------------*/
	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		color: #000000;
		font-weight: bold;
		font-family: 'Play', 'montserratlight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	h1 {
		-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
	       -moz-animation: fadein 1s; /* Firefox < 16 */
	        -ms-animation: fadein 1s; /* Internet Explorer */
	         -o-animation: fadein 1s; /* Opera < 12.1 */
	            animation: fadein 1s;
	}
	h2 {
		-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
	       -moz-animation: fadein 2s; /* Firefox < 16 */
	        -ms-animation: fadein 2s; /* Internet Explorer */
	         -o-animation: fadein 2s; /* Opera < 12.1 */
	            animation: fadein 2s;
	}
	@keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}

	/* Firefox < 16 */
	@-moz-keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}

	/* Safari, Chrome and Opera > 12.1 */
	@-webkit-keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}

	/* Internet Explorer */
	@-ms-keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}

	/* Opera < 12.1 */
	@-o-keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}
	h1 {
		font-size: 2.2em;
		}
	h2 {
		margin: 0;
		margin-top: 5px;
		font-size: 1.6em;
		line-height: 2em;
		letter-spacing: -.02em;
		font-weight: bold;
		color: #333;
		}
	h3 {
		font-size: 1em;
		margin: 2em 0 0 0;
		color: #444444;
		}
		
/*---------------------------------------------------------------
	Header
---------------------------------------------------------------*/
	#header {
		padding: 5em 0 0 0;
		background-color: #44596c;
		color: rgba(255, 255, 255, 0.75);
		overflow: hidden;
		position: relative;
		text-align: left;
		-webkit-box-shadow: 0 8px 6px -6px black;
			   -moz-box-shadow: 0 8px 6px -6px black;
			        box-shadow: 0 8px 6px -6px black;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCI+CjxmaWx0ZXIgaWQ9Im4iIHg9IjAiIHk9IjAiPgo8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC43IiBudW1PY3RhdmVzPSIxMCIgc3RpdGNoVGlsZXM9InN0aXRjaCI+PC9mZVR1cmJ1bGVuY2U+CjwvZmlsdGVyPgo8cmVjdCB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgZmlsbD0iIzAwMCI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgZmlsdGVyPSJ1cmwoI24pIiBvcGFjaXR5PSIwLjQiPjwvcmVjdD4KPC9zdmc+");
	}
	#header .inner {
		padding: 0 4em;
	}
	#header h1 {
		line-height: 1.2em;
		color: #d2e2e4;
	}
	#header h1 span {
		display: block;
		color: white;
	}
	#header h2 {
		font-size: 1em;
		line-height: 1.5em;
		color: #c25913;
		text-transform: uppercase;
	}	
	header.main-header {
		position: relative;
		z-index: 10;
		height: 60px;
		margin: 0 0 -60px -2px;
		padding: 5em 0 0 0;
	}
	header.main-header h2 {
		color: #3699bb;
		font-size: 1.6em;
	}
	.poster {
		width: 100%;
		min-height: 8em;
		margin-top: 2em;
		border-top: 2px solid #d2e2e4;
		border-bottom: 2px solid #d2e2e4;
		height: auto;
		background: #000000;
	}
	.poster div {
		width: 100%;
		min-height: 8em;
		height: auto;
		background: #000000 url("../images/header.jpg") 0 0 no-repeat;
		background-size: cover;
		-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
	       -moz-animation: fadein 3s; /* Firefox < 16 */
	        -ms-animation: fadein 3s; /* Internet Explorer */
	         -o-animation: fadein 3s; /* Opera < 12.1 */
	            animation: fadein 3s;
	}
	
/*---------------------------------------------------------------
	Navigation
---------------------------------------------------------------*/
	nav {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		background: #000000;
		z-index: 500;
		height: 30px;
		opacity: 0.8;
	}
	nav ul {
		width: auto;
		margin: 0;
		padding: 0;	
		list-style: none;
		float: right;
		margin: 0 5em 0 0;
		font-family: 'Play','Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	ul.bits {
		display: block;
	}
	nav ul li {
		display: inline;
		float: left;
		text-align: center;
		color: #FFFFFF;
		margin: 0 2px;
	}
	nav ul li a, nav ul li a:visited  {
		color: #FFFFFF !important;
		padding: 0.4em 1.5em;
		background-color: #c25913;
		border: none !important;
		height: 30px;
		opacity: 1.0;
		/*
	    transition: opacity .5s ease-out;
	    -moz-transition: opacity .5s ease-out;
	    -webkit-transition: opacity .5s ease-out;
	    -o-transition: opacity .5s ease-out;
	*/
		transition: background-color .5s ease-out;
	    -moz-transition: background-color .5s ease-out;
	    -webkit-transition: background-color .5s ease-out;
	    -o-transition: background-color .5s ease-out;
	}
	nav ul li a:hover {
		color: #FFFFFF;
		border: none;
		background-color: #95bfc4;
	}

/*---------------------------------------------------------------
	Sections
---------------------------------------------------------------*/

	section p {
		 padding: 1em 0;
		 margin: 0;
		 text-align: justify;
	}
	.aside {
		float: left;
		width: 214px;
		padding: 0;
	}
	.main {
		padding: 2em 4em;
		margin: 0 0 1em 0;
		overflow: hidden;
	}
	.dark {
		background: #394651;
		color: #E2E2E2;
	}
	.dark h2 {
		color: #FFFFFF;
	}
	.dark p {
		text-align: left;
	}
	.contrast {
		background: #d2e2e4;
		color: #333;
	}
	.contrast h2 {
		color: #666;
	}
	.dark p {
		text-align: left;
	}
	#content {
		background: #d5dbdb;
		margin-left: 5em;
		border: 1px solid #cccccc;
		/*-moz-box-shadow: inset 0 0 2em white;
		-webkit-box-shadow: inset 0 0 2em white;*/
		/* Rounded corners */
		border-bottom-left-radius: 15px;
		-moz-border-radius-bottomleft: 15px;
	}
	#wrap {
		margin: 0;
		padding: 0;
		width: 80%;
	}
	.main img {
		border: 2px solid #FFFFFF;
		margin: 0;
		padding: 0;
		-moz-box-shadow: 0.2em 0.2em 1em #000;
		-webkit-box-shadow: 0.2em 0.2em 1em #000;
		box-shadow: 0.2em 0.2em 1em #000;
		float: left;
		margin-right: 2em;
		border-radius: 50%;
		max-width: 200px;
	}
	.dark a {
		color: #ea6810;
		border-bottom: 1px solid #ea6810;
	}
	.campus {
		background: url("../images/campus.jpg") 0 0 no-repeat;
		background-size: cover;
		padding: 0;
		margin: 0;
		overflow: hidden;
		margin-bottom: 2em;
	}
	.overlay {
		width: 100%;
		height: auto;
		padding: 2em 4em;
		margin: 0;
		position: relative;
		overflow: hidden;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#773f16+44,000000+100&amp;1+29,0+100 */
		background: -moz-linear-gradient(left,  rgba(119,63,22,1) 29%, rgba(119,63,22,0.79) 44%, rgba(0,0,0,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(29%,rgba(119,63,22,1)), color-stop(44%,rgba(119,63,22,0.79)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(119,63,22,1) 29%,rgba(119,63,22,0.79) 44%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(119,63,22,1) 29%,rgba(119,63,22,0.79) 44%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(119,63,22,1) 29%,rgba(119,63,22,0.79) 44%,rgba(0,0,0,0) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(119,63,22,1) 29%,rgba(119,63,22,0.79) 44%,rgba(0,0,0,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#773f16', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	}
	.group {
		float: left;
	}

/*---------------------------------------------------------------
	Footer
---------------------------------------------------------------*/
	footer {
		margin: 0;
		width: auto;
		padding: 0 0 5em 0;
		color: #999999;
		background: #333333;
		text-align: right;
		font-size: x-small;
	}
	footer p {
		margin: 0;
		padding: 0 4em;
	}
	.sponsor-message {
		padding: 0.5em 4em;
		background: #c25913;
		color: #FFFFFF;
		font-size: 1.2em;
		text-align: center;
		margin-bottom: 2em;
	}
	.pulogo {
		float: left;
		width: 100px;
		height: 34px;
		display: block;
		background: url("../images/purdue.png") no-repeat;
		background-size: contain;
	}
/*---------------------------------------------------------------
	Misc
---------------------------------------------------------------*/
	.clear {
		clear: both;
	}
	strong {
		font-weight: 700;
	}
	
/* 	Smaller screens
--------------------------------------------- */
@media all and (max-width: 950px) {

}

@media all and (max-width: 600px) {
	.full-width-wrapper {
		width: 400px;
	}
	h1 {
		font-size: 1.6em;
	}
	#header h2 {
		font-size: 0.8em;
	}
	nav ul {
		margin-right: 1em;
	}
	nav ul li a {
		padding-left: 1em;
		padding-right: 1em;
	}
	.main img {
		clear: both;
	}
}