/*
Theme Name: Ballets Trockadero
Theme URI: n/a
Author: Raffaele Malanga / Els van Bloois
Author URI: https://farstudios.com/
Description: n/a
Version: 1.0
License: no license, use a theme from https://wordpress.org/themes/ instead.
License URI: n/a
Tags: n/a
Text Domain: balletstrockadero
*/

/* colours:
top nav links: #89383F
links in content: #A12F39
pullout quotes: #224754
bg donate buttons in content: #A12F39
homepage headings: #A12F39
byline on review fader on homepag: #A12F39

performances even rows background: #F4E9EA

borders on dancers page: #8F8F8F
borders on gallery on repertory: #8F8F8F
borders on mini thumbs in bio slider: #969696 (in carouselskin.css)

quote text on review fader on homepage: #5B5B5B
byline and date on single review pages: #5B5B5B
inactive or current buttons in pagenav/yearnav: #5B5B5B

*/

html,body,h1,h2,h3,h4,h5,h6,p,ul,li,form{
	padding:0;
	margin:0;
}
.menu-toggle{
	display:none;
}
.screen-reader-text{
	position:absolute;
	top:-4000px;
	left:-4000px;
}
body{
	min-width:1000px; /* needed for older browsers that don't understand media queries */
	font-family:Georgia,serif;
	font-size:100%;
	line-height:1;
}
a{
	color:#A12F39;
}
a:focus,
a:hover,
a:active{
	text-decoration:none;
}
a img{
	border-width:0; /* still needed for IE */
}

.site-branding,
.socialdonate .insidesd,
.main-navigation,
.submenutop ul,
.home-main,
.site-main,
.site-more,
.site-info{
	margin-left:auto;
	margin-right:auto;
}
.site-branding,
.socialdonate .insidesd,
.main-navigation,
.submenutop ul,
.home-main,
.site-more,
.site-info{
	width:980px;
	padding:0 10px;
}
.site-main{
	width:820px;
	padding-bottom:106px;
}
.content-area{
	width:760px;
	padding:36px 30px 45px 30px;
}
.explore{
	width:760px;
	padding:24px 30px 63px 30px;
}
.secondary{
	padding-bottom:80px;
}
.site-nav{
	background:#FFF;
}
.site-header{
	background:url(img/bgh-news.gif) #89383F repeat left top;
}
.page-id-7 .site-header,
.parent-pageid-7 .site-header,
.single-rep_ballet .site-header,
.single-rep_modern_work .site-header,
.single-rep_solos_deus_trois .site-header,
.single-rep_solo_work .site-header{
	background:url(img/bgh-about.gif) #1D4255 repeat left top;
}
.page-id-17 .site-header{
	background:url(img/bgh-booking.gif) #2B8171 repeat left top;
}
.page-id-19 .site-header,
.page-id-2554 .site-header{
	background:url(img/bgh-contact.gif) #6B3A63 repeat left top;
}
.post-type-archive-dancer_bio .site-header,
.single-dancer_bio .site-header{
	background:url(img/bgh-dancers.gif) #3B5F4F repeat left top;
}
.page-id-13 .site-header,
.parent-pageid-13 .site-header{
	background:url(img/bgh-gallery.gif) #61342F repeat left top;
}
.page-template-performances .site-header{
	background:url(img/bgh-performances.gif) #383667 repeat left top;
}
.page-template-reviews .site-header,
.single-review .site-header{
	background:url(img/bgh-contact.gif) #6B3A63 repeat left top;
}




.site-content{
	background:url(img/bg-content.gif) #F4E9EA repeat left top;
}
.content-area{
	background:#FFFFFF;
}
.secondary{
	background:url(img/bg-sidebar.gif) #D6D6D6 repeat left top;
}
.site-footer{
	background:#FFFFFF;
}


.site-header{
	padding-top:130px;
	padding-bottom:40px;
}
.site-header .deco{
	background:url(img/header-deco.png) transparent no-repeat center top;
}
.site-branding{
	position:relative; /* for positioning of social and donate links */
}
.socialdonate{
	position:absolute;
	width:100%;
	z-index:1; /* to get in front of description */
}
.socialdonate .insidesd{
	position:relative;
}

.site-nav{
	position:absolute; /* needed for older browsers */
	min-width:1000px; /* needed for older browsers */
	top:0;
	left:0;
	width:100%;
	background:url(img/nav-border.png) white repeat-x center bottom;
	text-align:center;
	padding-bottom:27px;
	z-index:10;
}
.site-nav{
	background:url(img/nav-border-news.png) white repeat-x center bottom;
}
.page-id-7 .site-nav,
.parent-pageid-7 .site-nav,
.single-rep_ballet .site-nav,
.single-rep_modern_work .site-nav,
.single-rep_solos_deus_trois .site-nav,
.single-rep_solo_work .site-nav{
	background:url(img/nav-border-about.png) white repeat-x center bottom;
}
.page-id-17 .site-nav{
	background:url(img/nav-border-booking.png) white repeat-x center bottom;
}
.page-id-19 .site-nav,
.page-id-2554 .site-nav{
	background:url(img/nav-border-contact.png) white repeat-x center bottom;
}
.post-type-archive-dancer_bio .site-nav,
.single-dancer_bio .site-nav{
	background:url(img/nav-border-dancers.png) white repeat-x center bottom;
}
.page-id-13 .site-nav,
.parent-pageid-13 .site-nav{
	background:url(img/nav-border-gallery.png) white repeat-x center bottom;
}
.page-template-performances .site-nav{
	background:url(img/nav-border-performances.png) white repeat-x center bottom;
}
.page-template-reviews .site-nav,
.single-review .site-nav{
	background:url(img/nav-border-contact.png) white repeat-x center bottom;
}


@media{
	.site-nav{
		position:fixed;
	}
}
body.admin-bar .site-nav{
	top:32px;
}
@media screen and ( max-width: 782px ) {
	body.admin-bar .site-nav{
		top:46px;
	}
}
.site-nav ul{
	padding:20px 0 15px;
}
.site-nav li{
	display:inline;
	background:url(img/dot.png) transparent no-repeat right center;
	font-family:'Yeseva One',Georgia,serif;
	text-transform:uppercase;
	padding:0 17px 0 10px; /* because there's a natural space already between the li elements */
}
.site-nav li#menu-item-21{
	padding-left:0;
}
.site-nav li#menu-item-28{
	background:none;
	padding-right:0;
}
.site-nav a{
	color:#89383F;
	text-decoration:none;
}
.post-type-archive-dancer_bio .site-nav li#menu-item-25 a,
.single-dancer_bio .site-nav li#menu-item-25 a,
.site-nav .current-page-ancestor a,
.site-nav .current_page_item a,
.site-nav a:focus,
.site-nav a:hover,
.site-nav a:active{
	color:#000;
}

