/*
Theme Name: Marcus du Sautoy
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: marcusdusautoy
*/

html,body,h1,h2,h3,h4,h5,h6,p,ul,li,form{
	padding:0;
	margin:0;
}

/* ie8 width fix */

html,body{
	min-width:1024px;
}
@media(max-width:1200px){
	html,body{
		min-width:300px;
	}
}

/* end ie8 fix */


/* copied from the twitter feed plugin, so I don't count on the styles if the plugin ever is disabled */
/* also overwrote the position */
.screen-reader-text {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    left: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    top:-40000px;
    left:-40000px;
    width: 1px;
}
/* end copy from twitter feed plugin */


a{
	color:#E62B1E;
}
a:focus{
	outline:0;
}
a:focus,
a:hover,
a:active{
	color:#000;
}
p.backlink a,
.itemonpage h2 a{
	text-decoration:none;
}


a img{
	border-width:0;
}
img,
iframe{
	max-width:100%;
}
body{
	font-family:'PT Sans',Arial,sans-serif;
	font-size:100%;
	line-height:1;
}
.menu-toggle,
p.footer-to-top{
	display:none;
}

.site-header{
	background:#EEEEEE;
}
.site-content,
.site-footer{
	background:#FFFFFF;
}
.site-nav{
	background:#BE0F34;
	color:white;
}
.site-twitter{
	background:#5192CB;
	color:white;
	text-align:center;
	padding:47px;
}
.site-nav a,
.site-twitter a{
	color:white;
}
.site-branding,
.main-navigation,
.site-main,
.twitterstrip,
.site-info{
	max-width:1004px;
	padding:0 10px;
	margin:0 auto;
}


.site-branding{
	padding-top:24px;
	padding-bottom:24px;
	overflow:hidden;
}
.site-title{
	float:left;
}

.social-nav{
	float:right;
	padding-top:17px;
}
.social-nav li{
	list-style:none;
	display:inline-block;
}
.social-nav li a{
	display:inline-block;
	width:24px;
	height:24px;
	background-repeat:no-repeat;
	background-position:center;
}
.social-nav li.tw a{
	background-image:url(/img/tw1.png);
}
.social-nav li.tw a:hover{
	background-image:url(/img/tw2.png);
}
.social-nav li.fb a{
	background-image:url(/img/fb1.png);
}
.social-nav li.fb a:hover{
	background-image:url(/img/fb2.png);
}
.social-nav li.yt a{
	background-image:url(/img/yt1.png);
}
.social-nav li.yt a:hover{
	background-image:url(/img/yt2.png);
}
.social-nav li.sc a{
	background-image:url(/img/sc1.png);
}
.social-nav li.sc a:hover{
	background-image:url(/img/sc2.png);
}
.social-nav li.bl a{
	background-image:url(/img/bl1.png);
}
.social-nav li.bl a:hover{
	background-image:url(/img/bl2.png);
}



.site-nav ul{
	list-style:none;
	font-size:18px;
	text-align:center;
}
.site-nav li{
	display:inline-block;
}
.site-nav li a{
	display:inline-block;
	text-decoration:none;
	padding:14px 17px 17px 17px;
}
.site-nav li a:focus,
.site-nav li a:hover,
.site-nav li a:active{
	text-decoration:underline;
}
body.post-type-archive-tv .site-nav li#menu-item-21 a,
body.post-type-archive-radio .site-nav li#menu-item-21 a,
body.post-type-archive-print .site-nav li#menu-item-21 a,
body.post-type-archive-video .site-nav li#menu-item-21 a,
body.post-type-archive-interview .site-nav li#menu-item-21 a,
body.single-books .site-nav li.menu-item-object-books a,
body.single-performance .site-nav li.menu-item-object-performance a,
body.single-collaboration .site-nav li.menu-item-object-collaboration a,
.site-nav li.current_page_item a,
.site-nav li.current-menu-item a{
	font-weight:bold;
}


.site-content{
	padding-top:35px;
	padding-bottom:100px;
}

