body {
font-family: 'Open Sans', sans-serif;
padding: 0px;
margin: 0px;
font-size: 14px;
}

/* ************************************************
	HEADER AREA
   ************************************************ */

div.header-wrapper {
/* background-image: url(/media/peakperformances/styleassets/header-background.jpg); */
background-color: rgb(207, 219, 225);
overflow: hidden;
background-size: cover;
background-position: center top;
}

header.page-header {
max-width: 960px;
min-width: 300px;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
height: 150px;
}

header.page-header h1 {
margin: 0px;
position: absolute;
width: 100%;
height: 100px;
top: 50px;
left: 0px;
z-index: 10;
}

header.page-header h1 a {
background-image: url(/media/peakperformances/styleassets/NEW-15-16-HEADER-1.png);
background-position: center bottom;
background-repeat: no-repeat;
display: block;
width: auto;
max-width: 960px;
margin-left: auto;
margin-right: auto;
height: 100px;
line-height: 1000px;
overflow: hidden;
}

header.page-header nav {
text-align: right;
position: absolute;
top: 15px;
left: 0px;
right: 0px;
z-index: 11;
}

header.page-header nav .nav-wrapper {
max-width: 940px;
padding: 0px 10px;
text-align: right;
margin: 0px auto;
}

header.page-header nav a {
display: inline-block;
color: rgba(255,255,255,0.8);
text-decoration: none;
text-transform: uppercase;
padding: 0px;
margin-right: 1em;
padding-right: 1em;
font-size: 18px;
line-height: 1em;
border-right: 2px solid rgba(255,255,255,0.8);
letter-spacing: 0.1em;
font-weight: 600;
}

header.page-header nav a:last-child {
margin-right: 0px;
padding-right: 0px;
border: 0px;
}

@media (min-width: 721px) and (max-width: 960px) {

	header.page-header h1 {
		width: 100%;
	}
	
	header.page-header h1 a {
		width: auto;
		background-size: 100%;
		margin-left: 10px;
		margin-right: 10px;
	}
}