.social-navigation{
	position:absolute;
	top:0;
	right:10px; /* get past 10px padding */
}
.social-navigation ul{
	width:62px;
}
.social-navigation li{
	list-style:none;
	float:left;
	width:27px;
	height:27px;
	padding-left:4px;
	padding-bottom:2px;
}
.social-navigation li a{
	display:block;
	width:27px;
	height:27px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:transparent;
}
.social-navigation li.fb a{
	background-image:url(img/si-fb.png);
}
.social-navigation li.tw a{
	background-image:url(img/si-tw.png);
}
.social-navigation li.ig a{
	background-image:url(img/si-ig.png);
}
.social-navigation li.mail a{
	background-image:url(img/si-mail.png);
}
.social-navigation li a:focus,
.social-navigation li a:hover,
.social-navigation li a:active{
	overflow:hidden; /* to avoid the absolute position screen-reader-text messing with the scrollbars */
/*	opacity:.6; */
	transform:rotate(360deg);
	transition-duration:1s;
}

p.donate{
	position:absolute;
	left:10px; /* get past 10px padding */
	top:18px;
}
p.donate a{
	display:block;
	background:#FFF;
	color:#89383F;
	font-family:'Yeseva One',Georgia,serif;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	padding:6px 10px 5px 10px;
	border-radius:12px;
}
p.donate a:focus,
p.donate a:hover,
p.donate a:active{
	color:#000;
}

.site-title{
	text-align:center;
	margin-bottom:13px;
}
.site-title img.logonarrow{
	display:none;
}
.site-description{
	text-align:center;
	min-height:56px;
}
.site-description span{
	padding-top:10px;
	padding-bottom:30px;
}
.strapleft{
	background:url(img/strap-left.png) transparent no-repeat left bottom;
	padding-left:42px;
}
.strapright{
	background:url(img/strap-right.png) transparent no-repeat right bottom;
	padding-right:42px;
}
.straptext{
	background:url(img/strap-center.png) transparent no-repeat center bottom;
	color:#89383F;
	font-style:italic;
	font-weight:bold;
}
.site-content .border{
	display:block;
	height:34px;
	background:url(img/site-content-border.png) repeat-x center top;
}
.site-main .border{
	display:block;
	height:20px;
	background:url(img/site-main-border.png) no-repeat center;
}
.secondary .border{
	display:block;
	height:60px;
	background:url(img/secondary-border.png) repeat-x center top;
}
.site-footer{
	background:url(img/footer-deco.png) no-repeat center top;
	margin-top:-38px;
}
.site-info{
	background-repeat:no-repeat;
	background-position:center 2px;
	min-height:150px;
	padding-top:80px;
}

/* submenus */

.submenutop{
	background:url(img/site-content-border.png) repeat-x center top,url(img/site-content-border-rev.png) repeat-x center bottom;
	background-color:#FFF;
	text-align:center;
	margin-bottom:30px; /* 34 - 4 to match height of 'border' on submenu-less pages */
}
.submenutop ul{
	padding:20px 0 15px;
}
.submenutop li{
	display:inline;
	background:url(img/dot.png) transparent no-repeat right center;
	font-family:'Yeseva One',Georgia,serif;
	text-transform:uppercase;
	white-space:nowrap;
	padding:0 17px 0 10px; /* because there's a natural space already between the li elements */
}
.submenutop li#menu-item-201{
	padding-left:0;
}
.submenutop li#menu-item-2021,
.submenutop li#menu-item-795{
	background:none;
	padding-right:0;
}
.submenutop li a{
	color:#89383F;
	text-decoration:none;
}
.single-photo .submenutop li#menu-item-794 a,
.post-type-archive-photo .submenutop li#menu-item-794 a,
.single-video .submenutop li#menu-item-795 a,
.post-type-archive-video .submenutop li#menu-item-795 a,
.single-rep_ballet .submenutop li#menu-item-202 a,
.single-rep_modern_works .submenutop li#menu-item-202 a,
.single-rep_solos_deus_trois .submenutop li#menu-item-202 a,
.single-rep_solo_works .submenutop li#menu-item-202 a,
.submenutop .current-page-ancestor a,
.submenutop .current_page_item a,
.submenutop a:focus,
.submenutop a:hover,
.submenutop a:active{
	color:#000;
}

/* content styles */

#primary h1{
	color:#5B5B5B;
	font-family:'Yeseva One',Georgia,serif;
	font-size:23px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	border-bottom:1px solid #8F8F8F;
	margin-bottom:45px;
}
#primary .imagebox h1{
	border-bottom-width:0;
}
#primary h1 span{
	background-image:url(img/h1-deco-left.png), url(img/h1-deco-right.png);
	background-repeat:no-repeat;
	background-position:left center, right center;
	background-color:#FFF;
	padding:6px 100px;
	position:relative;
	top:11px
}

#primary h2{
	font-family:'Yeseva One',Georgia,serif;
	font-size:18px;
	font-weight:normal;
	line-height:1.5;
	text-align:center;
}
#primary h2.subtitle{
	margin-bottom:1.4em;
}
#primary h2.specialsubtitle{
	/* only used for in loving memory on the company page */
	color:#5B5B5B;
	font-family:'Yeseva One',Georgia,serif;
	font-size:23px;
	font-weight:normal;
	padding:30px 0;
}
#primary p,
#primary .entry-content ul.bullets,
#primary ul.bulletpoints{
	font-size:16px;
	line-height:1.5;
	margin-bottom:1.5em;
}
#primary .smallertext p{
	font-size:14px;
}
#primary .entry-content ul.bullets{
	padding-left:2em;
	
}
ul.bulletpoints li{
	padding-left:15px;
	background:url(img/dot.png) transparent no-repeat left .8em;
}
.entry-content img,
.entry-content iframe{
	max-width:100%;
}
.cleared{
	clear:both;
}
.centered{
	text-align:center;
}
.decorated{
	background:url(img/sep-deco.png) transparent no-repeat center bottom;
	padding-bottom:14px; /* using 5px off the margin of the p element */
	margin-bottom:17px;
}
#primary .decorated p{
	margin-bottom:1em;
}
#primary .pullout{
	background-image:url(img/sep-deco.png),url(img/sep-deco.png);
	background-repeat:no-repeat;
	background-position:center bottom, center top;
	color:#224754;
	font-size:18px;
	text-align:center;
	padding: 28px 0 33px 0;
	margin:30px 0 30px 0;
}
#primary .pullout a{
	text-decoration:none;
}
.imagebox{
	max-width:100%;
	background:url(img/site-content-border.png) repeat-x center bottom;
	text-align:center;
	padding-bottom:1em;
	margin-bottom:2em;
}
.imagebox.withoutcaption{
	background:none;
}
.imagewithtext{
	overflow:hidden;
}

.imagebox img{
	max-width:100%;
}
#primary .imagebox p.caption{
	font-size:13px;
	padding-top:.8em;
	margin-bottom:0;
}

div.aligncenter{
	margin-left:auto;
	margin-right:auto;
}
div.alignright{
	float:right;
	padding-top:.5em;
	margin-left:30px;
}
div.alignleft{
	float:left;
	padding-top:.5em;
	margin-right:30px;
}

.donatebutton,
.subscribebutton{
	text-align:center;
}
.colimg{
	width:380px;
	margin-bottom:24px;
}
.nexttocolimg{
	width:345px;
}
.colleft{
	float:left;
}
.colright{
	float:right;
}

/* homepage */

