/*   
Theme Name: ausTIN CANs 2016 v4
Theme URI: http://andersonrobotics.org
Description: ausTIN CANs website theme for the 2016 season
Author: Andrew Davisson
Author URI: http://andrewdavisson.com/
Version: 1.4
*/

/* 
                                                                                
  ,ad8888ba,                                                                88  
 d8"'    `"8b                                                               88  
d8'                                                                         88  
88              ,adPPYba,  8b,dPPYba,    ,adPPYba,  8b,dPPYba,  ,adPPYYba,  88  
88      88888  a8P_____88  88P'   `"8a  a8P_____88  88P'   "Y8  ""     `Y8  88  
Y8,        88  8PP"""""""  88       88  8PP"""""""  88          ,adPPPPP88  88  
 Y8a.    .a88  "8b,   ,aa  88       88  "8b,   ,aa  88          88,    ,88  88  
  `"Y88888P"    `"Ybbd8"'  88       88   `"Ybbd8"'  88          `"8bbdP"Y8  88 
*/


@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@media screen {

	html, body, h1, h2, h3, p, ol, ul, li {
		padding: 0; 
		border: 0;
		margin: 0;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
	}

	/*
	#ffcf46 - yellow
	#ffeeaa - light yellow
	#bb8811 - dark yellow
	#222233 - gray
	#aaaaaa - lt gray
	#eeeeee - bg lt gray



	#222233 - dk blue
	#222255 - lt blue
	*/

	html,body {
		font-size: 18px;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		line-height: 27px;
		color: #222255;
		background: #eeeeee;
		overflow-x: hidden;

		position: relative;
	}

	body, html {
		background-color: #ffcf46;
	}

	#content {
		background-color: #eeeeee;
	}

	a, a:visited {
		color: #aaaaaa;
		text-decoration: none;
	}

	p a:hover, a:hover>*,
	p a:active, a:active>* {
		background: #ffcf46;
		border-radius: 5px;
		color: #222255;
	}

	h1, a>h1, h2, a>h2, h3, a>h3 {
		color: #222255;
	}

	h1:hover, a>h1:hover, h2:hover, a>h2:hover, h3:hover, a>h3:hover,
	h1:active, a>h1:active, h2:active, a>h2:active, h3:active, a>h3:active {
		background: none;
		color: #ffcf46;
	}

	h1 {
		font-size: 45px;
		line-height: 45px;
		letter-spacing: -.02em;
		word-spacing: -.1em;
		font-weight: 900;
	}

	h2 {
		font-size: 27px;
		line-height: 27px;
		letter-spacing: -.01em;
		word-spacing: -.1em;
		font-weight: 900;

		padding-bottom: 36px;
	}

	h3 {
		font-size: 18px;
		line-height: 18px;
		letter-spacing: .01em;
		word-spacing: -.1em;
		font-weight: 900;
		
		padding-bottom: 4.5px;
	}

	p {
		padding-bottom: 18px;
	}

	p.dateline {
		font-size: 13.5px;
		line-height: 18px;
	}

	.readmore {
		position: relative;
		top: -18px;
		font-size: 13.5px;
		line-height: 18px;
		font-weight: 400;
		letter-spacing: .04em;
	}

	.readmore:hover, 
	.readmore:active {
		background: none;
		color: #222255;

	}

	.viewmore {
		font-size: 13.5px;
		line-height: 18px;
		font-weight: 400;
		letter-spacing: .04em;
		padding: 18px 0;
	}

	.viewmore:hover,
	.viewmore:active {
		background: none;
		color: #222255;
	}

	li {
		list-style-type: none;
	}


	
	p.dateline {
		color: #aaaaaa;
	}

/* ////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////// */


	.button {
		padding: 0;
		font-size: 0;
	}

	.button>*{
	}

		.button li {
			display: inline-block;

			padding: 13.5px 13.5px;
			background: #ffffff;
			border-radius: 5px;
			margin-right: 13.5px;
			margin-bottom: 18px;
		}

		.button li p {
			font-size: 13.5px;
			line-height: 18px;
			font-weight: 600;
			letter-spacing: .05em;

			padding: 0;
			color: #222255;
		}

		.button li:hover,
		.button li:active {
			background: #222233;
		}

		.button li:hover p,
		.button li:active p {
			color: #ffffff;
		}



	#calendar ul * {
		background: none;
		color: #222255;
	}