@media (min-width: 481px) and (max-width: 720px) {
	header.page-header {
		height: 120px;
	}

	header.page-header h1 {
		width: 100%;
		top: 20px;
	}
	
	header.page-header h1 a {
		width: auto;
		background-size: 100%;
		margin-left: 10px;
		margin-right: 10px;
		height: 100%;
	}
	
	header.page-header nav {
		top: 12px;
	}
	
	header.page-header nav a {
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	div.header-wrapper {min-width: 320px;}
	header.page-header {
		height: 80px;
	}

	header.page-header h1 {
		width: 100%;
		top: 30px;
		height: 50px;
	}
	
	header.page-header h1 a {
		min-width: 300px;
		width: auto;
		background-size: 100%;
		margin-left: 10px;
		margin-right: 10px;
		height: 100%;
	}

	header.page-header nav {
		top: 10px;
	}
	
	header.page-header nav a {
		font-size: 10px;
	}
}


/* ************************************************
	FOOTER FEEDS
   ************************************************ */

div.gradient-bar {
margin-top: 1em;
margin-bottom: 1em;
height: 16px;
background-color: #900;
max-width: 960px;
min-width: 300px;
border-left: 10px solid #FFF;
border-right: 10px solid #FFF;
margin-left: auto;
margin-right: auto;
background-size: 100% 100%;
overflow: hidden;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8AAAAABCAIAAAHp72DWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBEQkE2OTdEMDIwMDExRTRCNEJFOURDNEZFOTkxRkZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBEQkE2OTdFMDIwMDExRTRCNEJFOURDNEZFOTkxRkZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MERCQTY5N0IwMjAwMTFFNEI0QkU5REM0RkU5OTFGRkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MERCQTY5N0MwMjAwMTFFNEI0QkU5REM0RkU5OTFGRkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ULLcXAAACi0lEQVR42mRQyRHAQAjC/nsOWRF1J/GDo4BHMAMAEYBQGZVlQkxdoHiSRFOSJItiOI3SlG5bscUEKXuEF7G8Tenh/8rYfvrdzUXniMvTUKvsNrzubaLlsi/u/ZJyDd1x7I5BzGST+hWvAFySWxJAIQhCZf97ltuED7p9xYwZHgS7s/6TwP2A9qb4BMxDbIVzKt/B9TsIEEjP4zdkYboKMl+2dM9tvtF2p+bmtiZVPpJm93BivqvEQTnTF64ZJ+bQFkSVMGpK96hPADLKJQdgEASivPsfuk1lgMEumlSjwvyg6SG3GUOViucB851W6C6jQmoa9XgxgqlxCpkEcbvD7VKqf//YlWxUa9rxf7dFg05nYumUnCvL2blOL4uJZirI9UljHqK9SOWUofJq2hAaz1PY9sciiIsLpg0Xi6GlB3deUjz0Tvm+3y2yCtm0M3SyViEgNjx2Kt1THXavIDmJqbUdZKca/8yReAVos9qSIAZhENz/0HZ2TYCof93p1iSEhyVkNiEad62pbIvbZjBYmA2qpH+fXIOarNVOpRimPkc+0fLiwij1F1Cz5hw2N9RzT/uszhKO4a5sCv/+SB4azK0Nj5D3FrP2FNwJ0W8hOwhWB0hSGA0DIEclrmYKO5ekS2P1x8PyIPldB+qgzhEFLHGjsBsdEzUEwEEar7SeItaae5OwuSwognyHMIf4KiZZDWCO1mUDk+R2pQyMPVo7F3Ed/hJKtlZ0DsdsGlsw66SzPPE6zYmlFacXKUP2dSI4wdK51ZQWRl+rrGYelafquITOCwOPRjuM2GOqPT6QHUeQI/cBr3oHwc7W5QSeGLKYdAKaBsnHEloV4zaFcpcLkXQ0IZ/yC7szyV3sA57qBl8Kgh+mAAAAAElFTkSuQmCC);
}

div.gradient-bar span {
display: block;
float: left;
height: 16px;
background-color: #FFF;
color: rgba(184, 201, 210, 1.0);
text-transform: uppercase;
line-height: 1em;
font-size: 16px;
font-weight: bold;
padding-right: 16px;
}

div.feeds-container {
overflow: hidden;
}

section.feeds {
max-width: 960px;
min-width: 300px;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
background-position: top center;
background-repeat: repeat-y;
background-size: 23px 8px;
/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABFYAAAAKCAIAAAFmpn04AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NURDNTI3MkIwQzNFMjExQTNBQjg1RkM0QTEwNEIzRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQUJCQkY5RUMzREExMUUyQkFCQUYxNjU0NEMwQjZGMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQUJCQkY5REMzREExMUUyQkFCQUYxNjU0NEMwQjZGMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NURDNTI3MkIwQzNFMjExQTNBQjg1RkM0QTEwNEIzRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NURDNTI3MkIwQzNFMjExQTNBQjg1RkM0QTEwNEIzRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtLsLPcAAAE2SURBVHjaYvz//z/D4ABv3r4TERZiGAWogHHwxNAowAoAAmg0hrCAa9dvaWmqjcbQKCAKAATQaAyN1ojEgqvXbmlrqY2GAxoACKDRLDTYq6HRYmUwA6bRIMAEo0XKKBitf0bBKKA5AAig0fwzCogCFy9dA5KSkuJiosKjoTEKRpPKKBitgUbBKBgFo2AUDGEAEIA9OzgBEIahAHrJBtoidP+VFLwXhOIE9eAIeihefG+E8OGTRAPxyrrtOc/O2IgKA/kC8ay1s/er1sMoEBU0EJ9KaYqIUhajQFQYyBUOADsQAH9yC9CeHeIAEMJAANQcryDh/y8i4RWAxZ1AIwjMuNqKTbp1AwF7tD5Kqf+Yc4pfsBZAqgCnUcIBmyx9inoFkCrAkXyBAACAh/gCAQAATiAAAIAbTdZzbOc66RDrAAAAAElFTkSuQmCC);
*/
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAICAIAAACdyPO5AAAASklEQVR4AWP4jxe8fvP26rWbQARk4FGGz5QvX79duHgVjoBcckx59eoNsikvX70hyy1fviKbAuTiUkk4XK5cvQlEZIYLJhgipgAAbkAb4PT9HGEAAAAASUVORK5CYII=);
}

section.feeds section.feed-column {
width: 400px;
}

section#CreativeThinking {
	float: right;
}
section#News {
	float: left;
}

section.feed-column-header {
display: block;
padding-bottom: 3px;
border-bottom: 2px solid #999;
}

section.feed-column-header h2 {
margin: 0px;
width: 100%;
height: 100%;
line-height: 1000px;
overflow: hidden;
width: 220px;
height: 48px;
background-size: 512px 192px;
}

/*section#InSite section.feed-column-header h2 {background-position: 0px 0px;}*/
section#News section.feed-column-header h2 {background-position: 0px -64px;}
section#CreativeThinking section.feed-column-header h2 {background-position: 0px -128px;}