.page-template-home .site-header{
	height:590px;
	position:relative;
}
.backgroundfaderbox{
	position:absolute;
	width:100%;
	height:720px;
	left:0;
	bottom:0;
}
.backgroundfader .background1,
.backgroundfader .background2,
.backgroundfader .background3{
	width:100%;
	height:720px;
}
.backgroundfader .background1{
	background:url(img/homepage-bg-1.jpg) #c3c4c6 no-repeat center bottom;
}
.backgroundfader .background2{
	background:url(img/homepage-bg-2.jpg) #8e8e98 no-repeat center bottom;
}
.backgroundfader .background3{
	background:url(img/homepage-bg-3.jpg) #c3c4c6 no-repeat center bottom;
}
.page-template-home .site-header .deco{
	position:relative;
	z-index:100;
}
.page-template-home .site-header .site-nav{
	z-index:102;
}

.page-template-home .site-header .socialdonate{
	z-index:101;
}





.page-template-home .site-content .border{
	display:block;
	height:45px;
	background:url(img/site-content-home-border.png) repeat-x center top;
}
#primary.home-content-area h1{
	border-bottom-width:0;
}
#primary.home-content-area h1 span{
	background-image:url(img/h1-home-deco-left.png), url(img/h1-home-deco-right.png);
	background-color:transparent;
	color:#A12F39;
}
.homenewslink{
	float:left;
	width:300px;
	text-align:center;
	margin-right:40px;
	margin-bottom:30px;
}
.homenewswrapper .item3{
	margin-right:0;
}
.homenewslink img{
	display:block;
	border-radius:14px;
	margin-bottom:10px;
}
#primary .homenewslink p{
	line-height:1.3;
	margin-bottom:0;
}
#primary .homenewslink p.teaser{
	font-size:14px;
}
#primary .homenewslink a{
	text-decoration:none;
}
.page-template-home p#buttonbelow{
	background:url(img/read-all-news-deco.png) transparent no-repeat center center;
	padding-top:0;
	margin-bottom:60px;
}
.reviewfaderbox{
	height:180px;
}
.fadingreview{
	width:100%;
	text-align:center;
}
.fadingreview .quote{
	color:#5B5B5B;
	font-family:'Yeseva One',Georgia,serif;
	font-size:22px;
	line-height:1.3;
	margin-bottom:.9em;
}
.fadingreview .byline{
	color:#A12F39;
	font-size:14px;
	line-height:1.5;
	margin-bottom:3em;
}
.fadingreview .byline .publication{
	text-transform:uppercase;
}
.fadingreview .byline a{
	font-weight:bold;
}



.page-template-home .secondary .border{
	display:block;
	height:60px;
	background:url(img/secondary-home-border.png) repeat-x center top;
}
.page-template-home #secondary h2{
	color:#A12F39;
	font-family:'Yeseva One',Georgia,serif;
	font-size:23px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:45px;
}
.page-template-home #secondary h2 span{
	background-image:url(img/h1-home-deco-left.png), url(img/h1-home-deco-right.png);
	background-repeat:no-repeat;
	background-position:left center, right center;
	background-color:transparent;
	padding:6px 100px;
	position:relative;
	top:11px
}
.insidethebox{
	min-height:360px;
	background:white;
	margin-bottom:20px;
	overflow:hidden;
}
.insidethebox iframe{
	display:block !important; /* overriding inline-block from twitter */
	min-width:0 !important; /* overriding min-width from twitter */
	max-width:100% !important; /* not that it helps for the facebook one, which only obeys it after refreshing the page, instead of as/when resizing the page */
}
/* last resort to get facebook to fit on iDevices */
/*
.fb-comments, .fb-comments iframe[style], .fb-comments span {
   width: 100% !important;
}
*/

#sb_instagram #sbi_load .sbi_follow_btn{
	margin-left:0 !important;
	max-width:90%;
}
p.follow a img{
	max-width:100%;
}






/* archive / overview pages with thumbnails in columns */

.archivewrapper,
.newswrapper,
.homenewswrapper{
	margin-left:auto;
	margin-right:auto;
}
.archivewrapper .wrapinner{
	padding-left:4px;
	margin-right:-20px;
	margin-left:-5px; /* for the 4px button overflow */
}
.newswrapper .wrapinner{
	margin-right:-35px;
}
.archivethumb{
	float:left;
	width:175px;
	min-height:180px;
	text-align:center;
	margin-right:20px;
	margin-bottom:20px;
	position:relative;
}


/* repertory */

.repertorylink a,
.repertorylink a img{
	display:block;
	text-decoration:none;
}
.repertorylink a span.shrink{
	display:block;
	position:relative;
}
.repertorylink a span.shrink span{
	position:absolute;
	left:4px;
	top:4px;
	right:4px;
	bottom:4px;
	height:auto; /* needed to fill the height */
	border:1px solid #fff;
}
.repertorylink a span.repertorytitle{
	display:block;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	padding:5px 0;
}


.gallerybox{
/* styles for these are in the gallery css file */
}

#primary p.repdetails{
	text-align:center;
	padding-bottom:30px;
	background:url(img/site-content-border.png) transparent repeat-x center bottom;
	margin-bottom:30px;
	
}
.repertorypiece h3{
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	margin-bottom:1em;
}

/* dancers */

#beforeafterbox{
	max-width:734px;
	padding:12px 12px 9px 12px; /* 9px to account for 3px below inline images */
	border:1px solid #8F8F8F;
	margin:0 auto 36px auto;
}
#beforeafter{
	margin-bottom:12px;
}
#sliderthumbs{
	text-align:center;
}
#sliderthumbs li{
	list-style:none;
	display:inline;
}
.biolink img{
	display:block;
	border:1px solid #8F8F8F;
}
.biolink a span{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	margin:-1em -4px 0 -4px;
	font-family:'Yeseva One',Georgia,serif;
	font-size:14px;
	background-color:#A12F39;
	color:#FFF;
	text-decoration:none;
	padding:4px;
	border-radius:14px;
	z-index:100;
	display:none;
}
.biolink a:focus span,
.biolink a:hover span,
.biolink a:active span{
	display:block;
}



/* dancer bios */

#primary h2.entry-title{
	font-family:'Yeseva One',Georgia,serif;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:2em;
}
.biocols{
	position:relative;
	overflow:hidden;
}
.biocol{
	width:240px;
	text-align:center;
}
.biocol1{
	position:absolute;
	left:50%;
}
.biocol1 .relpos{
	position:relative;
	left:-50%;
}
.biocol2{
	float:left;
}
.biocol3{
	float:right;
}
.biocol img{
	display:block;
}
.biocol span.shrink{
	display:block;
	position:relative;
}
.biocol1 span.bioborder{
	position:absolute;
	left:10px;
	top:10px;
	right:10px;
	bottom:10px;
	height:auto; /* needed to fill the height */
	border:1px solid #fff;
}
#primary .biocol h3,
#primary .biocol p{
	font-size:14px;
	line-height:1.55;
}
#primary .biocol h3{
	text-transform:uppercase;
}
.biocol span.deco{
	display:block;
	width:100%;
	max-width:240px;
	padding-bottom:43px;
	background:url(img/bio-deco.png) transparent no-repeat center bottom;
	background-size:100% auto;
	margin-bottom:25px;
}
.biocol1 p span{
	display:block;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:50px;
	border-left:1px solid #8F8F8F;
	border-right:1px solid #8F8F8F;
	margin-left:-10px;
	margin-right:-10px;
}

/* bio slider */