#header {
	background: #ffcf46;
	position: relative;
	transition: top .512s;
	border-bottom: 9px solid #ffffff;
}

	#header #brand:hover h1, #header #brand:hover p,
	#header #brand:active h1, #header #brand:active p {
		color: #ffffff;
	}

	#header #brand p {
		font-size: 13.5px;
		line-height: 13.5px;
		letter-spacing: .02em;
		word-spacing: -.05em;
		font-weight: 400;
		color: #222255;
	}

	#header #nav li {
		border-radius: 0px;
	}

		#header #nav li:hover,
		#header #nav li:active {
			background: #ffffff;
		}



	#header #nav li span {
		color: #222255;
		font-size: 13.5px;
		line-height: 13.5px;
		letter-spacing: .02em;
		word-spacing: -.05em;
		font-weight: 400;
	}

#content-header {
	background: #222233;
}

	#slideshow {
		background-size: 100% auto;
		height: 450px;
		transition: background-position 0s;
	}

	#content-header #about h2  {
		display: none;
	}

	#content-header #about p  {

		color: #ffcf46;
		font-weight: 100;
		font-size: 27px;
		line-height: 40.5px;
		letter-spacing: .02em;
		word-spacing: -.05em;
	}

	#content-header #about p a {
		color: white;
		font-size: 20.25px;
		line-height: 18px;
		letter-spacing: .1em;
		font-weight: 400;
		text-transform: uppercase;
		white-space: nowrap;
		border-radius: 5px;
	}

	#content-header #about p a:hover,
	#content-header #about p a:active {
		color: #222255;
		font-weight: 900;
	}

	#content-header #about p a {
		padding: 4.5px 9px;
	}


#content #news h2 {
		display: none;
	}

	#content #news article:last-of-type {
		padding-bottom: 0;
	}

	#connect ul li p {
		font-size: 0;
		line-height: 18px;
		letter-spacing: .05em;
		color: #222255;
		font-weight: 900;
		transition: .512s 0s;
	}


	#calendar li {
		position: relative;
	}

	#calendar li:hover,
	#calendar li:active {
		background: #ffcf46;
		border-radius: 5px;
	}

	#calendar li .dateline {
		color: #222255;
	}

	#calendar li.important h3:before {
		position: absolute;
		left: 13.5px;
		top: 12px;
		content: url('images/star.svg');
	}
	
	#calendar ul li h3 {
		padding-bottom: 4.5px;
	}

	#calendar h2 {
		padding-bottom: 36px;
	}