.site-content h2{
	font-size:18px;
	line-height:1.6;
	font-weight:normal;
}
.site-content h2.small{
	font-size:14px;
	font-weight:bold;
	line-height:1.7;
	margin-bottom:0;
}
.site-content p,
.site-content ul{
	font-size:14px;
	line-height:1.7;
	margin-bottom:1.7em;
}
/* research right column */
.page-id-15 .site-content .col2 h2{
	font-size:14px;
	font-weight:bold;
	line-height:1.7;
	margin-bottom:0.5em;
}
.page-id-15 .site-content .col2 p,
.page-id-15 .site-content .col2 ul{
	font-size:12px;
}
.site-content .intro p{
	font-size:18px;
	line-height:1.55;
	text-align:center;
	margin-bottom:1.55em;
}
.site-content ul.links{
	list-style:none;
}
.introimg img{
	display:block;
	margin:0 auto 35px auto;
}
.entry-header,
.page-header{
	margin-bottom:30px;
}
h1.entry-title,
h1.page-title{
	font-size:32px;
	font-weight:normal;
	line-height:1.2;
	text-align:center;
	padding-bottom:8px;
	background:url(/img/h1-deco.png) transparent no-repeat center bottom;
}
p.strap,
.single-performance p.publisherdate{
	color:#6A6A6A;
	text-transform:uppercase;
	text-align:center;
	line-height:1.5;
	padding-top:7px;
	margin-bottom:0;
}
.single-performance p.publisherdate{
	margin-bottom:1.7em;
}
.entry-content{
	overflow:hidden;
}

.col1{
	float:left;
	width:46%;
}
.col2{
	float:right;
	width:46%;
}
.col p{
	text-align:justify;
}
.col1 .colin,
.col1 h2,
.col1 h3,
.col1 p,
.col1 ul{
	padding-left:32px;
}
.col2 .colin,
.col2 h2,
.col2 h3,
.col2 p,
.col2 ul{
	padding-right:32px;
}
div.colimg{
	margin-bottom:20px;
}
div.colimg p.caption{
	padding-left:0;
	padding-right:0;
	margin-bottom:0;
}
div.linksfooter{
	clear:both;
	padding-top:30px;
	text-align:center;
}

body.single-books .site-content p{
	line-height:1.5;
}
p.publisherdate{
	margin-bottom:0.2em;
}
p.backlink a{
	font-weight:bold;
}

.theitems{
	overflow:hidden;
	min-width:100%; /* without a width setting, the whole thing collapses and its floated content is not shown */
			/* only apparent on pages without an intro, as the intro sets the width automatically */
	margin-left:-20px;
	margin-right:-20px;
}
body.post-type-archive-books .sectionintro{
	border-top:1px solid #C4C4C4;
	padding-top:22px;
	padding-bottom:10px;
}
.itemonpage{
	float:left;
	width:25%;
	height: 400px;
	margin-bottom:50px;
}
.rowof3 .itemonpage{
	width:33.3%;
}
.rowof2 .itemonpage{
	width:50%;
}

.rowof2 .odd{
	clear:left;
}


.itemonpage .inside{
	padding:0 20px;
}

.itemonpage .inside a.imglink{
	display:block;
	background:#BE0F34;
	margin-left:auto;
	margin-right:auto;
}
.rowof4 .itemonpage .inside a.imglink{
	max-width:221px;
}


.itemonpage img{
	display:block;
	margin-bottom:13px;
}
.itemonpage .inside a.imglink:focus img,
.itemonpage .inside a.imglink:hover img,
.itemonpage .inside a.imglink:active img{
	opacity:.25;
}
.itemonpage h2{
	font-weight:bold;
	line-height:1.1;
	margin-bottom:4px;
}
.itemonpage p{
	line-height:1.3;
	margin-bottom:5px;
}
.itemonpage .publisherdate{
	color:#848484;
}
.rowof2 .itemonpage img{
	float:left;
}
.rowof2 .titledesc{
	margin-left:155px;
}
.rowof2 .itemonpage h2,
.rowof2 .itemonpage p{
	display:inline;	
	font-size:14px;
	line-height:1.7;
}
.rowof2 .itemonpage h2{
	padding-right:5px;
}


.rowof3 .firstof3{
	clear:left;
}

