/* 
Theme Name: Village Rep Co
Version: 1.0
Author: Fuzzco
Author URI: http://www.fuzzco.com
*/

/* $typography & colors
------------------------------------------------

"livory"			Regular (400) / Bold (700)
"league-gothic"		Regular (400)
"ff-din-web"		Bold (700)
	
orange	#E45332
											  */

/* $reset
--------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* $global
--------------------------------------------- */
body {	
	font: normal 16px/20px "livory", Georgia, Times, serif;
	background: url('-/img/background.png') repeat 0 0;
	color: #141919;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: 700;
	}
a {
	outline: none;
	}
a:link,
a:visited {
	text-decoration: none;
	color: #555;
	}
p a:link,
p a:visited {
	color: #E45332;
	}
p a:hover {
	color: #777;
	}
a:hover {
	color: #777;
	}
p {
	margin-bottom: 20px;
	}
h1 {
	font-size: 48px;
	line-height: 56px;
	}
h2 {
	font-size: 36px;
	line-height: 44px;
	}
h3 {
	font-size: 32px;
	line-height: 40px;
	}
h4 {
	font: normal 24px/40px "ff-din-web", Georgia, Times, serif;
	}
h5 {
	font-size: 24px;
	line-height: 32px;
	}
h6 {
	font-size: 18px;
	line-height: 26px;
	}
::selection {
	background: #333;
	color: #E5E5E5;
	}
::-moz-selection {
	background: #333;
	color: #E5E5E5;
	}
*:focus {
	outline: none
	}
.clear:before,
.clear:after {
    content: "";
    display: table;
	}
.clear:after {
    clear: both;
	}
.clear {
    zoom:1;
	}
::-webkit-input-placeholder {}
:-moz-placeholder {}
input[type=text],
input[type=submit] {
	-webkit-appearance: none;
	}
.tame {
	width: 992px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	}
.box {
	background: #fff;
	padding: 10px 25px 1px;
	border-top: 4px solid #333;
	box-shadow: 0 0 8px 2px #ddd;
	margin-bottom: 40px;
	}
.box h3 {
	font: normal 32px/60px "ff-din-web", Georgia, Times, serif;
	text-transform: uppercase;
	}
.box .date span {
	float: right;
	}

/* $header
--------------------------------------------- */
header.mainhead h1 a {
	display: block;
	text-indent: -9999px;
	width: 980px;
	height: 60px;
	margin: 40px auto 20px;
	background: transparent url('-/img/logo-village-rep.png') no-repeat 0 0;
	}
header.mainhead h1 a.one {
	background-position: 0 -60px;
	}
header.mainhead h1 a.two {
	background-position: 0 -120px;
	}
header.mainhead h1 a.three {
	background-position: 0 -180px;
	}
header.mainhead h1 a.four {
	background-position: 0 -240px;
	}
header.mainhead h1 a.five {
	background-position: 0 -300px;
	}
nav.mainnav {
	height: 42px;
	background: #696969;
	overflow: hidden;
	margin-bottom: 30px;
	background: transparent url('-/img/bg-nav.png') repeat 0 0;
	}
nav.mainnav > ul {
	position: relative;
	overflow: hidden;
	height: 42px;
	}
nav.mainnav ul li a {
	float: left;
	padding: 0 10px;
	}
nav.mainnav > ul > li > a:link,
nav.mainnav > ul > li > a:visited {
	font: 400 24px/46px "league-gothic", Helvetica, Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .1em;
	}
nav.mainnav ul li ul li a:link,
nav.mainnav ul li ul li a:visited {
	font-style: italic;
	color: #aaa;
	}
nav.mainnav ul li ul li.current_page_item a:link,
nav.mainnav ul li ul li.current_page_item a:visited {
	color: #fff;
	}
nav.mainnav ul li ul li a:hover {
	color: #fff;
	}	
nav.mainnav > ul > li {
	line-height: 44px;
	float: left;
	display: inline;
	position: absolute;
	width: 100%;
	background: #696969;
	z-index: 1;
	}
nav.mainnav ul li ul {
	display: inline-block;
	float: left;
	width: 660px;
	height: 42px;
	overflow: hidden;
	display: none;
	}
nav.mainnav ul li.shows {
	overflow: hidden;
	left: 10px;
	background: transparent url('-/img/bg-nav.png') repeat 0 0;
	}
nav.mainnav ul li.repco {
	overflow: hidden;
	left: 90px;
	background: transparent url('-/img/bg-nav.png') repeat 0 0;
	}
nav.mainnav ul li.playhouse {
	overflow: hidden;
	left: 240px;
	background: transparent url('-/img/bg-nav.png') repeat 0 0;
	}

/* $footer
--------------------------------------------- */
.third {
	width: 300px;
	float: left;
	margin-right: 46px;
	}
.third.last {
	margin-right: 0;
	}
