/* large is for 1024+ */
html { font-family: large; }

.wrapper {max-width:1240px;margin:0 auto}
.logo { font-size: 3.5em;margin-top:0;padding-top: 13px;}

/*.utility li {line-height:2.8;}
.social li {float:left;padding:0.5em 0 .5em .5em;line-height:2.8;margin-top:0;}*/
nav.largemenu a {padding:.7em 1.4% .4em 1.4%;font-size:1.2em;}


.main .banner .infobox {bottom:7em;}

.nobanner .breadcrumbs, .nobanner .infobox {padding:0;}

/* project page */

.posterholder {margin-right:2em;}
.posterholder + ul {margin-left:2em;}

.projectdetail.cast li {width:32%;margin-right:2%;}
.projectdetail.cast li:nth-child(2n+2) {margin-right:2%;}
.projectdetail.cast li:nth-child(3n+3) {margin-right:0;}
.projectdetail.cast li:nth-child(3n+4) {clear:left;}

.grid4 .projectdetail h2 {font-size:2.6em;word-wrap:normal;}

.grid8 .projectdetail .dates li {float:left;width:48%;margin-right:4%;}
.grid8 .projectdetail .dates li:nth-child(2n+2) {margin-right:0;}
.grid8 .projectdetail .dates li:nth-child(2n+3) {clear:left;}

.fans li:nth-child(4n+5) {clear:left;}

/*tributes*/

.tributes-banner span {font-size:70px;left:7%;}


@media (min-width:1240px) {
	html { font-family: huge; }
	header {padding:0;}
	.wrapper, .wrapper.pad {padding:0;}
	.grid {margin-left: -2%; margin-right: -2%; }
	/*nav.largemenu a {padding:.7em 1.6% .4em 1.6%;}*/
	.grid4 .projectdetail h2 {font-size:3em;}
}