section.feed-column-content {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
color: #777;
}

section.feed-column-content a {
color: #900;
text-decoration: none;
}

@media (min-width: 721px) and (max-width: 900px) {
	section.feeds section.feed-column {
		width: 300px;
	}
}

@media (max-width: 720px) {
	section.feeds {
		background-image: none;
	}
	section.feeds section.feed-column {
		width: 100%;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	section#InSite {float: none;}
	section#CreativeThinking {float: none;}
	section.feed-column-header h2 {
		background-size: 384px 144px;
		width: 165px;
		height: 36px;
	}
	section#InSite section.feed-column-header h2 {background-position: 0px 0px;}
	section#News section.feed-column-header h2 {background-position: 0px -48px;}
	section#CreativeThinking section.feed-column-header h2 {background-position: 0px -96px;}
}

/* ******************************
	INSITE BLOG
   ****************************** */

section#InSite article {
display: block;
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #999;
}

section#InSite article:last-child {border: 0px;}

section#InSite span.headline {
display: block;
font-weight: 700;
color: #000;
}

section#InSite span.dateline, section#InSite span.byline {
font-weight: 700;
font-size: 11px;
margin-right: 5px;
}

section#InSite span.summary {
font-size: 12px;
}

section#InSite span.summary a {
font-weight: 700;
}

/* ******************************
	NEWS
   ****************************** */

section#News article {
display: block;
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #999;
}

section#News article:last-child {border: 0px;}

section#News span.headline {
display: block;
font-weight: 700;
color: #000;
}

section#News span.summary {
font-size: 12px;
}

section#News span.summary a {
font-weight: 700;
}

/* ******************************
	CREATIVE THINKING
   ****************************** */

section#CreativeThinking article {
display: block;
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #999;
}

section#CreativeThinking article:last-child {border: 0px;}

section#CreativeThinking span.headline {
display: block;
font-weight: 700;
color: #000;
}

section#CreativeThinking span.summary {
font-size: 12px;
}

section#CreativeThinking span.summary a {
font-weight: 700;
}

/* ******************************
	FOOTER
   ****************************** */

div.footer-wrapper {
margin-top: 20px;
background-image: url(/media/peakperformances/styleassets/footer-background.jpg);
background-size: cover;
background-position: top center;
overflow: hidden;
}

footer.page-footer {
	max-width: 960px;
	min-width: 300px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 60px;
margin-bottom: 80px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	font-weight: 700;
	overflow: hidden;
}

footer.page-footer a {
	color: #FFF;
	text-decoration: none;
}

footer.page-footer a.msu-logo {
display: block;
float: left;
background-size: 512px 192px;
background-position: -224px 0px;
width: 288px;
height: 52px;
overflow: hidden;
line-height: 1000px;
}

footer.page-footer div.footer-links {
margin-left: 360px;
overflow: hidden;
margin-bottom: 3em;
}

footer.page-footer div.footer-links a {
display: none;
}

footer.page-footer div.footer-links div.column a {
display: block;
background-size: 512px 192px;
background-repeat: no-repeat;
background-position: -352px -61px;
padding-left: 16px;
font-size: 13px;
margin-bottom: 0.8em;
}

footer.page-footer div.footer-links div.column {
float: left;
margin-left: 13px;
}
footer.page-footer div.footer-links div.column:nth-child(1) { width: 87px;}
footer.page-footer div.footer-links div.column:nth-child(2) { width: 244px;}
footer.page-footer div.footer-links div.column:nth-child(3) { width: 228px;}

footer.page-footer div.address {
float: left;
}

footer.page-footer div.social-media-icons {
float: right;
width: 86px;
height: 38px;

}

footer.page-footer div.social-media-icons a {
display: block;
overflow: hidden;
width: 38px;
height: 38px;
float: left;
margin-left: 10px;
line-height: 1000px;
background-size: 512px 192px;
}

footer.page-footer div.social-media-icons a#Twitter { background-position: -224px -64px; margin-left: 0px;}
footer.page-footer div.social-media-icons a#Facebook { background-position: -288px -64px}

@media (min-width: 721px) and (max-width: 960px) {
	footer.page-footer a.msu-logo {
		float: none;
		margin-bottom: 3em;
		margin-left: auto;
		margin-right: auto;
	}
	footer.page-footer div.footer-links {
		margin-left: 0px;
		width: 100%;
	}
	footer.page-footer div.footer-links div.column {margin-left:2%;}
	footer.page-footer div.footer-links div.column:nth-child(1) { width: 14%;}
	footer.page-footer div.footer-links div.column:nth-child(2) { width: 40%;}
	footer.page-footer div.footer-links div.column:nth-child(3) { width: 38%;}
}