#connect {
	white-space: nowrap;
	padding-top: 0;
	padding-bottom: 24px;
}

	#connect h2 {
		padding-bottom: 10px;
	}

	#connect ul {
		font-size: 0;
		line-height: 0;
		position: relative;
		left: -9px;
		top: -4px;
	}

	#connect ul li {
		width: 60px;
		text-align: center;
		display: inline-block;
		vertical-align: top;
	}

	#connect ul li i {
		display: block;
		height: 61px;
		margin: auto;
		transition: .256s;
	}

	p.dateline i.email {
		height: 14px; 
		width: 14px; 
		display: inline-block;
		background: url(images/connect/email.svg) no-repeat center center; 
		background-size: 100%;
		top: 3px;
		left: 2px;
		position: relative;
		margin-right: 5px;
	}

	#connect ul li i.email {
		background: url(images/connect/email.svg) no-repeat center center;
	}

	#connect ul li i.twitter {
		background: url(images/connect/twitter.svg) no-repeat center center;
	}

	#connect ul li i.facebook {
		background: url(images/connect/facebook.svg) no-repeat center center;
	}

	#connect ul li i.youtube {
		background: url(images/connect/youtube.svg) no-repeat center center;
	}

	#connect ul li i.flickr {
		background: url(images/connect/flickr.svg) no-repeat center center;
	}


	#connect ul li i.instagram {
		background: url(images/connect/instagram.svg) no-repeat center center;
	}

	#connect ul li i.email, 
	#connect ul li i.twitter, 
	#connect ul li i.facebook, 
	#connect ul li i.youtube, 
	#connect ul li i.flickr,
	#connect ul li i.instagram {
		background-size: 60%;
	}



	#connect ul li:hover,
	#connect ul li:active {
		background: none;
	}

	#connect ul li:active i,
	#connect ul li:hover i {
		background-size: 100%;
	}

	#connect ul li p {
		position: relative;
		top: 4.5px;
		padding: 0;
		display: block;
	}

	#connect ul li:hover p,
	#connect ul li:active p {
		font-size: 13.5px;
		transition-delay: .256s;
	}

	#connect ul li:hover p.small,
	#connect ul li:active p.small {
		font-size: 10px;
	}


	#footer {
		background: #ffcf46;
		border-top: 18px solid #222233;
	}


		#footer h2, #footer hr {
			display: none;
		}

	#copyright {
		font-size: 13.5px;
		line-height: 27px;

		padding-top: 36px;
		padding-bottom: 36px;
	}


	#content img, #content-header img {
		width: 100%;
		height: auto;
		margin-bottom: 18px;
		display: block;
		text-align: center;
	}



	#content .col1 img, #content .col2 img {
	}

	.inset-left {
		width: auto;
		max-width: 50%;
		float: left;
		margin-right: 18px;
	}

	.inset-right {
		width: auto;
		max-width: 50%;
		float: right;
		margin-left: 18px;
	}

	.col1 .inset-left {
		padding-right: 0;
	}


	figcaption {
		display: block;
		font-size: 13.5px;
		letter-spacing: .04em;
		line-height: 18px;
		margin-bottom: 36px;
	}

	.col1 figcaption, .col2 figcaption {
		margin-bottom: 18px;
	}

	.skew {
		display: inline-block;
		-ms-transform: skewX(0deg); /* IE 9 */
    	-webkit-transform: skewX(0deg); /* Safari */
    	transform: skewX(0deg); /* Standard syntax */
    	transition: 5.12s;
		letter-spacing: 0;
	}

	.skew:hover {
		display: inline-block;
		-ms-transform: skewX(-90deg); /* IE 9 */
    	-webkit-transform: skewX(-90deg); /* Safari */
    	transform: skewX(-90deg); /* Standard syntax */
	}



	#content #news article.excerpt {
		padding-bottom: 18px;
	}

		#content #news article.excerpt h3 {
			font-size: 18px;
			line-height: 18px;
		}

		#content #news article.excerpt p.dateline {
			padding-top: 0;
			padding-bottom: 18px;
		}



#event #event-title h2 {
	font-size: 45px;
	line-height: 58.5px;
	letter-spacing: -.01em;
	word-spacing: -.1em;
	font-weight: 900;
	padding-bottom: 9px;
}

#event #event-title .location {

	padding-top: 9px;
	padding-bottom: 27px;
}

#event .dateline, #event .location {
	font-size: 13.5px;
	line-height: 18px;
	letter-spacing: .04em;
	color: #222255;

	padding-bottom: 4.5px;
}

#event .location {

}

#event #calendar h2 {
	padding-top: 9px;
	padding-bottom: 27px;
}