.explore{
	background:#FFF;
	margin-top:10px;
}
.explore h2{
	height:30px;
	color:#5B5B5B;
	font-family:'Yeseva One',Georgia,serif;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:30px;
	text-align:center;
	margin-bottom:18px;
}
.explore h2 span{
	background-image:url(img/bioslider-deco-left.png),url(img/bioslider-deco-right.png);
	background-repeat:no-repeat;
	background-position:left center, right center;
	padding:6px 60px;
}


/* reviews page */

h2.year-title{
	background:url(img/year-deco.png) transparent no-repeat center center;
	padding:15px;
	margin-bottom:1em;
	position:relative;
	top:-.5em;
}
.reviewlink{
	margin-bottom:1em;
}
#primary .reviewlink p{
	text-align:center;
	margin-bottom:0;
}
#primary .reviewlink p.revby{
	font-size:12px;
	text-transform:uppercase;
}
.yearnav{
	text-align:center;
	padding-top:35px;
}
.yearnav ul li{
	list-style:none;
	display:inline;
	line-height:2em;
	padding:0 2px;
}
.yearnav ul li a{
	font-family:'Yeseva One',Georgia,serif;
	font-size:14px;
	background-color:#A12F39;
	color:#FFF;
	text-decoration:none;
	padding:4px 11px;
	border-radius:14px;
}
.yearnav a:focus,
.yearnav a:hover,
.yearnav a:active{
	opacity:.6;
}
.yearnav ul li.current_page_item a{
	background-color:#5B5B5B;
}

/* review single page */

#primary .review h2.entry-title{
	text-transform:none;
	margin-bottom:1em;
}
#primary .review p.revby{
	color:#5B5B5B;
	font-size:12px;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:2em;
}
.revimg{
	max-width:100%;
	background:url(img/site-content-border.png) repeat-x center bottom;
	text-align:center;
	padding-bottom:1em;
	margin-bottom:2em;
}
.revimg img{
	max-width:100%;
}
#primary .revimg p.revcap{
	font-size:13px;
	padding-top:.8em;
	margin-bottom:0;
}

/* news page */

.newslink{
	float:left;
	width:230px;
	min-height:240px;
	text-align:center;
	margin-right:35px;
	margin-bottom:20px;
}
.newslink img{
	display:block;
	border-radius:14px;
	margin-bottom:10px;
}
#primary .newslink p{
	min-height:4em;
	line-height:1.3;
	margin-bottom:0;
}
#primary .newslink a{
	text-decoration:none;
}

/* news single page */

#primary .newsitem{
	overflow:hidden;
}
#primary .newsitem .entry-header{
	margin-bottom:65px;
}
#primary .newsitem h2.entry-title{
	text-transform:none;
	margin-bottom:1em;
}
#primary .newsitem p.newsmeta{
	color:#5B5B5B;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:1em;
}
#primary .newsitem .newshorizontaltext p.newsmeta{
	margin-bottom:2em;
}
.newsverticalimg{
	margin-bottom:40px;
}
.newsverticalimg img{
	display:block;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}
.newshorizontalimg{
	float:left;
	width:50%;
	max-width:380px;
}
.newshorizontalimg img{
	max-width:100%;
}
.newshorizontaltext{
	float:right;
	width:45%;
	max-width:340px;
}
#primary .newshorizontaltext h2.entry-title{
	text-align:left;
}


/* gallery pages */

.galleryscroller{
	background:url(img/site-content-border-double.png) transparent repeat-x center bottom;
	margin-bottom:30px;
}
.single-photo #primary h2.entry-title{
	margin-bottom:0;
}
.single-photo #primary h2.entry-title,
.single-video #primary h2.entry-title{
	text-transform:none;
}
.single-photo #primary .desc,
.single-video #primary .desc{
	text-align:center;
}
.single-video .videobox{
	margin-bottom:2em;
}



/* page nav and such */

p#buttonbelow{
	text-align:center;
	padding-top:35px;
}
div.pagenav{
	text-align:center;
	padding-top:35px;
	padding-right:30px; /* to balance the next vs previous word length */
}

div.pagenav span,
div.pagenav p#buttonbelow{
	display:inline;
	padding:0 10px;
}
div.pagenav span{
	font-family:'Yeseva One',Georgia,serif;
	font-size:14px;
	padding:4px 0;
}
div.pagenav span a{
	text-decoration:none;
}
div.pagenav span a:focus,
div.pagenav span a:hover,
div.pagenav span a:active{
	opacity:.6;
}
div.pagenav span.previtem a{
	background:url(img/leftarr.png) transparent no-repeat left center;
	padding:5px 20px 5px 35px;
}
div.pagenav span.nextitem a{
	background:url(img/rightarr.png) transparent no-repeat right center;
	padding:5px 35px 5px 20px;
}
div.pagenav span.noprevitem{
	background:url(img/leftarr-h.png) transparent no-repeat left center;
	padding:5px 20px 5px 35px;
}
div.pagenav span.nonextitem{
	background:url(img/rightarr-h.png) transparent no-repeat right center;
	padding:5px 35px 5px 20px;
}

div.nav-links{
	text-align:center;
	padding-top:35px;
}
div.nav-links span.page-numbers,
div.nav-links a.page-numbers{
	background:#A12F39;
	color:white;
	font-family:'Yeseva One',Georgia,serif;
	font-size:14px;
	text-decoration:none;
	padding:4px 9px;
	border-radius:14px;
}
div.nav-links span.current{
	background:#5B5B5B;
}
div.nav-links a:focus,
div.nav-links a:hover,
div.nav-links a:active{
	opacity:.6;
}

/* social sharing */

#socialsharing{
	max-width:200px;
	font-family:'Yeseva One',Georgia,serif;
	font-size:18px;
	text-align:center;
	padding:5px 10px;
	margin:0 auto;
	position:relative;
	bottom:-70px;
}
#socialsharing .share{
	margin-bottom:5px;
}

/* contact page */

.mailchimpform{
	text-align:center;
	padding-bottom:35px;
	background:url(img/site-content-border.png) transparent repeat-x center bottom;
	margin-bottom:50px;
}
.mailchimpform form{
	max-width:430px;
	margin:0 auto;
}
label{
	display:block;
	font-size:13px;
	text-align:left;
	line-height:2em;
	
}
input{
	width:99%;
	border:1px solid #C0C0C0;
	height:2.7em;
	margin-bottom:1em;
}
div.hidden-from-view{
	display:none;
}
div.submit_container{
	padding-top:11px;
}
input.button{
	width:auto;
	height:auto;
	background-image:url(img/twinkle.png), url(img/twinkle.png);
	background-repeat:no-repeat;
	background-position:left center, right center;
	background-color:#A12F39;
	color:#FFF;
	font-family:'Yeseva One',Georgia,serif;
	font-size:14px;
	text-decoration:none;
	padding:3px 20px;
	border-width:0 10px;
	border-style:solid;
	border-color:#A12F39;
	border-radius:14px;
}
input.button:focus,
input.button:hover,
input.button:active{
	opacity:.6;
}

.contactpagefooter{
	text-align:center;
	padding-top:20px;
}

/* performances */

