html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html, body {
	line-height: 0;
	min-height:100%;
	font-family:Arial, Verdana, sans-serif;
}

body {
	background: #d1cdc7; /* Old browsers */
	color:#333;
}

ol, ul {
	list-style: none;
}


q {
	font-style:italic;
	color:#333;
}

h1 {
	font-size:2em;
	margin:0;
	line-height: 1.5em;
}

h2 {
	color:inherit;
	font-size:1.5em;
	line-height: 1.75em;
}

h3 {
	color:#333;
	font-size:1.41em;
	margin:1em 0;
}

h4 {
	color:#444;
	font-size:1.11em;
	margin:1em 0;
}

.clear {
	clear: both;
}

#bg1 {
	z-index:5;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(images/taupe-grunge-bg.jpg) repeat 0 0;
}

#bg2 {
	z-index:10;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC44MiIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.82) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.82)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	
}

#arrow {
	text-align: center;
	font-size: .9em;
	z-index:40;
	line-height:1.25em;
}

.section {
	width:80%;
	left: 10%;
	margin-top:20px;
	padding: 3%;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:rgba(255,255,255,0.85);
	border-radius: 10px;
}


.section img {
	width: 100%;
	border-radius:10px;
}

.image-left, .image-right {
	width:50%;

}

.image-right img {
	float: right;
	
}


#header {
 	width:100%;
	padding-top:2em;
	text-align:center;
	background-color:#ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#header-img {
	width:100%;
	max-width:1000px;
}	

#header p {
	line-height:1.15em;
}

#coach-year {
	width: 65%;
	max-width: 600px;
}

.year {
	width: 30%;
	max-width: 310px;
}

.year img {
	width: 100%;
}

#player-o {
	width:30%;
	max-width: 569px;
}

#player-d {
	width:30%;
	max-width: 569px;
}

#win-percent, #categories, #natl-champ, #horns-strong {
	width:80%;
	left: 10%;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#win-percent img, #natl-champ img {
	max-width: 800px;
	z-index:55;
	-webkit-box-shadow: 2px 2px 10px 0 #ccc;
	-moz-box-shadow: 2px 2px 10px 0 #ccc;
	box-shadow: 2px 2px 10px 0 #ccc;
}

#categories img {
	max-width: 800px;
	z-index:55;
}

#horns-strong img {
	max-width: 1000px;
	z-index:55;
}



#coach-year img, #win-percent img, #categories img, #natl-champ img, #player-o img, #player-d img, #horns-strong img {
	width: 100%;
	border-radius:10px;
}


#win-graph-88 {
	width:80%;
	left: 10%;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	color:#333;
	line-height:0;
	z-index:55;
}

#win-graph {
	background-color:#ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:40%;
	max-width:600px;
	height: 40%;
	z-index:50;
}

#win-graph-orange {
	background-color:#cc6600;
	z-index:52;
}

.win-graph-line {
	border-top:2px solid #333;
	width: 100%;
	z-index:51;
}

.win-graph-line p {
	padding-right: 2%;
	font-size: 2em;
	text-align: right;
	margin-top:15px;
	z-index:51;
}

.category-bar-left, .category-bar-right {
	font-size: 1.8em;
	padding: 1.75em .5em;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#ffffff;
	width:85%;
	text-transform: uppercase;
	-webkit-box-shadow: 2px 2px 10px 0 #ccc;
	-moz-box-shadow: 2px 2px 10px 0 #ccc;
	box-shadow: 2px 2px 10px 0 #ccc;
}

.category-bar-right {
	text-align: left;
}

.transform {
	width: 30%;
	.transform-origin(50%, 50%);
	-moz-transform: scaleY(1,1.5);
	-webkit-transform: scale(1,1.5);
	-o-transform: scale(1,1.5);
	-ms-transform: scale(1,1.5);
	transform: scale(1,1.5);
	font-family: 'Roboto', sans-serif;

	color: #cc6600;
	font-weight: 900;
}

#font-is-the {
	width: 12%;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 900;
	color:#333333;
	z-index:51;
	font-family: 'Roboto', sans-serif;
}

.align-right {
	text-align:right;
}

#bowls {
	padding: 2%;
	text-align:center;
	line-height:1.75em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:3em;
	font-family: 'Roboto', sans-serif;
	letter-spacing:.075em;
	z-index:55;	
	font-weight: 900;
}

.football-icons {
	width:100%;
	z-index:45;
}

.football-icons img {
	width:15%;
}



@media screen and (max-width: 1050px) {  
	#year-text img {
		width: 90%;
	}
	
	#year-arrow img {
		width:60%;
	}

	#bowls {
		padding: 1%;
		line-height:1.5em;
		font-size:2em;
	}
}


@media screen and (max-width: 700px) {  
	#header p {
		font-size:.9em;
	}
	
	#header-arrow {
		width: 10%;
	}
	
	#arrow img {
		width: 50%;
	}
	
	.section {
		margin-top: 5px;
	}
	
	.win-graph-line p {
		font-size: 1.25em;
	}
	
	.category-bar-left, .category-bar-right {
	font-size: .95em;
	}
	
	#bowls {
		padding: 1%;
		line-height:1.25em;
		font-size:1.5em;
	}
	
	#player-o, #player-d {
		margin-bottom:10%;
	}
	
	

}

@media screen and (max-width: 450px) {  
	.category-bar-left, .category-bar-right {
		font-size: .75em;
	}
	

}