.first {
	font-style: italic;
}


	.quote {
		border: 2px solid #222255;
		padding: 27px 54px;
		margin: 18px 0 9px;
		position: relative;
		border-radius: 10px;
	}

	.quote:before {
		content: '“';
		position: absolute;
		left: 8px;
		top: 45px;
		font-size: 100px;
		font-family: 'Georgia';
	}

	.quote:after {
		content: '”';
		position: absolute;
		right: 10px;
		bottom: -10px;
		font-size: 100px;
		font-family: 'Georgia';
	}

	.attribution {
		padding: 0;
		margin: 18px 0 9px;
		font-size: 13.5px;
		text-align: right;
		font-weight: 500;

	}


	#content.about {
	}

		#content.about h2 {
			font-size: 45px;
			padding: 0 0 36px;
		}


		#content.about .container:first-of-type {
			margin-bottom: 0;
		}

	#content.about .container{
		margin-bottom: 36px;
	}


	#content.about #theteam ul li{
		position: relative;
	}

	#content.about #theteam ul li{
		font-weight: 900;
		font-size: 22.5px;
		line-height: 22.5px;
		padding: 9px 18px;
		margin-bottom: 9px;
		position: relative;
		background: white;
		color: #222255;
		border-radius: 5px;
	}

	#content.about #theteam ul li:hover{
		background: #ffcf46;
	}

	#content.about img.award.champ {
		width: 45%;
		padding: 2.5%;
		display: inline-block;
	}

	#content.about img.award.champ:last-of-type {
		padding-right: 0;
	}

	#content.about img.award {
		width: 25%;
		display: inline-block;
		font-size: 0;
		line-height: 0;
		padding: 0 2.5%;
		text-align: center;
	}

	#content.about .container.header {
		margin-bottom: 0;
	}

	#content.about #awards h2 {
		padding-bottom: 18px;

	}

	#trophy-case {
		width: 90%;
		margin: auto;
	}

	#championship-awards {
		margin-bottom: 36px;
	}

	#regional-awards {
		font-size: 0;
		line-height: 0;
		text-align: center;
	}

	#regional-awards>img {
		margin-bottom: 36px;
	}

	a.anchor {
		position: relative;
		display: block;
		height: 1px;
		top: -72px;
	}

	#handheld-regionals {
	}

	#handheld-regionals p {
		font-size: 18px;
		line-height: 27px;
		padding: 0;
		margin: 0;
	}

	#handheld-regionals .winner {
		font-weight: 900;
		letter-spacing: .03em;
	}

	#handheld-regionals .winner {
		letter-spacing: 0;
		text-transform: uppercase;		font-weight: 900;
		letter-spacing: .03em;

	}

	#handheld-regionals .competition {
		font-size: 13.5px;
	}

	#handheld-regionals li {
		margin-bottom: 27px;
	}

	#regional-awards-2 {
		display: none;
	}


	#content.about .center {
		text-align: center;
	}

#content.about #sponsors ul {
	font-size: 0;
}

#content.about #sponsors ul li {
	vertical-align: middle;
}

#content.about #sponsors li:hover a {
	position: relative; 
}

#content.about #sponsors li a img {
	padding: 13.5px;
}

#content.about #sponsors #gold-club li {
		display: inline-block;
		width: 30%;
		padding-right: 10%;
}

#content.about #sponsors #gold-club li:first-of-type {
	padding-left: 15%;
}
#content.about #sponsors #gold-club li:last-of-type {
	padding-right: 15%;
}

#content.about #sponsors #titanium-club li {
		display: inline-block;
		width: 30%;
		padding-right: 5%;
}
#content.about #sponsors #titanium-club li:first-of-type {
	padding-left: 0;
}
#content.about #sponsors #titanium-club li:last-of-type {
	padding-right: 0;
}

#content.about #sponsors #gold-club h3,
#content.about #sponsors #titanium-club h3
 {
	padding: 0 15% 36px;
}

#content.about #gold-club {
	margin: 36px 0 54px;
}
#content.about #titanium-club {
	margin: 36px 0 54px;
}

#content.about #sponsors #other-club ul {
	font-size: 18px;
	line-height: 36px;
}
#content.about #sponsors #other-club {
	font-size: 0;
}
#content.about #sponsors #other-club div {
	display: inline-block;
	width: 40%;
	vertical-align: top;
}
#content.about #sponsors #other-club h3 {
	font-size: 18px;
	padding-bottom: 27px;
}

#content.about #sponsors #other-club div:first-of-type,
#content.about #sponsors #other-club div:nth-of-type(3) {
	margin-right: 10%;
	margin-left: 10%;
}

#content.about #sponsors #other-club div:first-of-type,
#content.about #sponsors #other-club div:nth-of-type(2) {
	margin-bottom: 54px;
}

#content.about #sponsors .button {
	margin-top: 36px;
}

#aboutfirst {
	background: url('images/about/FIRSTvert_SINGLEcolor_Reversed.svg');
	background-size: auto 75%;
	background-position: center;
	background-repeat: no-repeat;
}

#news-feed .excerpt {
	margin-bottom: 27px;

}

}