.performancecontent p{
	text-align:center;
}
ul.performances{
	overflow:hidden;
}
ul.performances li{
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	padding:10px 0;
}
ul.performances li h2.spaced{
	margin-top:2em;
}
ul.performances li h2{
	background:url(img/site-content-border.png) transparent repeat-x center bottom;
	margin-bottom:1em;
}
ul.performances li h2 span{
	float:none;
	padding:5px 30px;
	background:#FFF;
	position:relative;
	top:.5em;
}
ul.performances li.even{
	background:#F4E9EA;
}
ul.performances span{
	float:left;
	min-height:1em;
}
ul.performances span.date{
	width:155px;
	text-align:right;
	margin-right:75px;
}
ul.performances span.venue{
	width:200px;
	margin-right:20px;
}
ul.performances span.city{
	width:180px;
	margin-right:20px;
}
ul.performances span.nedate{
	float:left;
	width:47%;
	text-align:right;
}
ul.performances span.nelocation{
	float:right;
	width:47%;
}


/* artful.ly page */
/* post ID = 2958 */

body.page-id-2958 h2{
	font-size:18px;
	font-weight:600;
}
body.page-id-2958 h3{
	font-size:16px;
	line-height:1.5;
	margin-bottom:1em;
}
body.page-id-2958 h3 span{
	font-weight:400;
}
body.page-id-2958 h4{
	font-size:16px;
	line-height:1.5;
	font-weight:400;
	margin-bottom:1em;
}
body.page-id-2958 h5{
	font-size:16px;
	line-height:1.5;
	font-weight:400;
	margin-bottom:.7em;
}
/* hiding artful.ly h1 */

body.page-id-2958 h1.event-name{
	display:none;
}

/* overriding artful.ly styles */
.ticket-types li span.ticket-type-name{
	float:left;
}
.ticket-types li span.ticket-type-price{
	float:right;
}
.ticket-types li form{
	clear:both;
	overflow:hidden;
}
.ticket-types li select{
	float:left;
}
.ticket-types li input{
	width:auto;
	height:auto;
	background-image:url(img/twinkle.png), url(img/twinkle.png);
	background-repeat:no-repeat;
	background-position:left center, right center;
	background-color:#A12F39;
	color:#FFF;
	font-family:'Yeseva One',Georgia,serif;
	font-size:14px;
	text-decoration:none;
	padding:3px 20px;
	border-width:0 10px;
	border-style:solid;
	border-color:#A12F39;
	border-radius:14px;
	cursor:pointer;
}
.ticket-types li input:focus,
.ticket-types li input:hover,
.ticket-types li input:active{
	opacity:.6;
}



#menu-sitemap{
	list-style:none;
	font-size:20px;
	line-height:1.3;
	text-align:center;
}
#menu-sitemap li{
	background:url(img/sep-deco.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-bottom:25px;
	margin-bottom:10px;
}
#menu-sitemap li ul li{
	background:none;
	padding:0;
	margin:0;
}

#menu-sitemap li ul{
	font-size:16px;
	list-style:none;
/*
	background:url(img/sep-deco.png),url(img/sep-deco.png);
	background-repeat:no-repeat;
	background-position:center bottom,center top;
	padding:25px 0;
	margin:10px 0 30px 0;
*/
	padding:10px 0;
}
#menu-sitemap li a{
	text-decoration:none;
}
#menu-sitemap li a:focus,
#menu-sitemap li a:hover,
#menu-sitemap li a:active{
	color:#000;
}

/* password protected page */

form.post-password-form{
	max-width:300px;
	margin:0 auto;
	text-align:center;
}
ul.downloads{
	margin-left:-4px;
	margin-right:-4px;
	overflow:hidden;
	padding-bottom:30px;
	margin-bottom:30px;
}
ul.downloads li{
	list-style:none;
	float:left;
	width:25%;
	font-size:12px;
	text-align:center;
	margin-bottom:15px;
}
ul.downloads li.col4{
	clear:left;
}
ul.downloads li a{
	padding:0 4px;
}
ul.downloads li a,
ul.downloads li a img,
ul.downloads li a span{
	display:block;
	margin-bottom:5px;
	text-decoration:none;
}

/* Joyce Theatre */

div.progs h2{
	background:url(img/site-content-border.png) transparent repeat-x center bottom;
	margin-bottom:1em;
}
div.progs h2 span{
	float:none;
	padding:5px 30px;
	background:#FFF;
	text-transform:uppercase;
	position:relative;
	top:.5em;
	margin-bottom:.5em;
}
#primary div.progs h3,
#primary div.progs p{
	text-align:center;
	line-height:1.9;
}
#primary div.progs h3{
	font-size:16px;
	margin-bottom:0;
}



/* sidebar styles (sidebar goes horizontal below content) */

.site-more{
	overflow:hidden;
}
.sbbox{
	float:left;
	width:300px;
	text-align:center;
	margin-right:40px;
	margin-bottom:30px;
}
.box3{
	margin-right:0 !important;
}
.sbbox h2{
	height:30px;
	color:#A12F39;
	font-family:'Yeseva One',Georgia,serif;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:30px;
	margin-bottom:18px;
}
.sbbox h2 span{
	background-image:url(img/box-deco-left.png),url(img/box-deco-right.png);
	background-repeat:no-repeat;
	background-position:left center, right center;
	padding:6px 60px;
}
.sbbox img.image{
	max-width:100%;
	border-radius:14px;
	margin-bottom:9px;
}
.sbbox a:focus img.image,
.sbbox a:hover img.image,
.sbbox a:active img.image{
	opacity:0.6;
}

.sbbox p{
	color:#A12F39;
	font-size:14px;
	line-height:1.5;
	min-height:5em;
}
.sbbox p a{
	text-decoration:none;
}
.sbbox p.button{
	min-height:1em;
}
p.button a{
	font-family:'Yeseva One',Georgia,serif;
	font-size:14px;
	background-color:#A12F39;
	color:#FFF;
	text-decoration:none;
	padding:4px 11px;
	border-radius:14px;
}
.button a:focus,
.button a:hover,
.button a:active{
	opacity:.6;
}
p.button a span{
	background-image:url(img/twinkle.png), url(img/twinkle.png);
	background-repeat:no-repeat;
	background-position:left center, right center;
	padding:5px 20px;
}
.footer-navigation,
.footer-navigation ul,
.footer-navigation li{
	float:left;
}
.footer-navigation li{
	list-style:none;
	font-size:12px;
	padding-right:10px;
}
.footer-navigation li a{
	text-decoration:none;
}
.footer-navigation li a:focus,
.footer-navigation li a:hover,
.footer-navigation li a:active{
	color:#000;
}
.copyright,
.hdk{
	clear:right;
	float:right;
	font-size:12px;
	margin-bottom:10px;
}