.happenings h4 {
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #aaa;
	margin-bottom: 20px;
	border-bottom: 4px solid #aaa;
	}
.happenings h5 {
	padding-bottom: 10px;
	border-bottom: 1px solid #aaa;
	font-style: italic;
	font-weight: 700;
	margin-bottom: 10px;
	}
.happenings h5 a:link,
.happenings h5 a:visited {
	color: #141919;
	}
.happenings h5 a:hover {
	color: #E45332;
	}
.happenings .event {
	margin-bottom: 30px;
	border-bottom: 4px solid #aaa;
	padding-bottom: 10px;
	}
.happenings .event p {
	margin-bottom: 10px;
	}
.happenings .event .clear {
	border-top: 1px solid #aaa;
	}
.happenings .event .left {
	width: 144px;
	float: left;
	border-right: 1px solid #aaa;
	padding: 20px 0 10px;
	text-align: center;
	font-style: italic;
	}
.happenings .event .right {
	width: 134px;
	float: right;
	padding: 10px 0 0 10px;
	text-align: center;
	}
.happenings .last p {
	margin-top: 10px;
	border-bottom: 1px solid #333;
	padding-bottom: 20px;
	}
footer.mainfoot .meta {
	border: 3px solid #333;
	border-left: 0;
	border-right: 0;
	}
footer.mainfoot p {
	text-align: center;
	margin: 20px 0;
	color: #696969;
	font-size: 13px;
	}
footer.mainfoot .left {
	width: 620px;
	float: left;
	text-align: center;
	background: transparent url('-/img/icons.png') no-repeat 362px -295px;
	height: 70px;
	line-height: 74px;
	font-style: italic;
	font-size: 30px;
	}
footer.mainfoot .left .street {
	margin-right: 80px;
	}
footer.mainfoot .left .phone {
	margin-right: -20px;
	}
footer.mainfoot .middle {
	border: 3px solid #333;
	border-top: 0;
	border-bottom: 0;
	width: 265px;
	float: left;
	background: #696969;
	height: 70px;
	text-align: center;
	line-height: 70px;
	font-style: italic;
	font-size: 18px;
	}
footer.mainfoot .middle a:link,
footer.mainfoot .middle a:visited {
	color: #fff;
	}
footer.mainfoot .middle a:hover {
	color: #ddd;
	}
footer.mainfoot .right {
	width: 65px;
	float: left;
	padding: 22px 0 0 20px;
	}
a.facebook {
	display: block;
	width: 28px;
	height: 28px;
	float: left;
	text-indent: -9999px;
	background: transparent url('-/img/icons.png') no-repeat -1284px -15px;
	margin-right: 7px;
	}
a.facebook:hover {
	background-position: -1284px -215px;
	}
a.twitter {
	display: block;
	width: 28px;
	height: 28px;
	float: left;
	text-indent: -9999px;
	background: transparent url('-/img/icons.png') no-repeat -1485px -15px;
	}
a.twitter:hover {
	background-position: -1485px -215px;
	}

/* $home
--------------------------------------------- */
.event .date h3 {
	width: 400px;
	float: left;
	}
.event h2 a:link,
.event h2 a:visited {
	color: #141919;
	}
.event h2 a:hover {
	color: #E45332;
	}
.event .date span {
	line-height: 60px;
	font-style: italic;
	}
.event .date {
	border-bottom: 1px solid #FF1D25;
	}
.event.medium {
	border-top: 3px solid #333;
	margin-bottom: 30px;
	padding-top: 5px
	}
.event.medium.first {
	border: none;
	}
.event.medium .left {
	width: 151px;
	padding: 20px 20px 20px 0;
	float: left;
	}
.event.medium .right {
	width: 770px;
	padding: 0px;
	float: right;
	border-left: 1px solid #FF1D25;
	}
.event.medium .left img {
	width: 100%;
	}
.event.medium .top,
.event.medium .middle {
	border-bottom: 1px solid #FF1D25;
	padding: 10px 0 10px 20px;
	}
.event.medium h2 {
	font-size: 64px;
	line-height: 70px;
	font-style: italic;
	font-weight: 700;
	}