.archivelist{
	border-top:1px solid #C4C4C4;
	padding-top:22px;
}
.archivelist h2{
	margin-bottom:35px;
}
.medialist{
	list-style:none;
}
.medialist li{
	margin-bottom:10px;
}
.medialist li p{
	display:inline;
}

#menu-media-section-menu{
	float:left;
	width:100%;
	list-style:none;
	background:#CCCCCC;
	margin-bottom:55px;
}
#menu-media-section-menu li{
	float:left;
}
#menu-media-section-menu li a{
	display:block;
	text-transform:uppercase;
	text-decoration:none;
}
#menu-media-section-menu li a span{
	display:block;
	padding:8px 40px;
	border-right:1px solid white;
	padding-bottom:19px;
	margin-bottom:-11px;
}
body.post-type-archive-tv #menu-media-section-menu li.menu-item-object-tv a,
body.post-type-archive-radio #menu-media-section-menu li.menu-item-object-radio a,
body.post-type-archive-print #menu-media-section-menu li.menu-item-object-print a,
body.post-type-archive-video #menu-media-section-menu li.menu-item-object-video a,
body.post-type-archive-interview #menu-media-section-menu li.menu-item-object-interview a,
#menu-media-section-menu li a:focus span,
#menu-media-section-menu li a:hover span,
#menu-media-section-menu li a:active span{
	background:url(/img/mediapointer.png) transparent no-repeat center bottom;
	color:#fff;
}
.media-intro{
	margin-bottom:40px;
}
.widecolimg{
	margin-bottom:35px;
}
.widecolimg img{
	display:block;
	margin:0 auto;
}
.widecolimg p.caption{
	text-align:center;
	padding-top:10px;
	margin-bottom:0;
}
.widecolh2{
	text-align:center;
}
.widecoltext{
	text-align:justify;
}


.videobox{
	margin-left:auto;
	margin-right:auto;
	max-width:760px;
	padding-top:56%;
	position:relative;
	margin-bottom:40px;
}
.videobox iframe{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
}


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

.thegrid{
	margin-right:-6px;
}
.gridbox33,
.gridbox12,
.gridbox11{
	float:left;
	margin-right:6px;
	margin-bottom:6px;
	overflow:hidden;
}
.gridspare{
	display:none;
}
.gridbox a{
	display:block;
	position:relative;
	width:100%;
	height:100%;
}
.gridbox img{
	display:block;
}
.gridbox span.pos{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.gridbox span.pos span{
	display:table-cell;
	background:rgba(190,15,52,.75);
	color:white;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding:0 10px; /* this seems to work, despite width being fixed in px */
}
.gridbox33 span{
	width:600px;
	height:378px;
}
.gridbox12 span{
	width:196px;
	height:250px;
}
.gridbox11 span{
	width:196px;
	height:122px;
}
.gridbox a span.pos{
	display:none;
}
.gridbox a:focus span.pos,
.gridbox a:hover span.pos,
.gridbox a:active span.pos{
	display:block;
}




.atf-inner-wrapper{
	position:relative;
	font-size:22px;
	line-height:1.5;
	padding-bottom:1.8em;
}
.atf-inner-wrapper p{
	font-size:22px;
	line-height:1.5;
}
.atf-static-tweets.atf-direction-ltr .atf-tweet-time{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	float:none;
	font-size:14px;
}


.site-footer{
	padding-top:40px;
	padding-bottom:100px;
}

p.copyright,
ul.footer-nav,
ul.footer-nav li{
	list-style:none;
	display:inline;
	font-size:13px;
}

ul.footer-nav li a{
	padding:5px;
	text-decoration:none;
}
#social-navigation {
	float: right;
}