@media (max-width:1023px){
	*{
		-webkit-text-size-adjust:100%;
	}
	body,
	.site-nav{
		min-width:300px;
	}
	.page-template-home .site-header{
		height:540px;
	}
	.backgroundfader .hpbg{
		background-size:1600px auto;
	}
	.backgroundfader .background2{
		background-size:1700px auto;
	}
	.site-branding,
	.socialdonate .insidesd,
	.main-navigation,
	.submenutop ul,
	.home-main,
	.site-more,
	.site-info{
		width:auto;
		max-width:980px;
	}
	.site-main{
		width:auto;
		max-width:820px;
	}
	.content-area,
	.explore{
		width:auto;
		max-width:760px;
	}
	.site-nav li{
		font-size:14px;
	}
}
@media (max-width:1018px){
	.homenewswrapper{
		max-width:840px;
	}
	.homenewslink{
		width:260px;
		margin-right:30px;
	}
	.site-more{
		max-width:840px;
	}
	.sbbox{
		width:260px;
		margin-right:30px;
	}
	.sbbox h2{
		font-size:16px;
	}
	.sbbox h2 span{
		background-size:30px auto,30px auto;
		padding:6px 40px;
	}
}
@media (max-width:970px){
	.site-title{
		max-width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.site-title img{
		max-width:100%;
	}
	.socialdonate{
		padding-top:104px;
	}
	.social-navigation{
		top:auto;
		bottom:0;
	}
	p.donate{
		top:auto;
		bottom:0;
	}
	.reviewfaderbox{
		height:200px;
	}
}
@media (max-width:920px){
	.page-template-home .site-header{
		height:490px;
	}
	.backgroundfader .hpbg{
		background-size:1400px auto;
	}
	.backgroundfader .background2{
		background-size:1500px auto;
	}
}
@media (max-width:880px){
	.site-nav li{
		padding:0 11px 0 4px
	}
	.homenewswrapper{
		max-width:730px;
	}
	.homenewslink{
		width:230px;
		margin-right:20px;
	}
	#primary .homenewslink p{
		font-size:15px;
	}
	.site-more{
		max-width:730px;
	}
	.sbbox{
		width:230px;
		margin-right:20px;
	}
	.sbbox h2{
		font-size:14px;
	}
	.sbbox h2 span{
		background-size:20px auto,20px auto;
		padding:6px 30px;
	}
	.page-template-home #secondary h2{
		font-size:20px;
	}
}

@media (max-width:840px){
	.entry-content img{
		max-width:100%;
	}
	.colimg{
		width:50%;
		max-width:380px;
	}
	.nexttocolimg{
		width:45%;
		max-width:345px;
	}
	#beforeafterbox{
		width:auto;
	}
	#beforeafterbox img{
		max-width:100%;
	}
	.archivewrapper{
		width:624px;
		margin-left:auto;
		margin-right:auto;
	}
	.archivethumb{
		width:147px;
		margin-right:12px;
		margin-bottom:12px;
	}
	.archivethumb img{
		max-width:100%;
	}
	.newswrapper{
		width:680px;
	}
	.newswrapper .wrapinner{
		margin-right:-25px;
	}
	.newslink{
		width:210px;
		margin-right:25px;
	}
	.newslink img{
		max-width:100%;
	}
	#primary .newslink p{
		font-size:15px;
	}
	.biocol{
		width:31%;
		max-width:240px;
	}
	ul.performances span.date{
		width:20%;
		margin-right:8%;
	}
	ul.performances span.venue{
		width:26%;
		margin-right:2.5%;
	}
	ul.performances span.location{
		width:43%;
	}
	ul.performances span.city{
		width:51%;
		margin-right:5%;
	}

	.site-footer{
		background-size:auto 120px;
		margin-top:-25px;
	}
	.site-info{
		background-size:auto 100px;
	}
}
@media (max-width:820px){
	.page-template-home .site-header{
		height:440px;
	}
	.backgroundfader .hpbg{
		background-size:1200px auto;
	}
	.backgroundfader .background2{
		background-size:1300px auto;
	}
}

@media (max-width:790px){
	.site-nav li{
		font-size:13px;
	}
	
}