/*
                                                                            
 ad88888ba   8888888888   8888888888                                        
d8"     "88  88           88               aa                               
8P       88  88  ____     88  ____         88                               
Y8,    ,d88  88a8PPPP8b,  88a8PPPP8b,  aaaa88aaaa  8b,dPPYba,  8b,     ,d8  
 "PPPPPP"88  PP"     `8b  PP"     `8b  """"88""""  88P'    "8a  `Y8, ,8P'   
         8P           d8           d8      88      88       d8    )888(     
8b,    a8P   Y8a     a8P  Y8a     a8P      ""      88b,   ,a8"  ,d8" "8b,   
`"Y8888P'     "Y88888P"    "Y88888P"               88`YbbdP"'  8P'     `Y8  
                                                   88                       
                                                   88                       
*/

/* ////////// STRUCTURAL DECLARATIONS ////////// */

@media (min-width: 720px) {

#content {
	padding: 18px 0 36px;
}

figcaption {
	max-width: 954px;
	margin: auto;
	padding: 0 90px;
}

.container {
	max-width: 954px;
	margin: auto;
	padding: 36px 90px 18px;
}

.container+.container {
	padding-top: 0;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '';
	clear: both;
	height: 0;
}

.col1 {
	float: left;
	width: 67%;
}

.col2 {
	float: left;
	width: 33%;
}

.col1>*{
	padding-right: 54px;
}




/* ////////// ////////// */


#header .container {
	padding-top: 0;
	padding-bottom: 0;
}

	#header .col1, #header .col2 {
		padding: 0;
	}

	#header .col1>*, #header .col2>* {
		padding: 0;
	}

	#header p {
		padding-bottom: 0;
	}

	#header #brand {
		padding-top: 36px;
		padding-bottom: 27px;
	}


	#header #nav {
		position: relative;
		left: -18px;
		white-space: nowrap;

		font-size: 0;
		line-height: 0;
	}


		#header #nav li {
			display: inline-block;
			padding: 81px 18px 27px;
		}


	#header.hidden.fixed {
		top: -58px;
		transition: top .256s;
	}

	#header.fixed {
		position: fixed;
		width: 100%;
		z-index: 100;
		top: 0;
		transition: top .512s;

		border-bottom: 9px solid #ffffff;
	}

		#header.fixed #brand * {
			display: inline-block;
		}

		#header.fixed #brand {
			padding: 9px 0;
		}

		#header.fixed h1 {
			font-size: 27px;
			line-height: 27px;
			letter-spacing: 0;
		}

		#header.fixed #nav li {
			padding: 18px;
		}

		#header.fixed+* {
			margin-top: 121px;
		}




	#content-header .container {
		padding-top: 0;
		padding-bottom: 0;
	}

	#content-header #about p  {
		padding: 36px 0;
	}

	
	#content #news h3 {
		font-size: 27px;
		line-height: 27px;
	}
	
	#content #news p.dateline {
		padding-top: 4.5px;
		padding-bottom: 27px;
	}

	#content #news article {
		padding-bottom: 27px;
		max-width: 500px;
	}

	#content #news article:last-of-type {
		padding-bottom: 0;
	}

	#content #news p.viewmore {
		padding: 27px 0 18px;
	}

#calendar {
	position: relative;

}

	#calendar ul {
	}

	#calendar li {
		position: relative;
		padding: 13.5px 36px;
		left: -36px;
		width: 110%;
	}

	#calendar li h3, #calendar li .dateline {
		padding: 0;
	}




#calendar.full {

}

#calendar.full h2 {
	font-size: 45px;
}

	#calendar.full ul {
	}

	#calendar.full li {
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}

	#calendar.full h3 {
		font-size: 18px;
		line-height: 18px;
	}

	#calendar.full .date {
		font-size: 18px;
	}

	#calendar.full div {
		vertical-align: top;
	}

	#calendar.full div:first-of-type {
		display: inline-block;
		width: 200px;
	}
	
	#calendar.full div:first-of-type>* {
		font-size: 18px;
		line-height: 22.5px;
		padding: 0;
	}


	#calendar.full div:nth-of-type(2) {
		display: inline-block;
	}

		#calendar.full div:nth-of-type(2)>* {
			font-size: 18px;
			line-height: 22.5px;
		}

	#calendar.full div:nth-of-type(3) {
		padding-top: 9px;
		font-size: 13.5px;
		line-height: 18px;
	}

	#calendar.full div:nth-of-type(3)>* {
		padding-bottom: 0;
	}

	#calendar.full li {
		margin-top: 9px;
		padding-bottom: 18px;
		width: 100%;
	}

	#calendar.full li.important {
		background: white;
		border-radius: 5px;
		padding-top: 27px;
		padding-bottom: 27px;
	}

	#calendar.full li.important h3:before {
		content: '';
	}

	#calendar.full li.important:hover {
		background: #ffcf46;
	}






}