.event.medium h5 {
	font: 400 38px/44px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
.event.medium .bottom {
	padding: 0px 0 0px 20px
	}
.event.medium .bottom .lefty,
.event.medium .bottom .righty {
	padding-top: 15px;
	}
.event.medium .bottom .lefty {
	width: 430px;
	float: left;
	border-right: 1px solid #FF1D25;
	}
.event.medium .bottom .righty {
	width: 290px;
	float: right;
	padding-left: 20px
	}
.event.medium .bottom .lefty p {
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 10px;
	}
.event.medium h6 {
	font-size: 14px;
	}
.event.medium .bottom .righty,
.event.x-small .right {
	font: 400 28px/48px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding-top: 20px;
	}
.event.medium .bottom .righty .ticket,
.event.x-small .ticket {
	display: block;
	width: 123px;
	height: 43px;
	background: transparent url('-/img/icons.png') no-repeat -837px -8px;
	text-align: center;
	color: #fff;
	float: left;
	margin-right: 20px;
	}
.event.medium .bottom .righty .ticket:hover,
.event.x-small .ticket:hover {
	background-position: -837px -208px;
	}
.event.medium .bottom .righty .info,
.event.x-small .info {
	display: block;
	width: 110px;
	height: 44px;
	margin: 0 auto;
	background: transparent url('-/img/icons.png') no-repeat -1043px -7px;
	text-align: center;
	color: #E45332;
	float: left;
	}
.event.medium .bottom .righty .info:hover,
.event.x-small .info:hover {
	background-position: -1043px -207px;
	color: #AD4838;
	}
.event.small .right .ticket {
	display: block;
	width: 56px;
	height: 29px;
	background: transparent url('-/img/icons.png') no-repeat -1670px -15px;
	text-align: center;
	color: #fff;
	float: left;
	margin: 5px 10px 0 0;
	font: 400 22px/32px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
.event.small .right .ticket:hover {
	background-position: -1670px -215px;
	}
.happenings .third:hover .event.small .right .ticket:link,
.happenings .third:hover .event.small .right .ticket:visited,
.page-id-2 .event.small .right .ticket:link,
.page-id-2 .event.small .right .ticket:visited {
	background-position: -1670px -215px;
	}
.event.small .right .info {
	display: block;
	width: 54px;
	height: 28px;
	margin: 5px auto;
	background: transparent url('-/img/icons.png') no-repeat -1870px -15px;
	text-align: center;
	color: #aaa;
	float: left;
	font: 400 22px/29px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
.event.small .right .info:hover {
	background-position: -1870px -215px;
	color: #E45332;
	}
.happenings .third:hover .event.small .right .info:link,
.happenings .third:hover .event.small .right .info:visited,
.page-id-2 .event.small .right .info:link,
.page-id-2 .event.small .right .info:visited {
	background-position: -1870px -215px;
	color: #E45332;
	}
	
.happenings a.learn {
	display: block;
	width: 106px;
	height: 29px;
	background: transparent url('-/img/icons.png') no-repeat -445px -9px;
	text-align: center;
	color: #aaa;
	float: left;
	margin-right: 10px;
	font: 400 22px/32px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
.page-id-2 .happenings .learn:link,
.page-id-2 .happenings .learn:visited,
.happenings .third:hover .learn:link,
.happenings .third:hover .learn:visited,
.happenings a.learn:hover {
	background-position: -445px -209px;
	color: #E45332;
	}
.happenings a.brochure {
	display: block;
	width: 182px;
	height: 28px;
	margin: 0 auto;
	background: transparent url('-/img/icons.png') no-repeat -609px -15px;
	text-align: center;
	color: #fff;
	float: left;
	font: 400 22px/32px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
.page-id-2 .happenings .brochure:link,
.page-id-2 .happenings .brochure:visited,
.happenings .third:hover .brochure:link,
.happenings .third:hover .brochure:visited,
.happenings a.brochure:hover {
	background-position: -609px -215px;
	color: #fff;
	}
.happenings {
	margin-bottom: 40px;
	}
.cta-build {
	height: 258px;
	background: transparent url('-/img/cta-build.png') no-repeat 0 2px;
	margin-bottom: 40px;
	position: relative;
	}
.cta-build .big-link {
	display: block;
	width: 992px;
	height: 172px;
	position: absolute;
	top: 0;
	}
.cta-build .left {
	width: 540px;
	float: left;
	text-align: center;
	margin-top: 207px;
	font-style: italic;
	color: #29A6DD;
	font-size: 52px;
	}
.cta-build .right {
	width: 452px;
	float: right;
	text-align: center;
	margin-top: 197px;
	}
.sponsors {
	margin-bottom: 40px;
	padding: 0 16px;
	text-align: center;
	}
.sponsors img {
	margin: 0 14px;
	}
	
.cta-build a.about {
	display: block;
	width: 180px;
	height: 44px;
	background: transparent url('-/img/icons.png') no-repeat -10px -8px;
	text-align: center;
	color: #29A6DD;
	float: left;
	margin: 0 20px 0 40px;
	font: 400 22px/44px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
.cta-build a.about:hover {
	background-position: -10px -208px;
	color: #2183A5;
	}
a.donate {
	display: block;
	width: 182px;
	height: 44px;
	margin: 20px auto;
	background: #0EB4B0; /*url('-/img/icons.png') no-repeat -210px -8px;*/
	text-align: center;
	color: #fff;
	float: left;
	font: 400 22px/44px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
a.donate:hover {
	background-position: -210px -208px;
	color: #fff;
	background: #FBA824;
	}

/* $events
--------------------------------------------- */
.event.x-small {
	border-top: 1px solid #FF1D25;
	padding-top: 10px;
	margin-bottom: 20px;
	}
.event.x-small .left {
	width: 750px;
	float: left;
	margin-right: 40px;
	}
.event.x-small .right {
	width: 132px;
	float: right;
	padding-top: 20px;
	}
.event.x-small .right a {
	float: none;
	margin: 0 auto;
	}
.event.x-small .right a.info {
	margin-bottom: 10px;
	}
.event.x-small h2 {
	font-size: 64px;
	line-height: 70px;
	font-style: italic;
	font-weight: 700;
	border-bottom: 1px solid #CACACA;
	padding-bottom: 10px;
	}
.event.x-small .bottom .lefty {
	float: left;
	text-transform: uppercase;
	padding-right: 20px;
	border-right: 1px solid #CACACA;
	padding-top: 10px;
	}
.event.x-small h5 {
	font: 400 40px/44px "league-gothic", Helvetica, Arial, sans-serif;
	}
.event.x-small h6 {
	font-size: 20px;
	}
.event.x-small .bottom .righty {
	padding: 18px 0 0 20px;
	float: left;
	}
	
/* $single event
--------------------------------------------- */
.single-events .box .left {
	width: 284px;
	float: left;
	margin-right: 35px;
	}
.single-events .box .right {
	width: 618px;
	float: right;
	}
.single-events .event {
	padding-top: 15px;
	}
.single-events .event h2 {
	font-size: 54px;
	line-height: 70px;
	font-style: italic;
	font-weight: 700;
	}
.single-events .event h6 {
	font-size: 18px;
	border-bottom: 1px solid #CACACA;
	padding-bottom: 10px;
	}
.single-events .event .meta {
	border-bottom: 1px solid #CACACA;
	margin-bottom: 30px;
	}
.single-events .event .meta .lefty {
	font: 400 40px/44px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	float: left;
	border-right: 1px solid #CACACA;
	padding: 15px 20px 10px 0;
	margin-right: 30px;
	}
.single-events .event .meta .righty {
	line-height: 69px;
	font-size: 24px;
	}
.single-events .event .meta .righty a:link,
.single-events .event .meta .righty a:visited {
	text-decoration: underline;
	color: #E45332;
	}
.single-events .event .meta .righty a:hover {
	color: #ACACAC;
	}
.single-events .share {
	font: normal 20px/40px "ff-din-web", Georgia, Times, serif;
	border-bottom: 1px solid #333;
	padding: 5px 0;
	text-transform: uppercase;
	margin-bottom: 20px;
	}
.single-events .share span {
	float: left;
	margin-right: 150px;
	}
.single-events .share a {
	margin-top: 2px;
	}
.single-events .left .lefty {
	font: 400 40px/44px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	float: left;
	}
.single-events .ticket {
	display: block;
	width: 123px;
	height: 43px;
	background: transparent url('-/img/icons.png') no-repeat -837px -8px;
	text-align: center;
	color: #fff;
	float: right;
	font: 400 28px/48px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	}
.single-events .ticket:hover {
	background-position: -837px -208px;
	}
.sponsors.single {
	padding: 0;
	}
.sponsors.single img {
	margin: 0 20px 0 0;
	}
.sponsors.single h6 {
	text-transform: uppercase;
	color: #58595B;
	margin-bottom: 20px;
	border-bottom: 4px solid #58595B;
	font: normal 20px/40px "ff-din-web", Georgia, Times, serif;
	}
.single-events .box {
	padding-bottom: 20px;
	}
.single-events .visuals {
	margin-bottom: 30px;
	}
.single-events .visuals h6 {
	text-transform: uppercase;
	color: #58595B;
	margin-bottom: 20px;
	border-bottom: 4px solid #58595B;
	font: normal 20px/40px "ff-din-web", Georgia, Times, serif;
	}
.single-events .visuals a {
	display: block;
	width: 320px;
	height: 194px;
	float: left;
	margin-right: 16px;
	position: relative;
	}
.single-events .visuals a img {
	width: 100%;
	}
.single-events .visuals a.last {
	margin-right: 0;
	}
.video-player {
	position: fixed;
	top: 0;
	left: 0;
	background: transparent url('-/img/shade-black.png') repeat 0 0;
	width: 100%;
	height: 100%;
	z-index: 4000;
	text-align: center;
	}
.video-player-close {
	position: absolute;
	right: -30px;
	top: -30px;
	display: block;
	background: transparent url('-/img/icons.png') no-repeat -2281px -14px;
	text-indent: -9999px;
	width: 28px;
	height: 28px;
	}
.video-player-close:hover {
	background-position: -2281px -214px;
	}
.video-player .frame {
	position: absolute;
	width: 600px;
	height: 355px;
	background: #fff;
	left: 50%;
	top: 50%;
	margin: -177px 0 0 -300px;
	}
.video-player.image .frame {
	position: absolute;
	width: 680px;
	height: 408px;
	margin: -204px 0 0 -340px;
	left: 50%;
	top: 50%;
	padding-top: 20px;
	}
span.video-play {
	width: 51px;
	height: 51px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	background: transparent url('-/img/icons.png') no-repeat -2071px -4px;
	}
.single-events .visuals a.video-link:hover span.video-play {
	background-position: -2071px -204px;
	}
	
/* $about village repertory
--------------------------------------------- */
.page-id-9 .box h3 {
	border-bottom: 1px solid #FF1D25;
	margin-bottom: 20px;
	}
.page-id-9 .box p {
	font-size: 18px;
	line-height: 22px;
	}
.page-id-9 .box img {
	float: right;
	margin: 0 0 20px 30px;
	}
.page-id-9 .box blockquote {
	width: 410px;
	float: left;
	padding: 0 30px 20px 60px;
	margin-right: 30px;
	border-right: 1px solid #CACACA;
	background: transparent url('-/img/quote.png') no-repeat 0 0;
	font-weight: 700;
	font-style: italic;
	}
.page-id-9 .box blockquote p {
	font-size: 24px;
	line-height: 30px;
	}
.page-id-9 .box blockquote em {
	float: right;
	}
.staff {
	margin-bottom: 30px;
	}
.staff h4 {
	text-transform: uppercase;
	color: #58595B;
	margin-bottom: 20px;
	border-bottom: 4px solid #58595B;
	font: normal 20px/40px "ff-din-web", Georgia, Times, serif;
	}
.staff .staff-member {
	float: left;
	margin-right: 31px;
	width: 139px;
	text-align: center;
	}
.staff .staff-member.last {
	margin-right: 0;
	}
.staff .staff-member img {
	margin-bottom: 10px;
	}
.staff .staff-member h6 {
	font-weight: 700;
	font-style: italic;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #333;
	}
.staff .staff-member p {
	font-size: 14px;
	font-style: italic;
	}

.seasons {
	margin-bottom: 30px;
	}
.seasons h4 {
	text-transform: uppercase;
	color: #58595B;
	margin-bottom: 20px;
	border-bottom: 4px solid #58595B;
	font: normal 20px/40px "ff-din-web", Georgia, Times, serif;
	}		
.seasons p em {
	font-size: 24px;
	line-height: 32px;
	}
.seasons .season {
	float: left;
	width: 300px;
	height:350px;
	margin: 0 46px 30px 0;
	}
.season.last {
	margin-right: 0;
	clear: all;
	}
.season h5 {
	color: #58595B;
	border-bottom: 1px solid #58595B;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
.season h6 {
	font-size: 16px;
	font-style: italic;
	}
.season h6 span {
	color: #58595B;
	}

/* $subscription
--------------------------------------------- */
.page-id-22 .box h3 {
	border-bottom: 1px solid #FF1D25;
	margin-bottom: 20px;
	}
.page-id-22 .big p {
	font-size: 24px;
	line-height: 32px;
	padding-left: 240px;
	background: transparent url('-/img/trinket-gem.jpg') no-repeat 50px 5px;
	padding: 10px 0 20px 240px;
	}
.box .subscription {
	border-top: 1px solid #FF1D25;
	}
.box .subscription .left {
	width: 200px;
	float: left;
	margin-right: 40px;
	}
.box .subscription .right {
	width: 700px;
	float: right;
	}
.box .subscription .left h4 {
	font: 400 32px/34px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin: 20px 0 10px;
	}
.cta-subscribe {
	height: 327px;
	background: transparent url('-/img/cta-subscribe.png') no-repeat 0 2px;
	margin-bottom: 40px;
	position: relative;
	}
.cta-subscribe .big-link {
	display: block;
	width: 992px;
	height: 240px;
	position: absolute;
	top: 0;
	}
.cta-subscribe .left {
	width: 750px;
	float: left;
	text-align: center;
	margin-top: 277px;
	font-style: italic;
	color: #29A6DD;
	font-size: 50px;
	}
.cta-subscribe .right {
	width: 205px;
	float: right;
	text-align: center;
	margin-top: 267px;
	}
.cta-subscribe a.subscribe {
	display: block;
	width: 182px;
	height: 44px;
	margin: 0 auto;
	background: transparent url('-/img/icons.png') no-repeat -210px -8px;
	text-align: center;
	color: #fff;
	float: left;
	font: 400 22px/44px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
.cta-subscribe a.subscribe:hover {
	background-position: -210px -208px;
	color: #fff;
	}
	
/* $dinner & a show
--------------------------------------------- */
.page-id-13 .box h3 {
	border-bottom: 1px solid #FF1D25;
	margin-bottom: 20px;
	}
.page-id-13 .big {
	display: block;
	border-bottom: 1px solid #FF1D25;
	margin-bottom: 30px;
	}
.page-id-13 .big p {
	font-size: 22px;
	line-height: 30px;
	background: transparent url('-/img/trinket-pipe.jpg') no-repeat 0px 10px;
	padding: 10px 0 10px 130px;
	font-style: italic;
	}
.restaurants .restaurant {
	width: 290px;
	float: left;
	margin: 0 34px 40px 0;
	}
.restaurants .restaurant.last {
	margin-right: 0;
	}
.restaurants .restaurant h4 {
	font: 400 50px/54px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
.restaurants .restaurant h5 {
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #cacaca;
	border-right: 0;
	border-left: 0;
	}
.restaurants .restaurant a:link,
.restaurants .restaurant a:visited {	
	color: #E45332;
	}
.restaurants .restaurant a:hover {	
	color: #cacaca;
	}
	
/* $village kids
--------------------------------------------- */
.page-id-24 .box.bottom h3 {
	border-bottom: 1px solid #FF1D25;
	margin-bottom: 20px;
	}
.page-id-24 .big {
	display: block;
	border-bottom: 1px solid #FF1D25;
	margin-bottom: 30px;
	background: transparent url('-/img/trinket-eyeball.png') no-repeat 10px 14px;
	padding: 10px 0;
	}
.page-id-24 .big p {
	font-size: 22px;
	line-height: 30px;
	padding: 0 0 0 90px;
	font-style: italic;
	}
.page-id-24 .class {
	width: 440px;
	margin: 0 45px 50px 0;
	float: left;
	}
.page-id-24 .class.even {
	margin-right: 0;
	}
.page-id-24 .class h4 {
	font: 400 50px/54px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
.page-id-24 .class h4 span {
	color: #E45332;
	}
.page-id-24 .class h5 {	
	border-top: 1px solid #C7C7C7;
	border-bottom: 1px solid #C7C7C7;
	padding: 10px 0;
	margin: 10px 0;
	}
.page-id-24 .class .class-date {
	border-top: 1px solid #C7C7C7;
	padding-top: 20px;
	}

/* $donate
--------------------------------------------- */	
.page-id-20 .box h3 {
	border-bottom: 1px solid #FF1D25;
	margin-bottom: 20px;
	}
.page-id-20 .box h2 {
	color: #E45332;
	font: 400 50px/54px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 1px solid #FF1D25;
	margin-bottom: 20px;
	}
.page-id-20 .box h2 span.left {
	display: block;
	float: left;
	width: 185px;
	margin-right: 10px;
	font: normal 46px/50px "ff-din-web", Georgia, Times, serif;
	padding-top: 5px;
	}
.page-id-20 .box h2 span.left em {
	font-size: 54px;
	line-height: 60px;
	font-style: normal;
	}
.page-id-20 .box p.np em {
	font-size: 24px;
	line-height: 32px;
	}
.page-id-20 .box.support p.np {
	border-bottom: 1px solid #FF1D25;
	padding-bottom: 10px;
	}
.page-id-20 .box.support .clear .left {
	width: 460px;
	float: left;
	margin-right: 40px;
	}
.page-id-20 .box.support .clear .left,
.page-id-20 .box.support .clear .right {
	font-size: 18px;
	line-height: 24px;
	}
.page-id-20 .big p {
	font-size: 24px;
	line-height: 32px;
	padding-left: 240px;
	padding: 10px 0 20px 240px;
	margin-bottom: 0;
	}
.page-id-20 .big.season {
	/* background: transparent url('-/img/trinket-slippers.jpg') no-repeat 50px 5px; */
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
.page-id-20 .big.leadership {
	/*background: transparent url('-/img/trinket-helmet.jpg') no-repeat 50px 15px;*/
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
.page-id-20 .big.corporate {
	background: transparent url('-/img/trinket-robe.jpg') no-repeat 50px 1px;
	min-height: 160px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
.page-id-20 .supporter .left {
	width: 180px;
	float: left;
	font: 400 42px/48px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
.page-id-20 .supporter {
	border-top: 1px solid #FF1D25;
	padding-top: 20px;
	margin-bottom: 20px;
	}
.page-id-20 .supporter .right {
	width: 741px;
	float: right;
	border-left: 1px solid #acacac;
	}
.page-id-20 .box.season .supporter .left {
	width: 115px;
	}
.page-id-20 .box.season .supporter .right {
	width: 801px;
	}
.page-id-20 .supporter .right h4 {
	padding: 10px 0 10px 20px;
	font: italic normal 36px/44px "livory", Georgia, Times, serif;
	margin-bottom: 20px;
	border-bottom: 1px solid #acacac;
	}
.page-id-20 .supporter .right p {
	padding-left: 20px;
	}
.page-id-20 .supporter .left span {
	display: block;
	margin-bottom: 20px;
	}
.page-id-20 .supporter a.donate {
	display: block;
	width: 106px;
	height: 29px;
	background: transparent url('-/img/icons.png') no-repeat -445px -209px;
	text-align: center;
	color: #E45332;
	float: left;
	margin-right: 10px;
	font: 400 22px/32px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
.page-id-20 .supporter a.donate:hover {
	background-position: -445px -9px;
	color: #aaa;
	}
.page-id-20 .donation-copy {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 30px;
	}
.donation-contact {
	margin-bottom: 30px;
	}
.donation-contact h4,
.board-member h5 {
	color: #58595B;
	font: italic 700 26px/32px "livory", Georgia, Times, serif;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #58595B;
	}
.page-id-20 .third {
	margin-bottom: 30px;
	}
.board {
	margin-bottom: 30px;
	}
.board h4,
.corporate-info h3 {
	text-transform: uppercase;
	color: #58595B;
	margin-bottom: 20px;
	border-bottom: 4px solid #58595B;
	font: normal 20px/40px "ff-din-web", Georgia, Times, serif;
	}	
.board h6 {
	font-size: 16px;	
	}
.board h6 span {
	font-style: italic;
	}
.corporate-info {
	margin-bottom: 30px;
	}
.corporate-info .top {
	font-size: 24px;
	line-height: 32px;
	}
.corporate-info .clear .left {
	width: 460px;
	float: left;
	margin-right: 40px;
	}
.corporate-info .clear .left,
.corporate-info .clear .right {
	font-size: 18px;
	line-height: 24px;
	}

/* $about the playhouse
--------------------------------------------- */
.page-id-6 img.playhouse {
	margin-bottom: 30px;
	}
.page-id-6 .box h3 {
	margin-bottom: 20px;
	}
.page-id-6 .box h4 {
	font: italic 700 26px/32px "livory", Georgia, Times, serif;
	margin-bottom: 10px;
	}
.page-id-6 .box p {
	font-size: 18px;
	line-height: 24px;
	}
.page-id-6 .box .info {
	width: 420px;
	height: 190px;
	float: right;
	margin: 0 0 20px 30px;
	padding: 20px;
	background: transparent url('-/img/info-box.png') no-repeat 0 0;
	}
.page-id-6 .extra {
	margin-bottom: 30px;
	}
.page-id-6 .extra h4 {
	text-transform: uppercase;
	color: #58595B;
	margin-bottom: 20px;
	border-bottom: 4px solid #58595B;
	font: normal 20px/40px "ff-din-web", Georgia, Times, serif;
	}	
.page-id-6 .extra h3 {
	font-size: 28px;
	font-style: italic;
	margin-bottom: 10px;
	}
.page-id-6 .box .info .top,
.page-id-6 .box .info .middle {
	border-bottom: 1px solid #cacaca;
	}
.page-id-6 .box .info .top .left {
	border-right: 1px solid #cacaca;
	float: left;
	margin-right: 10px;
	padding: 10px 30px 15px 0;
	font: 400 38px/34px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
.page-id-6 .box .info .top .right a:link,
.page-id-6 .box .info .top .right a:visited {
	display: block;
	width: 49px;
	height: 49px;
	text-indent: -9999px;
	background: transparent url('-/img/sc.png') no-repeat -4px -10px;
	float: right;
	}
.page-id-6 .box .info .middle {
	padding: 10px 0;
	font-size: 40px;
	font-style: italic;
	line-height: 40px;
	}
.page-id-6 .box .info .bottom {
	text-align: center;
	padding-top: 25px;
	}
.page-id-6 .box .info .bottom a:link,
.page-id-6 .box .info .bottom a:visited {
	color: #E45332;
	font-size: 24px;
	}
.page-id-6 .box .info .bottom a:hover {
	color: #58595B;
	}
	
/* $rent the playhouse
--------------------------------------------- */
.page-id-18 .box h3 {
	border-bottom: 1px solid #FF1D25;
	margin-bottom: 20px;
	}		
.page-id-18 .box h4 {
	font: italic 400 24px/28px "livory", Georgia, Times, serif;
	padding-bottom: 20px;
	border-bottom: 1px solid #FF1D25;
	margin-bottom: 20px;
	}
.rentals .rental {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #FF1D25;
	}
.rentals .rental .left {
	width: 287px;
	float: left;
	margin-right: 30px;
	}
.rentals .rental .right {
	width: 620px;
	float: right;
	}
.rentals .rental .right h2 {
	font-style: italic;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cacaca;
	}
.rentals .rental .right p {
	margin-bottom: 10px;
	}
.rentals .rental .right h5 {
	padding-top: 15px;
	border-top: 1px solid #cacaca;
	font: 400 38px/34px "league-gothic", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
.page-id-18 .box .bottom .left {
	width: 460px;
	float: left;
	margin-right: 40px;
	}
.page-id-18 .box .bottom .left,
.page-id-18 .box .bottom .right {
	font-size: 18px;
	line-height: 24px;
	}
.page-id-18 .photos {
	margin-bottom: 30px;
	}
.page-id-18 .photos h4 {
	text-transform: uppercase;
	color: #58595B;
	margin-bottom: 20px;
	border-bottom: 4px solid #58595B;
	font: normal 20px/40px "ff-din-web", Georgia, Times, serif;
	}
.page-id-18 .photos img {
	margin-right: 10px;
	}
.page-id-18 .photos img.last {
	margin-right: 0;
	}
	
/* $build the playhouse
--------------------------------------------- */
.page-id-16 .box h3 {
	border-bottom: 1px solid #FF1D25;
	margin-bottom: 20px;
	}
.page-id-16 .box .build-copy {
	font: italic 400 24px/28px "livory", Georgia, Times, serif;
	padding-bottom: 10px;
	border-bottom: 1px solid #FF1D25;
	margin-bottom: 20px;
	}
.page-id-16 .box .left {
	width: 457px;
	float: left;
	margin-right: 30px;
	}
.page-id-16 .box .left img {
	margin-bottom: 10px;
	}
.page-id-16 .box .left p {
	border-top: 1px solid #acacac;
	padding-top: 10px;
	}
.page-id-16 .box .right {
	width: 450px;
	float: right;
	}
.page-id-16 .photos {
	margin-bottom: 30px;
	}
.page-id-16 .photos h4 {
	text-transform: uppercase;
	color: #58595B;
	margin-bottom: 20px;
	border-bottom: 4px solid #58595B;
	font: normal 20px/40px "ff-din-web", Georgia, Times, serif;
	}
.page-id-16 .photos img {
	margin-right: 10px;
	}
.page-id-16 .photos img.last {
	margin-right: 0;
	}

/* $retina
--------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {

body {
	background-size: 140px 140px;
	}

header.mainhead h1 a {
	background-image: url('-/img/logos@2.png');
	background-size: 980px 60px;
	}
nav.mainnav,
nav.mainnav ul li.shows,
nav.mainnav ul li.repco,
nav.mainnav ul li.playhouse { 
	background-image: url('-/img/bg-nav@2.png');
	background-size: 10px 10px;
	}
footer.mainfoot .left,
a.facebook,
a.twitter,
.event.medium .bottom .righty .ticket,
.event.x-small .ticket,
.event.medium .bottom .righty .info,
.event.x-small .info,
.event.small .right .ticket,
.event.small .right .info,
.happenings a.learn,
.happenings a.brochure,
.cta-build a.about,
.cta-build a.donate,
.single-events .ticket,
.video-player-close,
span.video-play,
.cta-subscribe a.subscribe,
.page-id-20 .supporter a.donate {
	background-image: url('-/img/icons@2.png');
	background-size: 2358px 486px;
	}
.cta-build {
	background: transparent url('-/img/cta-build@2.png') no-repeat 0 2px;
	background-size: 994px 258px;
	}
.page-id-9 .box blockquote {
	background: transparent url('-/img/quote@2.png') no-repeat 0 0;
	background-size: 41px 39px;
	}
.cta-subscribe {
	background: transparent url('-/img/cta-subscribe@2.png') no-repeat 0 2px;
	background-size: 992px 327px;
	}
.page-id-6 .box .info {
	background: transparent url('-/img/info-box@2.png') no-repeat 0 0;
	background-size: 460px 222px;
	}
.page-id-6 .box .info .top .right a:link,
.page-id-6 .box .info .top .right a:visited {
	background: transparent url('-/img/sc@2.png') no-repeat -4px -10px;
	background-size: 49px 98px;
	}
.happenings .third.last img {
	width: 240px;
	}
.page-id-22 .big p {
	background-image: url('-/img/trinket-gem@2.png');
	background-size: 97px 108px;
	}
.page-id-13 .big p {
	background-image: url('-/img/trinket-pipe@2.png');
	background-size: 96px 63px;
	}
.page-id-20 .big.season {
	/*background-image: url('-/img/trinket-slippers@2.png');*/
	background-size: 141px 113px;
	}
.page-id-20 .big.leadership {
	/*background-image: url('-/img/trinket-helmet@2.png');*/
	background-size: 140px 209px;
	}
.page-id-20 .big.corporate {
	background-image: url('-/img/trinket-robe@2.png');
	background-size: 80px 160px;
	}
.page-id-24 .big {
	background-image: url('-/img/trinket-eyeball@2.png');
	background-size: 48px 48px;
	}
}