@media (max-width:782px){
	.site-header{
		padding-top:90px;
	}
	#masthead.toggled-on{
		padding-top:270px;
	}
	.site-branding{
		position:static; /* to remove positioning of social and donate links */
	}
	.site-nav{
		position:fixed;
		top:0;
		left:0;
		z-index:100000; /* to get in front of admin bar while determining styling */
		padding:0;
	}
	.site-nav{
		background:#83333A;
		border-bottom:1px solid #D87C84;
	}
	.page-id-7 .site-nav,
	.parent-pageid-7 .site-nav,
	.single-rep_ballet .site-nav,
	.single-rep_modern_work .site-nav,
	.single-rep_solos_deus_trois .site-nav,
	.single-rep_solo_work .site-nav{
		background:#1D4255;
		border-bottom:1px solid #4C7991;
	}
	.page-id-17 .site-nav{
		background:#2B8171;
		border-bottom:1px solid #3ABAA2;
	}
	.page-id-19 .site-nav,
	.page-id-2554 .site-nav{
		background:#6B3A63;
		border-bottom:1px solid #86477C;
	}
	.post-type-archive-dancer_bio .site-nav,
	.single-dancer_bio .site-nav{
		background:#3B5F4F;
		border-bottom:1px solid #35AC78;
	}
	.page-id-13 .site-nav,
	.parent-pageid-13 .site-nav{
		background:#653834;
		border-bottom:1px solid #AF423A;
	}
	.page-template-performances .site-nav{
		background:#383667;
		border-bottom:1px solid #4E49B1;
	}
	.page-template-reviews .site-nav,
	.single-review .site-nav{
		background:#6B3A63;
		border-bottom:1px solid #86477C;
	}
	.toggled-on .site-nav{
		border-bottom-width:0 !important;
	}
	body.admin-bar .site-nav{
		top:46px;
	}
	.socialdonate{
		position:fixed;
		top:0;
		right:0;
		width:auto;
		z-index:100001; /* to get in front of site-nav */
		padding:10px 0 0 0;
	}
	body.admin-bar .socialdonate{
		top:46px;
	}
	.page-template-home .site-header .socialdonate{
		z-index:103;
	}
	.social-navigation{
		position:static;
		float:right;
	}
	.social-navigation ul{
		width:auto;
	}
	p.donate{
		position:static;
		float:right;
	}

	.menu-toggle{
		float:left;
		display:block;
		height:24px; /* padding is added */
		width:30px;
		background:url(img/menu.png) transparent no-repeat 10px 9px;
		background-size:30px 27px;
		padding:12px 0 0 10px;
		border-width:0;
		margin-bottom:10px;
		cursor:pointer;
	}
	.menu-toggle span{
		color:#FFF;
		font-size:14px;
		text-transform:uppercase;
		padding-left:40px;
		padding-top:5px;
	}
	#site-navigation .nav-menu{
		display:none;
	}
	#site-navigation.toggled-on{
		clear:both;
		background-image:url(img/nav-border-news.png),url(img/nav-border-news-rev.png);
		background-color:white;
		background-position:center bottom,center top;
		background-repeat:repeat-x;
		padding-top:20px;
		padding-bottom:20px;
	}
	.page-id-7 #site-navigation.toggled-on,
	.parent-pageid-7 #site-navigation.toggled-on,
	.single-rep_ballet #site-navigation.toggled-on,
	.single-rep_modern_work #site-navigation.toggled-on,
	.single-rep_solos_deus_trois #site-navigation.toggled-on,
	.single-rep_solo_work #site-navigation.toggled-on{
		background-image:url(img/nav-border-about.png),url(img/nav-border-about-rev.png);
	}
	.page-id-17 #site-navigation.toggled-on{
		background-image:url(img/nav-border-booking.png),url(img/nav-border-booking-rev.png);
	}
	.page-id-19 #site-navigation.toggled-on,
	.page-id-2554 #site-navigation.toggled-on{
		background-image:url(img/nav-border-contact.png),url(img/nav-border-contact-rev.png);
	}
	.post-type-archive-dancer_bio #site-navigation.toggled-on,
	.single-dancer_bio #site-navigation.toggled-on{
		background-image:url(img/nav-border-dancers.png),url(img/nav-border-dancers-rev.png);
	}
	.page-id-13 #site-navigation.toggled-on,
	.parent-pageid-13 #site-navigation.toggled-on{
		background-image:url(img/nav-border-gallery.png),url(img/nav-border-gallery-rev.png);
	}
	.page-template-performances #site-navigation.toggled-on{
		background-image:url(img/nav-border-performances.png),url(img/nav-border-performances-rev.png);
	}
	.page-template-reviews #site-navigation.toggled-on,
	.single-review #site-navigation.toggled-on{
		background-image:url(img/nav-border-contact.png),url(img/nav-border-contact-rev.png);
	}

	#site-navigation.toggled-on .nav-menu{
		display:block;
		clear:both;
	}
	.site-nav ul{
		text-align:left;
		padding:23px 0 25px;
		margin-left:50px;
		overflow:hidden;
	}
	.site-nav li{
		float:left;
		width:33%;
		background:none;
		font-size:16px;
		line-height:1.75;
		padding:0;
	}
	.site-nav li a{
		line-height:1.2;
		padding-left:20px !important;
		background:url(img/dot.png) no-repeat 10px center;
	}
	p.site-description{
		max-width:540px;
		font-size:14px;
		margin:0 auto;
	}
	.site-description span{
		display:block;
		padding:0;
	}
	.site-description span.strapleft{
		padding-left:40px;
		background-size:40px 100%;
	}
	.site-description span.strapright{
		padding-right:40px;
		background-size:40px 100%;
	}
	.site-description span.straptext{
		padding-top:8px;
		padding-bottom:35px;
		background-size:auto 100%;
	}
	p.donate{
		bottom:33px;
		width:88px;
		line-height:24px;
		text-align:center;
		padding-top:1px;
	}
	p.donate a{
		padding:0px 15px;
	}
	.reviewfaderbox{
		height:240px;
	}
	ul.performances li{
		font-size:14px;
	}
	ul.performances span.date{
		margin-right:5%;
	}
	ul.performances span.venue{
		width:30%;
	}
	ul.performances span.location{
		width:40%
	}
	ul.performances span.city{
		width:50%;
	}
	#primary iframe{
		height:397px;
	}
}
@media (max-width:770px){
	.homenewswrapper{
		max-width:670px;
	}
	.homenewslink{
		width:210px;
	}

	.site-more{
		max-width:660px;
	}
	.sbbox{
		width:200px;
		margin-right:0;
		padding:0 10px;
	}
	.site-info{
		padding-top:130px;
	}
	#primary iframe{
		height:390px;
	}
	.newswrapper{
		width:580px;
	}
	.newswrapper .wrapinner{
		margin-right:-20px;
	}
	.newslink{
		width:180px;
		margin-right:20px;
	}
	#primary .newslink p{
		font-size:14px;
	}
	
}
@media (max-width:730px){
	.homenewswrapper{
		max-width:610px;
	}
	.homenewslink{
		width:190px;
	}
	.archivewrapper{
		width:514px;
	}
	.archivethumb{
		width:162px;
		margin-right:14px;
		margin-bottom:14px;
	}
	#primary iframe{
		height:374px;
	}
}
@media (max-width:710px){
	p.site-description{
		max-width:440px;
	}
	.site-more{
		max-width:570px;
	}
	.sbbox{
		width:180px;
		padding:0 5px;
	}
	.sbbox h2{
	}
	.sbbox h2 span{
	}
}
@media (max-width:700px){
	.page-template-home .site-header{
		height:375px;
	}
	.backgroundfader .hpbg{
		background-size:1000px auto;
	}
	.backgroundfader .background2{
		background-size:1100px auto;
	}
	
}
@media (max-width:680px){
	.homenewswrapper{
		max-width:570px;
	}
	.homenewslink{
		width:180px;
		margin-right:15px;
	}
	#primary iframe{
		height:339px;
	}
}
@media (max-width:650px){
	p.site-description{
		max-width:340px;
	}
	.content-area,
	.explore{
		padding-left:20px;
		padding-right:20px;
	}
	#primary iframe{
		height:333px;
	}
	.newswrapper{
		width:495px;
	}
	.newswrapper .wrapinner{
		margin-right:-35px;
	}
	.newslink{
		width:230px;
		margin-right:35px;
	}
}
@media (max-width:615px){
	.homenewswrapper{
		max-width:545px;
	}
	.homenewslink{
		width:175px;
		margin-right:10px;
	}
	#primary .homenewslink p,
	#primary .homenewslink p.teaser{
		font-size:13px;
	}
	.site-more{
		max-width:540px;
	}
	.sbbox{
		width:170px;
		padding:0 5px;
	}
	.sbbox h2{
		margin-bottom:5px;
	}
	.sbbox h2 span{
		background:none;
		padding:6px 0;
	}
	.sbbox p.button a span{
		background:none;
		padding:5px;
	}
	.page-template-home #secondary h2{
		font-size:18px;
	}
	.page-template-home #secondary h2 span{
		background-size:40px auto,40px auto;
		padding:10px 60px;
	}
}
@media (max-width:605px){
	.reviewfaderbox{
		height:280px;
	}
	#beforeafterbox{
		margin-bottom:20px;
	}
	.archivewrapper{
		width:404px;
	}
	.archivethumb{
		width:128px;
		margin-right:10px;
		margin-bottom:10px;
	}
	#primary iframe{
		height:308px;
	}
	div.pagenav span.previtem a,
	div.pagenav span.noprevitem{
		padding:5px 10px 5px 30px;
	}
	div.pagenav span.nextitem a,
	div.pagenav span.nonextitem{
		padding:5px 30px 5px 10px;
	}

}
@media (max-width:600px){
	body.admin-bar .site-nav,
	body.admin-bar .socialdonate{
		position:absolute;
	}
	body.page-template-home.admin-bar .site-nav,
	body.page-template-home.admin-bar .socialdonate{
		top:0;
	}
	#primary h1{
		font-size:18px;
		line-height:1.3;
	}
	#primary h1 span{
		padding:6px 70px;
		background-size:53px auto;
	}
}
@media (max-width:590px){
	#masthead.toggled-on{
		padding-top:318px;
	}
	.site-nav ul{
		margin-left:20px;
	}
	.site-nav li{
		width:49%;
	}
	.homenewswrapper{
		max-width:480px;
	}
	.homenewslink{
		width:230px;
		margin-right:20px;
	}
	.homenewswrapper .item2{
		margin-right:0;
	}
	.homenewswrapper .item3{
		clear:both;
		float:none;
		margin-left:auto;
		margin-right:auto !important;
	}
	.site-more{
		max-width:480px;
	}
	.sbbox{
		width:150px;
		padding:0 5px;
	}
	.biocol{
		float:none;
		width:auto;
		max-width:100%;
		text-align:left;
		overflow:hidden;
		margin-bottom:30px;
		position:static;
	}
	.biocol1 .relpos{
		position:static;
	}
	.biocol span.deco{
		float:left;
	}
	.biocol h3,
	.biocol p{
		margin-left:260px;
	}
	.biocol1 p span{
		display:block;
		padding-left:0;
		padding-right:0;
		padding-bottom:0px;
		border-left-width:0;
		border-right-width:0;
		margin-left:0;
		margin-right:0;
	}
	ul.performances li.exact span{
		float:none;
		display:block;
		margin-right:0;
	}
	ul.performances li.exact span.date{
		float:left;
		width:47%;
	}
	ul.performances li.exact span.venue,
	ul.performances li.exact span.location{
		clear:right;
		float:right;
		width:47%;
		margin-bottom:5px;
	}
	ul.performances li.exact span.city,
	ul.performances li.exact span.country{
		display:inline;
	}
	ul.performances li.exact span.city{
		padding-right:10px;
	}
	#primary iframe{
		height:299px;
	}
}
@media (max-width:580px){
	.page-template-home .site-header{
		height:320px;
	}
	.backgroundfader .hpbg{
		background-size:800px auto;
	}
	.backgroundfader .background2{
		background-size:900px auto;
	}
	ul.downloads li{
		width:33%;
	}
	ul.downloads li.col4{
		clear:none;
	}
	ul.downloads li.col3{
		clear:left;
	}
}
@media (max-width:560px){
	.newswrapper{
		width:445px;
	}
	.newswrapper .wrapinner{
		margin-right:-25px;
	}
	.newslink{
		width:210px;
		margin-right:25px;
	}
}
@media (max-width:550px){
	.reviewfaderbox p.quote{
		font-size:20px;
	}
	.colimg{
		float:none;
		width:100%;
		max-width:380px;
		margin-left:auto;
		margin-right:auto;
	}
	.nexttocolimg{
		float:none;
		width:100%;
		max-width:100%;
		text-align:center;
	}
	#primary iframe{
		height:277px;
	}
	div.pagenav{
		position:relative;
		padding:35px 10px 0 10px;
	}
	div.pagenav p#buttonbelow{
		position:absolute;
		left:0px;
		bottom:-2em;
		width:100%;
		padding:0;
	}

}