/*
                                                                  
 ad88888ba   8888888888           ,d8                             
d8"     "88  88                 ,d888                             
8P       88  88  ____         ,d8" 88                             
Y8,    ,d88  88a8PPPP8b,    ,d8"   88    8b,dPPYba,  8b,     ,d8  
 "PPPPPP"88  PP"     `8b  ,d8"     88    88P'    "8a  `Y8, ,8P'   
         8P           d8  8888888888888  88       d8    )888(     
8b,    a8P   Y8a     a8P           88    88b,   ,a8"  ,d8" "8b,   
`"Y8888P'     "Y88888P"            88    88`YbbdP"'  8P'     `Y8  
                                         88                       
                                         88                       
*/


@media (max-width: 954px) and (min-width: 720px) {

	#slideshow {
		height: 400px;
	}

	#content-header #about p  {

		font-size: 18px;
		line-height: 27px;

		padding: 27px 0;
	}

	#content-header #about p a {
		font-size: 13.5px;
		line-height: 18px;

		padding: 4.5px 9px;
	}

	figcaption {
		padding: 0 54px;
	}


	.container {
		padding-left: 54px;
		padding-right: 54px;
	}

	#calendar li {
		width: 100%;
	}

	#event #event-title h2 {
		font-size: 36px;
		line-height: 45px;
		letter-spacing: 0em;
		word-spacing: -.1em;
		font-weight: 900;
		padding-bottom: 9px;
	}

}

@media (max-width: 830px) and (min-width: 720px) {

	#header #nav {
		left: -9px;
	}

	#header #nav li {
		padding: 81px 9px 27px;
	}

	#header.fixed #nav li {
		padding: 18px 9px;
	}

	#connect ul li {
		width: 50px;
		text-align: center;
		display: inline-block;
		vertical-align: top;
	}

	#calendar h2 {
		white-space: nowrap;
	}




	#content.about #theteam ul li{
		font-size: 18px;
		padding-right: 0;
		line-height: 22.5px;
	}


}