@media (max-width:1045px){
	*{
		-webkit-text-size-adjust:100%;
	}
	.thegrid{
		width:808px;
		margin:0 auto;
		padding-left:6px; /* to balance the margin on the blocks on the right */
	}
}
@media (max-width:850px){

	.site-nav li a{
		padding:14px 10px 17px 10px;
	}

	.thegrid{
		width:606px;
	}
	.gridbox33,
	.gridbox33 span{
		width:398px;
		height:250px;
	}
	
	.theitems{
		margin-left:-10px;
		margin-right:-10px;
	}
	.itemonpage .inside{
		padding:0 10px;
	}
	.rowof4 .itemonpage h2,
	.rowof3 .itemonpage h2{
		font-size:16px;
	}
	.rowof2 .itemonpage img{
		max-width:45%;
		margin-right:20px;
	}
	.rowof2 .titledesc{
		margin-left:0;
	}
}
@media (max-width:800px){
	.site-info p.copyright,
	.site-info ul.footer-nav{
		float:left;
		clear:left;
		padding:5px 0;
	}
	.site-info ul.footer-nav li{
		float:left;
		margin-right:15px;
		
	}
	.site-info ul.footer-nav a{
		display:block;
		padding:5px 0;
	}
}
@media (max-width:755px){
	.site-nav li{
		font-size:17px;
	}
	.site-nav li a{
		padding:14px 8px 17px 8px;
	}
}
@media (max-width:740px){
	#menu-media-section-menu li a span{
		padding:8px 20px 19px 20px;
	}
}
@media (max-width:755px){
	.site-nav li{
		font-size:16px;
	}
	.site-nav li a{
		padding:14px 6px 17px 6px;
	}
}
@media (max-width:680px){
	.rowof3 .itemonpage{
		width:50%;
	}
	.rowof3 .firstof3{
		clear:none;
	}
	.rowof3 .firstof2{
		clear:left;
	}
	.rowof3 .itemonpage h2{
		font-size:16px;
	}
}
@media (max-width:650px){
	.thegrid{
		width:492px;
	}
	.gridbox33,
	.gridbox33 span{
		width:323px;
		height:203px;
	}
	.gridbox12,
	.gridbox12 span{
		width:159px;
		height:203px;
	}
	.gridbox11,
	.gridbox11 span{
		width:159px;
		height:99px;
	}
	.gridbox33,
	.gridbox12,
	.gridbox11{
		margin-bottom:5px;
		margin-right:5px;
	}
}
@media (max-width:640px){

	.menu-toggle{
		display:block;
		height:36px;
		width:36px;
		background:url(/img/menu-18.png) transparent no-repeat left center;
		padding:0;
		border-width:0;
		margin-bottom:10px;
		cursor:pointer;
	}
	.menu-toggle span{
		position:absolute;
		left:-4000px;
	}
	#site-navigation .nav-menu{
		display:none;
	}
	#site-navigation.toggled-on .nav-menu{
		display:block;
		padding-bottom:15px;
	}
	#site-navigation.toggled-on .nav-menu li{
		display:block;
		float:none;
		font-size:18px;
	}
	#site-navigation.toggled-on .nav-menu li a{
		display:block;
		padding:10px 0;
	}
}
@media (max-width:620px){

	.rowof4{
	}
	.rowof4 .itemonpage{
		width:50%;
	}
	.rowof4 .itemonpage .inside{
		max-width:221px;
		margin:0 auto;
	}
	.rowof4 .itemonpage h2{
		font-size:18px;
	}
	.rowof4 .firstof2{
		clear:left;
	}

}
@media (max-width:570px){
	#masthead .social-nav{
		clear:left;
		float:left;
		padding-top:8px;
	}

}
@media (max-width:540px){
	.thegrid{
		width:404px;
	}
	.gridbox33,
	.gridbox33 span{
		width:398px;
		height:250px;
	}
	.gridbox12,
	.gridbox12 span{
		width:196px;
		height:250px;
	}
	.gridbox11,
	.gridbox11 span{
		width:196px;
		height:122px;
	}
	.gridbox33,
	.gridbox12,
	.gridbox11{
		margin-bottom:6px;
		margin-right:6px;
	}
	.gridspare{
		display:block;
	}
	ul.footer-nav{
		display:none;
	}
	p.footer-to-top{
		clear:both;
		display:block;
		font-size:13px;
		text-align:center;
		padding-top:10px;
	}
}
@media (max-width:530px){
	#menu-media-section-menu li a span{
		padding:8px 15px 19px 15px;
	}
}
@media (max-width:500px){
	.col1,
	.col2{
		float:none;
		width:100%;
	}
	.col1 .colin, 
	.col1 h2, 
	.col1 h3,
	.col1 p,
	.col1 ul,
	.col2 .colin, 
	.col2 h2, 
	.col2 h3,
	.col2 p,
	.col2 ul{
		padding-right:32px;
		padding-left:32px;
	}

	.rowof4 .itemonpage{
		width:50%;
	}
	.rowof4 .firstof4,
	.rowof4 .firstof3{
		clear:none;
	}
	.rowof4 .firstof2{
		/*clear:left;*/
	}
	.rowof2 .itemonpage img{
		float:none;
		display:block;
		max-width:100%;
	}
}
@media (max-width:470px){
	#menu-media-section-menu li a span{
		padding:5px 10px 16px 10px;
	}
	.rowof4 .itemonpage h2{
		font-size:16px;
	}
}
@media (max-width:445px){
	.thegrid{
		width:328px;
	}
	.gridbox33,
	.gridbox33 span{
		width:323px;
		height:203px;
	}
	.gridbox12,
	.gridbox12 span{
		width:159px;
		height:203px;
	}
	.gridbox11,
	.gridbox11 span{
		width:159px;
		height:99px;
	}
	.gridbox33,
	.gridbox12,
	.gridbox11{
		margin-bottom:5px;
		margin-right:5px;
	}


}
@media (max-width:420px){
	#menu-media-section-menu li a span{
		font-size:12px;
		font-weight:bold;
		padding:5px 9px 16px 9px;
	}
	.rowof4 .itemonpage h2,
	.rowof3 .itemonpage h2{
		font-size:14px;
		
	}
}
@media (max-width:375px){
	.thegrid{
		width:300px;
	}
	.gridbox33,
	.gridbox33 span{
		width:295px;
		height:185px;
	}
	.gridbox12,
	.gridbox12 span{
		width:145px;
		height:185px;
	}
	.gridbox11,
	.gridbox11 span{
		width:145px;
		height:90px;
	}
	.gridbox33,
	.gridbox12,
	.gridbox11{
		margin-bottom:5px;
		margin-right:5px;
	}
	.col1 .colin, 
	.col1 h2, 
	.col1 h3,
	.col1 p,
	.col1 ul,
	.col2 .colin, 
	.col2 h2, 
	.col2 h3,
	.col2 p,
	.col2 ul{
		padding-right:20px;
		padding-left:20px;
	}

	


}
@media (max-width:370px){
	#menu-media-section-menu li{
		float:none;
		display:block;
	}
	#menu-media-section-menu li a span{
		font-size:16px;
		padding:5px 10px 5px 10px;
		border-right-width:0;
		margin-bottom:0;
	}
	body.post-type-archive-tv #menu-media-section-menu li.menu-item-161 a,
	body.post-type-archive-radio #menu-media-section-menu li.menu-item-157 a,
	body.post-type-archive-print #menu-media-section-menu li.menu-item-160 a,
	body.post-type-archive-video #menu-media-section-menu li.menu-item-159 a,
	body.post-type-archive-interview #menu-media-section-menu li.menu-item-158 a,
	#menu-media-section-menu li a:focus span,
	#menu-media-section-menu li a:hover span,
	#menu-media-section-menu li a:active span{
		background:#E89731;
	}
}
@media (max-width:345px){
	.rowof3 .itemonpage{
		float:none;
		width:100%;
		max-width:328px;
		margin:0 auto 50px auto;
	}
	.col1 .colin, 
	.col1 h2, 
	.col1 h3,
	.col1 p,
	.col1 ul,
	.col2 .colin, 
	.col2 h2, 
	.col2 h3,
	.col2 p,
	.col2 ul{
		padding-right:10px;
		padding-left:10px;
	}

}
@media (max-width:340px){
	.thegrid{
		width:280px;
	}
	.gridbox33,
	.gridbox33 span{
		width:275px;
		height:171px;
	}
	.gridbox12,
	.gridbox12 span{
		width:135px;
		height:171px;
	}
	.gridbox11,
	.gridbox11 span{
		width:135px;
		height:83px;
	}
	.gridbox33,
	.gridbox12,
	.gridbox11{
		margin-bottom:5px;
		margin-right:5px;
	}
	.gridbox span.pos span{
		font-size:13px;
		font-weight:normal;
	}

}