@media (max-width:530px){
	.site-header{
		padding-top:65px;
		padding-bottom:5px;
	}
	.page-template-home .site-header{
		height:370px;
	}
	#masthead.toggled-on{
		padding-top:295px;
	}
	.site-title img.logowide,
	p.site-description{
		display:none;
	}
	.site-title img.logonarrow{
		display:inline;
	}
	#primary iframe{
		height:266px;
	}
}
@media (max-width:520px){
	.content-area,
	.explore{
		padding:25px 15px 40px;
	}
	#primary h2.entry-title{
		font-size:16px;
	}
	.newswrapper{
		width:375px;
	}
	.newswrapper .wrapinner{
		margin-right:-15px;
	}
	.newslink{
		width:180px;
		margin-right:15px;
	}
	.homenewswrapper{
		max-width:300px;
	}
	.homenewslink{
		float:none;
		width:100%;
		margin-left:auto;
		margin-right:auto !important;
		margin-bottom:50px;
	}
	.site-more{
		max-width:420px;
	}
	.sbbox{
		width:130px;
	}
	.sbbox p.button a{
		display:block;
		width:100%;
		padding:0;
	}
	.sbbox p.button a span{
		padding:5px 0;
	}
	.footer-navigation,
	.footer-navigation ul,
	.footer-navigation ul li,
	.copyright,
	.hdk{
		clear:none;
		float:none;
		text-align:center;
		margin-bottom:10px;
	}
	.footer-navigation li{
		display:inline;
	}
}
@media (max-width:480px){
	.submenutop li{
		font-size:14px;
		padding:0 12px 0 5px;
	}
	.biocol span.deco{
		width:45%;
	}
	.biocol h3,
	.biocol p{
		float:right;
		width:48%;
		margin-left:0;
	}
	.archivewrapper{
		width:284px;
	}
	.archivethumb{
		width:137px;
		margin-right:10px;
		margin-bottom:10px;
	}
	ul.performances li{
		font-size:16px;
	}
	ul.performances span{
		float:none !important;
		display:block !important;
		width:auto !important;
		text-align:center !important;
		padding:0 !important;
		margin-bottom:8px;
	}
	ul.performances span.location,
	ul.performances span.country,
	ul.performances span.nelocation{
		margin-bottom:0;
	}
	#primary iframe{
		height:243px;
	}
}
@media (max-width:460px){
	.page-template-home .site-header{
		height:320px;
	}
	.backgroundfader .hpbg{
		background-size:600px auto;
	}
	.backgroundfader .background2{
		background-size:700px auto;
	}
	#primary h1{
		font-size:16px;
	}
	#primary h1 span{
		padding:0 50px;
		background-size:33px auto;
	}
	.site-more{
		display:none;
	}
}
@media (max-width:430px){
	.reviewfaderbox p.quote{
		font-size:18px;
	}
	.newswrapper{
		width:230px;
	}
	.newswrapper .wrapinner{
		margin-right:0;
	}
	.newslink{
		width:100%;
		margin-right:0;
	}
}
@media (max-width:400px){
	.site-description span.straptext{
		padding-bottom:45px;
	}
	.submenutop li{
		font-size:14px;
		padding:0 9px 0 2px;
	}
	.biocol{
		width:240px;
		text-align:center;
		margin:0 auto 40px auto;
	}
	.biocol span.deco,
	.biocol h3,
	.biocol p{
		float:none;
		width:100%;
	}
	#primary iframe{
		height:198px;
	}
	.explore h2{
		font-size:16px;
	}
	.explore h2 span{
		background-size:30px auto;
		padding:6px 40px;
	}
	.sbbox h2{
		font-size:16px;
	}
	.sbbox h2 span{
		background-size:30px auto;
		padding:6px 40px;
	}
}

@media (max-width:380px){
	.page-template-home .site-header{
		height:320px;
	}
	#masthead.toggled-on{
		padding-top:410px;
	}
	.site-nav ul{
		margin-left:auto;
	}
	.site-nav li{
		width:100%;
		text-align:center;
	}
	.site-nav li a{
		background:none;
		padding:0 10px;
	}
	#primary h1 span{
		padding:0 10px;
		background:#fff;
	}
	#primary.home-content-area h1 span{
	/* overriding generic #primary h1 spam */
		background-color: transparent;
		background-image: url("img/h1-home-deco-left.png"), url("img/h1-home-deco-right.png");
		background-size:33px auto;
		background-position:left center, right center;
		background-repeat:no-repeat;
		color: #a12f39;
		padding:0 50px;
    	}
	#primary iframe{
		height:187px;
	}
	.reviewfaderbox{
		height:300px;
	}
	ul.downloads li{
		width:50%;
	}
	ul.downloads li.col3{
		clear:none;
	}
	ul.downloads li.col2{
		clear:left;
	}

}
@media (max-width:360px){
	.menu-toggle span{
		position:absolute;
		left:-4000px;
	}
	.socialdonate{
		max-width:100%;
	}
	p.donate{
		float:right;
	}
	.reviewfaderbox{
		height:340px;
	}

}