/*
                                                          
888888888888    88   ad88888ba                            
        ,8P'  ,d88  d8"     "88                           
       d8"  888888  8P       88                           
     ,8P'       88  Y8,    ,d88  8b,dPPYba,  8b,     ,d8  
    d8"         88   "PPPPPP"88  88P'    "8a  `Y8, ,8P'   
  ,8P'          88           8P  88       d8    )888(     
 d8"            88  8b,    a8P   88b,   ,a8"  ,d8" "8b,   
8P'             88  `"Y8888P'    88`YbbdP"'  8P'     `Y8  
                                 88                       
                                 88                       
*/
@media handheld, screen and (max-width: 719px) {

	body {
		position: relative;
	}

	#header {
		position: fixed;
		height: 54px;
		width: 100%;
		border-bottom: 9px solid #ffffff;
		z-index: 1000;
	}


		#header #brand {
		}

			#header #brand h1 {
				font-size: 27px;
				line-height: 27px;
				display: inline-block;
				padding-top: 13.5px;
			}

			#header #brand p {
				font-size: 13.5px;
				line-height: 18px;
				padding: 0;

				display: inline-block;
			}

		#header #nav {
			position: absolute;
			top: 0;
			right: 99px;
			text-align: center;
			height: 0;
		}

		#hamburger {
			position: fixed;
			right: 90px;
			display: block;
			height: 54px;
			width: 54px;

			background: url(images/hamburger.svg) no-repeat center;
			background-size: 40%;
			z-index: 10;
		}

			#header #nav ul {
				position: relative;
				top: -180px;	
				transition: .256s .256s;			
			}

			#header #nav #hamburger:hover+*,
			#header #nav ul:hover,
			#header #nav #hamburger:active+*,
			#header #nav ul:active {
				top: 0px;
				transition: .512s;	
			}

			#header #nav li {
				position: relative;
				padding: 18px 36px;
				font-size: 13.5px;
				line-height: 18px;
				background: #222233;
				z-index: 20;
			}

			#header #nav li:hover,
			#header #nav li:active {
				background: #ffffff;
			}

			#header #nav li span {
				color: #ffffff;
			} 

			#header #nav li:hover span,
			#header #nav li:active span {
				color: #222255;
				font-weight: 900;
			}

			#header #nav ul a:last-of-type li {
				border-radius: 0 0 5px 5px;
			}

		#header+* {
			margin-top: 54px;
		}



	.container {
		width: 100%;
		margin: 0;
	}

	.container>* {
		padding: 18px 108px;
	}

	figcaption {
		padding-left: 108px;
		padding-right: 108px;
	}

	#footer {
		padding: 27px 0;
	}

	#content-header #about p  {

		font-size: 18px;
		line-height: 27px;

		padding: 18px 0;
	}

	#content-header #about p a {
		font-size: 13.5px;
		line-height: 18px;

		padding: 4.5px 9px;
	}

	#slideshow {
		height: 350px;
	}

	#content {
		padding: 27px 0;
	}

	#header .container>* {
		padding-top: 0;
		padding-bottom: 0;
	}

	.col1 {
		padding-bottom: 18px;
	}

	#news {}

		#news article {
			padding: 0 0 36px;
		}

		#news h3 {
			font-size: 27px;
			line-height: 27px;
		}



	#calendar ul li {
		width: 100%;
		padding: 13.5px 108px;
		margin-left: -108px;
	}

	#calendar ul a li:hover {
		border-radius: 0px;
	}

	#calendar ul li * { display: inline-block;}

	#calendar li.important h3:before {
		position: absolute;
		left: auto;
		right: 108px;
		top: 18px;
	}

	#calendar ul p {
		padding: 0;
	}

	#calendar.full .big {
		display: none;
	}



	#content.about img.award.champ {
		width: 90%;
	}

	#content.about img.award {
		width: 40%;
	}


}


/*
                                                                   
  ad8888ba,  8888888888      ,a8888a,                              
 8P'    "Y8  88            ,8P"'  `"Y8,                            
d8           88  ____     ,8P        Y8,                           
88,dd888bb,  88a8PPPP8b,  88          88  8b,dPPYba,  8b,     ,d8  
88P'    `8b  PP"     `8b  88          88  88P'    "8a  `Y8, ,8P'   
88       d8           d8  `8b        d8'  88       d8    )888(     
88a     a8P  Y8a     a8P   `8ba,  ,ad8'   88b,   ,a8"  ,d8" "8b,   
 "Y88888P"    "Y88888P"      "Y8888P"     88`YbbdP"'  8P'     `Y8  
                                          88                       
                                          88                       
*/

@media handheld, screen and (max-width: 650px) {

	.container>* {
		padding: 18px 72px;
	}

	figcaption {
		padding-left: 72px;
		padding-right: 72px;
	}


	#calendar ul li {
		padding: 13.5px 72px;
		margin-left: -72px;
	}

	#slideshow {
		height: 300px;
	}


}

/*
                                                                
8888888888  888888888888  8888888888                            
88                  ,8P'  88                                    
88  ____           d8"    88  ____                              
88a8PPPP8b,      ,8P'     88a8PPPP8b,  8b,dPPYba,  8b,     ,d8  
PP"     `8b     d8"       PP"     `8b  88P'    "8a  `Y8, ,8P'   
         d8   ,8P'                 d8  88       d8    )888(     
Y8a     a8P  d8"          Y8a     a8P  88b,   ,a8"  ,d8" "8b,   
 "Y88888P"  8P'            "Y88888P"   88`YbbdP"'  8P'     `Y8  
                                       88                       
                                       88                       
*/