@media (min-width: 481px) and (max-width: 720px) {
	footer.page-footer a.msu-logo {
		float: none;
		margin-bottom: 3em;
		margin-left: auto;
		margin-right: auto;
	}
	footer.page-footer div.footer-links {
		margin-left: 0px;
		padding-left: 10px;
		padding-right: 10px;
		column-count: 2;
		-moz-column-count: 2;
		-o-column-count: 2;
		-ms-column-count: 2;
		-webkit-column-count: 2;
		column-gap: 10px;
		-o-column-gap: 10px;
		-ms-column-gap: 10px;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
	}
	
	footer.page-footer div.footer-links div.column {
		float: none;
	}
	
	footer.page-footer div.footer-links div.column a {
		font-weight: 400;
		background-image: none;
		padding-left: 0px;
	}
	
	footer.page-footer div.address {
		float: none;
		margin-bottom: 1em;
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
		text-align: center;
	}
	
	footer.page-footer div.social-media-icons {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 480px) {
	footer.page-footer a.msu-logo {
		float: none;
		margin-bottom: 3em;
		margin-left: auto;
		margin-right: auto;
	}
	footer.page-footer div.footer-links {
		margin-left: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	footer.page-footer div.footer-links div.column {
		float: none;
	}
	
	footer.page-footer div.footer-links div.column a {
		font-weight: 400;
	}

	footer.page-footer div.address {
		float: none;
		margin-bottom: 1em;
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
		text-align: center;
	}
	
	footer.page-footer div.social-media-icons {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ******************************
	CONTENT AREA
   ****************************** */

.page-body {
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
max-width: 960px;
min-width: 300px;
padding-left: 10px;
padding-right: 10px;
}

.page-body a {
color: rgb(145, 178, 194);
}

/* ************************************************
	UPCOMING EVENTS
   ************************************************ */

.upcoming-wrapper, .upcoming-wrapper-aux {
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
max-width: 960px;
min-width: 300px;
}

ul.upcoming {
list-style-type: none;
padding: 0px;
overflow: hidden;
}

ul.upcoming li {
float: left;
width: 22%;
margin-right: 4%;
height: 300px;
}

ul.upcoming li a {
text-decoration: none;
color: #000;
}

.upcoming-wrapper.touchcarousel {
width: 960px;
height: 300px;
}

ul.upcoming.touchcarousel-container {
width: 960px;
}

ul.upcoming.touchcarousel-container li.touchcarousel-item {
width: 211px;
height: 300px;
margin-right: 38px;
overflow: hidden;
}

ul.upcoming li:last-child {margin-right: 0px;}

ul.upcoming li div.image-wrapper {
border: 1px solid rgba(0,0,0,0.5);
padding: 5px;
}

ul.upcoming li div.image-wrapper img {
width: 100%;
height: auto;
vertical-align: bottom;
border: 0px;
}

ul.upcoming span.dateline {
display: block;
font-size: 13px;
color: #900;
}

ul.upcoming span.title {
display: block;
font-weight: bold;
font-size: 15px;
font-style: italic;
line-height: 1em;
}

ul.upcoming span.artist {
display: block;
font-weight: bold;
font-size: 15px;
line-height: 1em;
}

ul.upcoming span.description {
display: block;
font-size: 13px;
line-height: 1.2em;
color: #777;
}

ul.upcoming span.buy-tickets {
margin-top: 1em;
margin-bottom: 1em;
background-size: 512px 192px;
background-position: -351px -60px;
background-repeat: no-repeat;
padding-left: 20px;
display: block;
position: absolute;
margin-top: 260px;
}

ul.upcoming span.buy-tickets a {
color: #000;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}

@media (min-width: 1000px) {
	.upcoming-wrapper-aux {
		display: none;
	}
}

@media (max-width: 999px) {
	.upcoming-wrapper {
		display: none;
	}
}

@media (max-width: 719px) {
	ul.upcoming li {
		width: 45%;
		margin-right: 10%;
	}
	
	ul.upcoming li:nth-child(even) {
		margin-right: 0px;
	}
}

/* ******************************
	SPRITE SHEET SELECTION
   ****************************** */

@media (-webkit-max-device-pixel-ratio: 1.499999), (max-resolution: 143dpi) {
	section.feed-column-header h2,
	footer.page-footer a.msu-logo,
	footer.page-footer div.footer-links a,
	footer.page-footer div.social-media-icons a,
	ul.upcoming span.buy-tickets {
		background-image: url(/media/peakperformances/styleassets/sprite-sheet-1.0.png);
	}
}

@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.999), (min-resolution: 144dpi) and (max-resolution: 191dpi) {
	section.feed-column-header h2,
	footer.page-footer a.msu-logo,
	footer.page-footer div.footer-links a,
	footer.page-footer div.social-media-icons a,
	ul.upcoming span.buy-tickets {
		background-image: url(/media/peakperformances/styleassets/sprite-sheet-1.5.png);
	}
}

@media (-webkit-min-device-pixel-ratio: 2.0), (min-resolution: 192dpi) {
	section.feed-column-header h2,
	footer.page-footer a.msu-logo,
	footer.page-footer div.footer-links a,
	footer.page-footer div.social-media-icons a,
	ul.upcoming span.buy-tickets {
		background-image: url(/media/peakperformances/styleassets/sprite-sheet-2.0.png);
	}
}

/* **********************
   BASIC PAGE
   ********************** */

.page-body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.4em;
	padding-bottom: 25px;
}

.page-body h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 40px;
	line-height: 1.4em;
	font-weight: 400;
	color: rgb(145,178,194);
}

.page-body table {
	border-collapse: collapse;
	padding: 0px;
	border: 1px solid #777;
	width: 99%;
}

.page-body table tr td {
	background-color: #FFF;
	padding: 5px;
}

.page-body table tr:nth-child(odd) td {
	background-color: #EEE;
}

@media (min-width: 481px) and (max-width: 720px) {
	.page-body {
		font-size: 15px;
	}
	
	.page-body h2 {
		font-size: 30px;
	}
}

@media (max-width: 480px) {
	.page-body {
		font-size: 14px;
	}
	
	.page-body h2 {
		font-size: 24px;
	}
}


/* **********************
   SHOW PAGE
   ********************** */


.show-page {
font-size: 10px;
}

.show-page .image-holder {
	display: block;
	padding: 0.8em;
	border: 1px solid rgba(0,0,0,0.5);
	margin-bottom: 1em;
	overflow: hidden;
}

.show-page .image-holder img,
.show-page .image-holder iframe {
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}

.show-page .stub {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	/*
	padding: 1.4em;
	background-color: #f8dedf;
	*/
}

.show-page .premiere {
display: block;
font-weight: 700;
font-size: 1.8em;
line-height: 1em;
}

.show-page .title {
display: block;
font-weight: 700;
font-size: 6.0em;
line-height: 1em;
color: #a51b1c;
}

.show-page .artist {
display: block;
line-height: 1em;
font-size: 3.0em;
color: rgba(0,0,0,0.75);
}

.show-page .show-dates {
display: block;
font-weight: 700;
line-height: 1.4em;
padding-top: 5px;
font-size: 1.6em;
}

.show-page .show-dates a {
color: #a51b1c;
text-transform: uppercase;
margin-left: 0.5em;
}

.show-page .description {
display: block;
font-size: 14px;
color: rgba(0,0,0,0.75);
text-align: justify;
}

@media (min-width: 481px) and (max-width:720px) {
	.show-page {
		font-size: 8px;
	}
	.show-page .show-dates {
		font-size: 14px;
	}
}

@media (max-width:480px) {
	.show-page {
		font-size: 6px;
	}
	.show-page .premiere,
	.show-page .show-dates {
		font-size: 14px;
	}
	.show-page .description {
		text-align: left;
	}
}

/* *************************
	BONUS EVENTS
   ************************* */

.bonus-events,
.bonus-event {
	font-size: 10px;
}

.bonus-events h2 {
	font-weight: normal;
	font-size: 3.6em;
	margin-bottom: 0px;
	color: rgb(165, 27, 28);
}

.bonus-events p {
	margin-top: 0px;
	font-weight: 700;
	font-size: 1.6em;
}

.bonus-event {
	display: block;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid rgba(0,0,0,0.5);
}

.bonus-event:last-child {
	border-bottom: none;
}

.bonus-event h2 {
	margin: 0px;
	text-transform: uppercase;
	color: rgb(165, 27, 28);
	font-size: 1.8em;
	line-height: 1.3em;
}

.bonus-event .info-line {
	display: block;
	font-weight: 700;
	font-size: 1.4em;
}

.bonus-event .description {
	font-size: 1.6em;
	color: rgb(127, 127, 127);
}

@media (max-width: 720px) {
	.bonus-events, .bonus-event {font-size: 8px;}
}