@media handheld, screen and (max-width: 575px) {

	.container>* {
		padding: 18px 36px;
	}

	figcaption {
		padding-left: 36px;
		padding-right: 36px;
	}


	#calendar ul li {
		padding: 13.5px 36px;
		margin-left: -36px;
	}

	#slideshow {
		height: 300px;
	}

	#hamburger {
		right: 36px;
	}

	#calendar li.important h3:before {
		right: 54px;
	}

	#header #nav {
		right: 45px;
	}

	#content.about h2 {
		font-size: 36px;
	}





	#content.about img.award.champ {
		width: 90%;
	}

	#content.about img.award {
		width: 90%;
	}

	#regional-awards {
		display: none;
	}

	#regional-awards-2 {
		display: block;
	}

}


/*
                                                                      
8888888888      ,a8888a,        ,a8888a,                              
88            ,8P"'  `"Y8,    ,8P"'  `"Y8,                            
88  ____     ,8P        Y8,  ,8P        Y8,                           
88a8PPPP8b,  88          88  88          88  8b,dPPYba,  8b,     ,d8  
PP"     `8b  88          88  88          88  88P'    "8a  `Y8, ,8P'   
         d8  `8b        d8'  `8b        d8'  88       d8    )888(     
Y8a     a8P   `8ba,  ,ad8'    `8ba,  ,ad8'   88b,   ,a8"  ,d8" "8b,   
 "Y88888P"      "Y8888P"        "Y8888P"     88`YbbdP"'  8P'     `Y8  
                                             88                       
                                             88                       
*/



@media handheld, screen and (max-width: 500px) {

	.container>* {
		padding: 18px 18px;
	}

	figcaption {
		padding-left: 18px;
		padding-right: 18px;
	}


	#calendar ul li {
		padding: 18px 18px;
		margin-left: -18px;
	}

	#calendar ul li>* {
		display: block;
	}

	#calendar ul li .dateline {
	}

	#slideshow {
		height: 250px;
	}

	#hamburger {
		right: 4.5px;
	}

	#calendar li.important h3:before {
		right: 18px;
		top: 15px;
	}

	#header #nav {
		right: 18px;
	}

	#header #brand * {
		padding: 0;
		margin: 0;
		line-height: 0;
	}

	#header #brand h1 {
		font-size: 27px;
		line-height: 27px;
		display: block;
		padding-top: 9px;
	}

	#header #brand a p {
		font-size: 9px;
		line-height: 9px;
		padding: 0;
		margin: 0;
		font-weight: 600;
		letter-spacing: 0.05em;
		position: relative;
		top: -9px;
	}

	#header #brand a:hover,
	#header #brand a:active {
		background: none;
	}

	#event #event-title h2 {
		font-size: 36px;
		line-height: 45px;
		letter-spacing: 0em;
		word-spacing: -.1em;
		font-weight: 900;
		padding-bottom: 9px;
	}

	#content.about #sponsors #titanium-club li,
	#content.about #sponsors #titanium-club li:first-of-type,
	#content.about #sponsors #titanium-club li:last-of-type
	 {
			display: inline-block;
			width: 50%;
			padding-right: 25%;
			padding-left: 20%;
	}
}


/*
                                                                       
        ,d8            ,d8       ,a8888a,                              
      ,d888          ,d888     ,8P"'  `"Y8,                            
    ,d8" 88        ,d8" 88    ,8P        Y8,                           
  ,d8"   88      ,d8"   88    88          88  8b,dPPYba,  8b,     ,d8  
,d8"     88    ,d8"     88    88          88  88P'    "8a  `Y8, ,8P'   
8888888888888  8888888888888  `8b        d8'  88       d8    )888(     
         88             88     `8ba,  ,ad8'   88b,   ,a8"  ,d8" "8b,   
         88             88       "Y8888P"     88`YbbdP"'  8P'     `Y8  
                                              88                       
                                              88                       
*/


@media handheld, screen and (max-width: 440px) {


	#slideshow {
		height: 200px;
	}


	#event #event-title h2 {
		font-size: 27px;
		line-height: 36px;
		letter-spacing: 0em;
		word-spacing: -.1em;
		font-weight: 900;
		padding-bottom: 9px;
	}


}