/*
Theme Name: Vincent DT
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: vincentdt
*/

/* temp style: */
.entry-footer{
	display:none;
}
/* end temp style */

html,body,h1,h2,h3,h4,h5,h6,p,ul,li,form{
	padding:0;
	margin:0;
}
.screen-reader-text{
	position:absolute;
	top:-4000px;
	left:-4000px;
}

html,body{
	background:#3A3A3A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:100%;
	line-height:1;
}
a:link,
a:visited{
	color:#a4c84b;
	text-decoration:none;
}
a:hover{
	color:#fff;
}
a img{
	border-width:0;
}
img{
	max-width:100%;
}
#page{
	width:800px;
	background:#000;
	color:#ccc;
	padding:0 25px;
	margin:0 auto;
}
#masthead,
#main,
#colophon{
	overflow:hidden;
}
#masthead img{
	display:block;
	margin-bottom:6px;
}
#masthead{
	padding-top:10px;
}
.site-branding{
	float:left;
	width:180px;
	/* height:172px; */
	height:135px;
	background:url(img/dot.gif) transparent repeat-x left bottom;
}
.hquote{
	float:right;
	width:595px;
	/* height:172px; */
	height:135px;
	background:url(img/dot.gif) transparent repeat-x left bottom;
	position:relative;
}
.hquote p{
	position:absolute;
	right:0;
	bottom:24px;
	color:#999;
	font-family:'Arvo','Times New Roman',serif;
	font-size:12px;
}
#primary{
	float:right;
	width:595px;
}
#secondary{
	float:left;
	width:180px;
}

/*** SITE NAV ***/

.site-nav{
	font-family:'Arvo','Times New Roman',serif;
	font-size:12px;
	/* font-weight:bold; */
	font-weight:normal;
	text-transform:uppercase;
	line-height:1.5;
	padding-top:10px;
	padding-bottom:6px;
	background:url(img/dot.gif) transparent repeat-x left bottom;
}
.site-nav ul li{
	padding:0 0 5px 0;
}
.site-nav ul li ul{
	padding:5px 0 0 15px;
}
.site-nav ul li ul li{
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:18px;
	padding:0;
}
.site-nav .sub-menu{
	display:none;
}
.site-nav .current-page-ancestor .sub-menu,
.site-nav .current_page_item .sub-menu{
	display:block;
}
.site-nav a{
	color:#fff;
}
.site-nav a:hover{
	color:#a4c84b !important;
}
.site-nav .sub-menu .current-page-ancestor a,
.site-nav .current_page_item a{
	color:#999;
}
.site-nav .current_page_item .sub-menu a{
	color:#fff;
}

/* specific exceptions on nav */

.single-vdt_bio .site-nav #menu-item-34 .sub-menu,
.single-vdt_project .site-nav #menu-item-21 .sub-menu,
.single-vdt_article .site-nav #menu-item-24 .sub-menu,
.single-vdt_pressreview .site-nav #menu-item-24 .sub-menu{
	display:block;
}
.single-vdt_bio .site-nav #menu-item-35 a,
.single-vdt_article .site-nav #menu-item-47 a,
.single-vdt_pressreview .site-nav #menu-item-306 a,
.currentproject .site-nav #menu-item-96 a,
.archiveproject .site-nav #menu-item-49 a{
	color:#999;
}

/*** SIDEBAR BLOCKS ***/

.sbbox{
	padding:10px 0;
	background:url(img/dot.gif) transparent repeat-x left top;
	overflow:hidden;
}
.sbbox.donate{
	background-position:left bottom;
	text-align:center;
}
.mailing{
	background:none;
}
.sbbox h2{
	font-family:'Arvo','Times New Roman',serif;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:1.5;
	margin-bottom:5px;
}
.mailing h2{
	margin-bottom:0;
}
.search input{
	background:#fff;
	font-size:12px;
	border:1px solid #999;
}
.search input.search-field{
	float:left;
	width:130px;
}
.search input.search-submit{
	float:right;
}
.social-links ul li{
	float:left;
	margin-right:5px;
}

.twitter .paddingremover{
	margin-left:-10px;
	margin-right:-10px;
}


/*** CONTENT ***/

#main{
	padding-bottom:20px;
}
.entry-header{
	min-height:10px; /* to create space for those projects that do not have a category title */
}
h1.entry-title{
	/* color:#999; */
	color:#d1d1d1;
	font-family:'Arvo','Times New Roman',serif;
	/* font-size:42px; */
	font-size:40px;
	font-weight:normal;
	text-transform:lowercase;
	text-align:right;
	line-height:1.2;
	padding-bottom:10px;
	background:url(img/dot.gif) transparent repeat-x left bottom;
	margin-bottom:6px;
}
.entry-content h2{
	font-family:'Arvo','Times New Roman',serif;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:1.2;
	margin-bottom:1em;
}
.entry-content h3,
.entry-content h4{
	font-size:12px;
	line-height:1.5;
}
.entry-content p,
.entry-content ul,
.entry-content table td{
	font-size:12px;
	line-height:1.5;
	margin-bottom:1.5em;
}
.contentblock form table{
	margin-bottom:40px;
}

ul{
	list-style:none;
	/* for all lists, except those with class "bulleted" */
}
ul.bulleted li{
	padding-left:12px;
	background:url(img/bullet.png) transparent no-repeat left .5em;
}

iframe{
	display:block;
	margin-bottom:15px;
	max-width:100%;
}

/* wrappers with optional captions */

.wrapper iframe{
	margin-bottom:8px;
}
.wrapper .bordered iframe{
	margin-bottom:0;
}
.wrapper .bordered{
	border:1px solid #999;
	margin-bottom:8px;
}

.wrapper .bx-wrapper{
	margin-bottom:8px !important;
}
.wrapper .caption{
	margin-bottom:15px;
}
.wrapper{
	padding-bottom:1px; /* to keep margin on caption paragraph inside */
	margin-bottom:15px;
}

/* images */

.wideimage img,
.wideimage span.caption{
	display:block;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:8px;
	margin-left:auto;
	margin-right:auto;
}
.sidebyside{
	overflow:hidden;
	margin-bottom:8px;
}
.sidebyside .imgleft{
	float:left;
	max-width:49%;
}
.sidebyside .imgright{
	float:right;
	max-width:49%;
}
.sidebyside img,
.sidebyside span.caption{
	display:block;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
}
.sidebyside span.caption{
	padding-top:8px;
	margin-bottom:8px;
}


.sidebyside div.moused a{
	display:block;
	position:relative;
}
.sidebyside div.moused a span.outer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(img/overlay.png);
	background-size:100% 100%;
	display:none;
}
.sidebyside div.moused a:focus span.outer,
.sidebyside div.moused a:hover span.outer,
.sidebyside div.moused a:active span.outer{
	display:block;
}

.sidebyside div.moused a span.outer span.caption{
	display:block;
	position:absolute;
	top:40%;
	width:100%;
	font-family:'Arvo',serif;
	font-size:14px;
	font-weight:700;
	color:white;
}

/* videos */

div.sidebyside div.video{
	width:48%;
	max-width:283px;
	border:1px solid #686868;
}
div.sidebyside div.video iframe{
	display:block;
	max-width:100%;
	margin-bottom:0;
}
div.sidebyside div.odd{
	float:left;
}
div.sidebyside div.even{
	float:right;
}


.contentblock{
	overflow:hidden;
}
.contentblock.cleared{
	clear:both;
}


ul.projectslist{
	float:left;
}
ul.projectslist li{
	overflow:hidden;
	padding:4px 0;
}
ul.projectslist li a{
	display:block;
}
ul.projectslist li a img{
	float:left;
	margin-top:4px;
	margin-right:10px;
}
ul.projectslist li a span{
	float:left;
	padding-top:1px;
}
ul.projectslist li.item1 a span{
	background:none;
}




ul.rowscolumns li{
	overflow:hidden;
	background:url(img/dot2.gif) transparent repeat-x left bottom;
	margin-bottom:5px;
}
ul.rowscolumns li h3{
	float:left;
	width:150px;
}
ul.rowscolumns li p{
	margin-left:160px;
}

/** search **/

h2.searchresult-title{
	font-size:12px;
	font-weight:normal;
}

/** frontpage/homepage **/

#piclinks{
	padding:0;
	margin:0;
	overflow:hidden;
	margin-bottom:20px !important;
}
#piclinks li{
	max-width:100%;
	float:left;
	text-align:center;
	margin-bottom:9px;
}
#piclinks li.spaced{
	margin-right:9px;
}
#piclink{
	clear:both;
	text-align:center;
	padding-top:20px;
	margin-bottom:20px;
}
#piclinks li a,
#piclink a{
	display:block;
	position:relative;
}
#piclinks li a span.outer{
	position:absolute;
	left:0;
	top:0;
	width:142px;
	height:142px;
	background:url(img/overlay.png);
	display:none;
}
#piclink a span.outer{
	position:absolute;
	left:0;
	top:0;
	display:none;
}
#piclinks li a:focus span.outer,
#piclinks li a:hover span.outer,
#piclinks li a:active span.outer{
	display:block;
}

#piclink a:focus span.outer,
#piclink a:hover span.outer,
#piclink a:active span.outer{
	display:block;
}

#piclinks li a span.outer span,
#piclink a span.outer span{
	display:block;
	font-family:'Arvo',serif;
	font-size:17px;
	font-weight:700;
	color:white;
	padding:0 5px;
}
#piclinks li.pic1 a span.outer,
#piclink a span.outer{
	width:100%;
	height:100%;
	background:url(img/overlay-1.png);
	background-size:100% auto;
	border-top:1px solid #686868;
	border-bottom:1px solid #686868;
}
#piclinks li.top2homeproject a span.outer{
	width:100%;
	height:100%;
	background:url(img/overlay-293x293.png);
	background-size:100% auto;
}
#piclinks li a span.outer span{
	width:142px;
	height:142px;
	display:table-cell;
	vertical-align:middle;
}
#piclinks li.pic1 a span.outer span{
	width:595px;
	/* height is set inside the HTML 
	   and needs to be overwritten on narrower widths */
}
#piclinks li.top2homeproject a span.outer span{
	width:293px;
	height:293px;
}
#piclinks li a img{
	display:block;
}
div.hpquote{
	font-family:'Arvo','Times New Roman',serif;
	font-size:15px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:1.4;
	text-align:center;
	padding:10px 0;
	background:url(img/dot.gif) transparent repeat-x left top;
}
div.hpvids{
	padding:20px 0;
	background:url(img/dot.gif) transparent repeat-x left top;
	overflow:hidden;
}
/* rest of videos styles see 'videos' */




/** company page **/

.personnelindex{
	background:url(img/dot.gif) transparent repeat-x left top;
}
.personnel{
	background:url(img/dot2.gif) transparent repeat-x left bottom;
	padding-top:4px;
	padding-bottom:4px;
	overflow:hidden;
}
.personnel h2{
	float:left;
	padding-top:8px;
}
.personnel h3,
.personnel h4,
.personnel ul{
	clear:right;
	float:right;
	width:395px;
}
.personnel ul li{
	overflow:hidden;
	padding:0;
}
.personnel ul li span{
	margin-right:.5em;
}
.personnel1 ul{
	padding-top:7px;
	margin-bottom:0;
}
.personnel1 ul li{
	margin-bottom:8px;
}
.personnel h3,
.personnel h4{
	padding-top:7px;
	margin-bottom:0;
}
.personnel2 ul{
	padding:0;
	margin-bottom:8px;
}
.personnel2 ul li{
	margin-bottom:0;
}


/** collaborators **/

.biocategory{
	background:url(img/dot2.gif) transparent repeat-x left bottom;
	padding-bottom:4px;
	overflow:hidden;
}
.biocategory h2{
	float:left;
	padding-top:8px;
}
.biocategory h3{
	clear:right;
	float:right;
	width:295px;
	padding:7px 0 4px 0;
	margin-bottom:0;
}
.biocategory ul{
	clear:right;
	float:right;
	width:295px;
	padding-top:3px;
	margin-bottom:0;
}
.biocategory ul li{
	overflow:hidden;
	padding:4px 0;
}
.biocategory ul li a{
	display:block;
}



/** bios **/

.bioimg{
	float:right;
	max-width:50%;
	margin-left:15px;
	padding-bottom:8px;
	background:url(img/dot.gif) transparent repeat-x left bottom;
	margin-bottom:10px;
}

hr{
	height:1em;
	background:url(img/dot2.gif) transparent repeat-x left center;
	border-width:0;
}

/** projects **/

.projectcategory{
	background:url(img/dot2.gif) transparent repeat-x left bottom;
	padding-bottom:4px;
	overflow:hidden;
}
.projectcategory h2{
	float:left;
	padding-top:8px;
}
.projectcategory ul{
	clear:right;
	float:right;
	width:295px;
	margin-bottom:0;
}
.projectcategory ul li{
	overflow:hidden;
	padding:4px 0;
}
.projectcategory ul li a{
	display:block;
}
.projectcategory ul li a img{
	float:left;
	margin-top:4px;
	margin-right:10px;
}
.projectcategory ul li a span{
	float:right;
	width:190px;
	padding-top:4px;
	background:url(img/dot2.gif) transparent repeat-x left top;
}
.projectcategory ul li.item1 a span{
	background:none;
}

/** new grid **/

.catpage{
	overflow:hidden;
}
.catpage ul li{
	float:left;
	width:185px;
	height:185px;
	margin-right:20px;
	margin-bottom:20px;
}
.catpage ul li.item3,
.catpage ul li.item6{
	margin-right:0;
}
.catpage ul li a{
	display:block;
	position:relative;
}
.catpage ul li a img{
	display:block;
	width:185px !important;
	height:185px !important;
}
.catpage ul li a span.outer{
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}
.catpage ul li a span.outer span{
	display:block;
	padding:3px 5px;
	background:rgba(0,0,0,.8);
	color:white;
	font-family:"Arvo","Times New Roman",serif;
	font-size:12px;
	text-transform:uppercase;
	line-height:1.5;
}
.catpage.hubversion ul li a span.outer span{
	display:none;
}
.catpage ul li a:hover span.outer span{
	display:table-cell;
	height:185px;
	width:185px;
	text-align:center;
	vertical-align:middle;
}



/** project single pages **/

.type-vdt_project{
}
.projecttop{
	margin-bottom:10px;
}
#jump{
	float:right;
	width:135px;
	font-size:10px;
	text-transform:uppercase;
	line-height:1.8;
	background:url(img/dot2.gif) transparent repeat-x left top;
	margin-left:20px;
}
#jump li{
	background:url(img/dot2.gif) transparent repeat-x left bottom;
}
#jump li a{
	color:#fff;
}
#jump li a:hover{
	color:#a4c84b;
}
.entry-content h2.entry-title{
	color:#fff;
	font-size:16px;
}
.entry-content h2.subtitle{
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
}
.projectsection{
	clear:both;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:20px;
	background:url(img/dot.gif) transparent repeat-x left top;
}
.projectsection h2{
	color:#fff;
}
#soundclips iframe{
	margin-bottom:5px;
}
.projectsection ul{
}
#whos_who ul li{
	clear:left;
	float:left;
	width:100%;
}
#whos_who ul li strong{
	clear:left;
	float:left;
	width:47%;
}
#whos_who ul li ul{
	float:left;
	width:50%;
	margin-bottom:0;
}


.share{
	background:url(img/dot.gif) transparent repeat-x left top;
	padding:10px 0;
}
.share p{
	margin:0;
}
.backlink{
	background:url(img/dot.gif) transparent repeat-x left top;
	padding:10px 0;
}


/** calendar **/

#AutoListBox{
	float:right;
	margin-bottom:10px;
}
ul.calendar{
	clear:both;
}
ul.calendar li{
	background:url(img/dot2.gif) transparent repeat-x left top;
	padding:8px 0;
	overflow:hidden;
}
ul.calendar li span{
	float:left;
}


/** calendar new (2015 and newer) **/

ul.calendarupcoming li span.date span.times{
	float:none;
	display:block;
}
ul.calendarupcoming li span.date{
	width:17%;
	margin-right:2.5%;
}
ul.calendarupcoming li span.show{
	width:40.5%;
	margin-right:2.5%;
}
ul.calendarupcoming li span.location{
	width:22%;
}
ul.calendarupcoming li span.infolink{
	float:right;
	width:13%;
}

/** calendar archive (2014 and older) **/

ul.calendararchive li span.date span.times,
ul.calendararchive li span.infolink{
	display:none;
}
ul.calendararchive li span.date{
	width:20%;
	margin-right:2%;
}
ul.calendararchive li span.show{
	width:33%;
}
ul.calendararchive li span.location{
	float:right;
	width:43%;
	text-align:right;
}

/** calendar different (used for 1998) **/

ul.calendar.nodates li span.show{
	width:30%;
}
ul.calendar.nodates li span.location{
	text-align:left;
	width:68%;
}


/** calendar single pages **/

.eventtop{
	padding-bottom:10px;
	background:url(img/dot2.gif) transparent repeat-x left bottom;
}
#eventdetails{
	float:right;
	width:205px;
	padding-top:10px;
	padding-left:10px;
	margin-left:20px;
	background:url(img/dot-vertical.gif) transparent repeat-y left top;
	margin-bottom:20px;
}
#eventdetails .infolink a{
	display:inline-block;
	background:#a4c84b;
	color:white;
	padding:5px 20px;
	border-radius:5px;
}
#eventdescription{
	padding-top:10px;
	margin-bottom:20px;
}
#eventdetails h3,
#relatedinfo h3{
	font-family:'Arvo','Times New Roman',serif;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:1.2;
	margin-bottom:1em;
}
#relatedinfo{
	clear:both;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:20px;
	background:url(img/dot.gif) transparent repeat-x left top;
}
#relatedinfo.empty{
	background:transparent;
}
.relatedinfolinks{
	margin-left:
}
.relatedinfosection{
	clear:left;
	float:left;
	width:100%;
}
.relatedinfosection h4{
	clear:left;
	float:left;
	width:40%;
}
.relatedinfosection .relatedinfolinks{
	float:left;
	width:57%;
	margin-bottom:1em;
}



/** press page **/

ul.pressthumbs{
	overflow:hidden;
}
ul.pressthumbs li{
	float:left;
	width:100px;
	padding:4px;
	border:1px solid #666;
	margin-right:9px;
	margin-bottom:9px;
}
ul.pressthumbs li img{
	display:block;
}


/** articles **/
/** and press reviews **/

.articlesnippets ul{
}
.articlesnippets li{
	background:url(img/dot2.gif) transparent repeat-x left bottom;
	overflow:hidden;
	margin-bottom:1.5em;
}
.articlesnippets li h2{
	margin-bottom:3px;
}
.articlesnippets li p.author{
	margin-bottom:0;
}
div.nav-links{
	font-size:12px;
	text-align:center;
}


/** article single pages **/

.articletop{
	margin-bottom:10px;
}
p.author{
	margin-bottom:0;
}


/*** FOOTER ***/

#colophon{
	font-size:11px;
	line-height:15px;
	padding-top:10px;
	border-top:1px solid #595959;
	padding-bottom:30px;
}
p.address{
	float:left;
	margin-bottom:10px;
}
ul.sponsors{
	float:right;
	margin-bottom:10px;
}
ul.sponsors li{
	float:left;
	padding-left:10px;
}
div.creditinfo{
	clear:both;
	color:#999999;
	padding-top:10px;
	border-top:1px solid #2E2E2E;
}
p.copyright{
	float:left;
}
p.credits{
	float:right;
}

/* mailchimp */

#mc_embed_signup{
	color:#fff;
}
#mc_embed_signup h2{
	font-weight:400;
}
#mc_embed_signup .button{
	background:#666;
	color:#fff;
}
#mc_embed_signup .button:hover{
	background:#333;
}


@media (max-width:870px){
	#page{
		width:auto;
		max-width:700px;
	}
	.hquote,
	#primary{
		width:495px;
	}
	iframe{
		max-width:100%;
	}
	#piclinks li.squarehomeproject{
		width:117px;
	}
	#piclinks li.top2homeproject{
		width:243px;
	}
	#piclinks li.squarehomeproject a span.outer,
	#piclinks li.squarehomeproject a span.outer span{
		width:117px;
		height:117px;
		background-size:100% 100%;
		font-size:16px;
	}
	#piclinks li.top2homeproject a span.outer,
	#piclinks li.top2homeproject a span.outer span{
		width:243px;
		height:243px;
		background-size:100% 100%;
	}
	#piclinks li.pic1 a span.outer span{
		display:block;
		width:100%;
		height:auto !important;
		position:relative;
		top:45% !important;
	}
	.personnel h3,
	.personnel h4,
	.personnel ul{
		width:295px;
	}
	.catpage ul li{
		margin-right:15px;
		margin-bottom:15px;
	}
	.catpage ul li,
	.catpage ul li a img,
	.catpage ul li a:hover span.outer span{
		width:155px !important;
		height:155px !important;
	}
}
@media (max-width:767px){
	#page{
		max-width:600px;
	}
	.hquote,
	#primary{
		width:395px;
	}
	
	#piclinks li.squarehomeproject{
		width:92px;
	}
	#piclinks li.top2homeproject{
		width:193px;
	}
	#piclinks li.squarehomeproject a span.outer,
	#piclinks li.squarehomeproject a span.outer span{
		width:92px;
		height:92px;
		font-size:14px;
		font-weight:normal;
	}
	#piclinks li.top2homeproject a span.outer,
	#piclinks li.top2homeproject a span.outer span{
		width:193px;
		height:193px;
	}
	.sidebyside div.moused a span.outer span.caption{
		top:35%;
	}
	.projectcategory ul{
		width:235px;
	}
	.projectcategory ul li a span{
		width:130px;
	}
	.biocategory ul,
	.personnel h3,
	.personnel h4,
	.personnel ul{
		width:195px;
	}
	ul.calendar li span.date{
		width:30%;
		margin-right:0;
	}
	ul.calendar li span.show,
	ul.calendar li span.location,
	ul.calendar li span.infolink{
		float:right !important;
		width:66% !important;
		text-align:left;
		margin-right:0;
	}
	ul.calendar.nodates li span.show{
		float:left;
		width:36% !important;
	}
	ul.calendar.nodates li span.location{
		width:62% !important;
	}
	span.footermail{
		display:block;
	}
	ul.sponsors{
		width:70%;
		text-align:right;
	}
	ul.sponsors li{
		float:none;
		display:inline;
	}
	.catpage ul li{
		margin-right:25px;
		margin-bottom:25px;
	}
	.catpage ul li.item3{
		margin-right:25px;
	}
	.catpage ul li.item2{
		margin-right:0;
	}
	.catpage ul li,
	.catpage ul li a img,
	.catpage ul li a:hover span.outer span{
		width:185px !important;
		height:185px !important;
	}
}
@media (max-width:670px){
	#page{
		max-width:595px;
	}
	.site-branding{
	}
	.hquote{
		float:none;
		width:auto;
		margin-left:200px;
	}
	#primary,
	#secondary{
		width:100%;
	}
	#secondary{
		background:url(img/dot.gif) transparent repeat-x left top;
		padding-top:10px;
		margin-top:20px;
	}
	.mailing,
	.social-links{
		background:none;
		min-height:30px;
	}
	.mailing,
	.twitter{
		clear:left;
		float:left;
		width:48%;
	}
	.social-links,
	.instagram,
	.search{
		clear:right;
		float:right;
		width:48%;
	}
	.search form input.search-field{
		width:80%;
	}
	
	
	#piclinks li.squarehomeproject{
		width:142px;
	}
	#piclinks li.top2homeproject{
		width:293px;
	}
	#piclinks li.squarehomeproject a span.outer,
	#piclinks li.squarehomeproject a span.outer span{
		width:142px;
		height:142px;
		font-size:17px;
		font-weight:bold;
	}
	#piclinks li.top2homeproject a span.outer,
	#piclinks li.top2homeproject a span.outer span{
		width:293px;
		height:293px;
	}
	.sidebyside div.moused a span.outer span.caption{
		top:40%;
	}
	.projectcategory ul{
		width:295px;
	}
	.projectcategory ul li a span{
		width:190px;
	}
	.biocategory ul,
	.personnel h3,
	.personnel h4,
	.personnel ul{
		width:50%;
	}
	ul.sponsors{
		width:65%;
	}
	.catpage ul li{
		margin-right:20px;
		margin-bottom:20px;
	}
	.catpage ul li.item2{
		margin-right:20px;
	}
	.catpage ul li.item3{
		margin-right:0;
	}
}
@media (max-width:665px){
	#piclinks{
		width:495px;
		margin-left:auto;
		margin-right:auto;
	}
	#piclinks li.squarehomeproject{
		width:117px;
	}
	#piclinks li.top2homeproject{
		width:243px;
	}
	#piclinks li.squarehomeproject a span.outer,
	#piclinks li.squarehomeproject a span.outer span{
		width:117px;
		height:117px;
		background-size:100% 100%;
		font-size:16px;
	}
	#piclinks li.top2homeproject a span.outer,
	#piclinks li.top2homeproject a span.outer span{
		width:243px;
		height:243px;
		background-size:100% 100%;
	}





	.catpage{
		width:495px;
		margin-left:auto;
		margin-right:auto;
	}
	.catpage ul li{
		margin-right:15px;
		margin-bottom:15px;
	}
	.catpage ul li.item2{
		margin-right:15px;
	}
	.catpage ul li.item3{
		margin-right:0;
	}
	.catpage ul li,
	.catpage ul li a img,
	.catpage ul li a:hover span.outer span{
		width:155px !important;
		height:155px !important;
	}
}
@media (max-width:565px){
	#piclinks{
		width:395px;
	}
	#piclinks li.squarehomeproject{
		width:92px;
	}
	#piclinks li.top2homeproject{
		width:193px;
	}
	#piclinks li.squarehomeproject a span.outer,
	#piclinks li.squarehomeproject a span.outer span{
		width:92px;
		height:92px;
		font-size:14px;
		font-weight:normal;
	}
	#piclinks li.top2homeproject a span.outer,
	#piclinks li.top2homeproject a span.outer span{
		width:193px;
		height:193px;
	}
	.sidebyside div.moused a span.outer span.caption{
		top:35%;
	}
	.catpage{
		width:390px;
	}
	.catpage ul li{
		margin-right:20px;
		margin-bottom:20px;
	}
	.catpage ul li.item3{
		margin-right:20px;
	}
	.catpage ul li.item2{
		margin-right:0;
	}
	.catpage ul li,
	.catpage ul li a img,
	.catpage ul li a:hover span.outer span{
		width:185px !important;
		height:185px !important;
	}
}
@media (max-width:510px){
	.projectcategory h2{
		padding-top:20px;
	}
	.projectcategory ul{
		width:100%;
	}
	.projectcategory ul li a span{
		float:none;
		display:block;
		width:auto;
		margin-left:105px;
	}
	ul.sponsors{
		width:50%;
	}
	p.copyright,
	p.credits{
		float:none;
		margin-bottom:5px;
	}
}
@media (max-width:470px){
	#page{
		padding-left:10px;
		padding-right:10px;
	}
	#piclinks{
		width:293px;
	}
	#piclinks li.squarehomeproject{
		width:142px;
	}
	#piclinks li.top2homeproject{
		width:293px;
	}
	#piclinks li.squarehomeproject a span.outer,
	#piclinks li.squarehomeproject a span.outer span{
		width:142px;
		height:142px;
		font-size:17px;
		font-weight:bold;
	}
	#piclinks li.top2homeproject a span.outer,
	#piclinks li.top2homeproject a span.outer span{
		width:293px;
		height:293px;
	}
	#piclinks li.pic3,
	#piclinks li.picb3{
		margin-right:0;
	}
	ul.calendar li span.date{
		width:40%;
	}
	ul.calendar li span.show,
	ul.calendar li span.location,
	ul.calendar li span.infolink{
		float:right;
		width:56% !important;
		text-align:left;
	}
	.search form input.search-field{
		width:75%;
	}
}
@media (max-width:450px){
	.site-branding,
	.hquote{
		float:none;
		width:auto;
		max-width:100%;
		height:auto;
		padding-bottom:10px;
		margin:0 auto 10px auto;
	}
	.hquote p{
		position:static;
	}
	.site-branding img{
		max-width:100%;
	}
	h1.entry-title{
		text-align:left;
	}
	.biocategory h2,
	.personnel h2{
		padding-top:20px;
	}
	.biocategory h2,
	.personnel h2,
	.biocategory ul,
	.personnel h3,
	.personnel h4,
	.personnel ul{
		width:100%;
	}
	.sidebyside div.moused a span.outer span.caption{
		top:30%;
		font-size:12px;
	}
	ul.calendar.nodates li span.show,
	ul.calendar.nodates li span.location{
		float:left;
		width:100% !important;
	}
	ul.calendar.nodates li span.show{
		text-transform:uppercase;
		padding-bottom:8px;
	}
	ul.sponsors{
		padding-top:15px;
		width:100%;
		text-align:left;
	}
	ul.sponsors li{
		padding-left:0;
		padding-right:10px;
	}
	.catpage{
		width:320px;
	}
	.catpage ul li{
		margin-right:10px;
		margin-bottom:10px;
	}
	.catpage ul li.item3{
		margin-right:10px;
	}
	.catpage ul li.item2{
		margin-right:0;
	}
	.catpage ul li,
	.catpage ul li a img,
	.catpage ul li a:hover span.outer span{
		width:155px !important;
		height:155px !important;
	}
}
@media (max-width:410px){
	.mailing,
	.social-links,
	.twitter,
	.instagram,
	.search{
		float:none;
		width:100%;
		min-height:0;
	}
	.social-links{
		background:url(img/dot.gif) transparent repeat-x left top;
	}
	.search form input.search-field{
		width:80%;
	}
}
@media (max-width:365px){
	.catpage{
		width:185px;
	}
	.catpage ul li{
		margin-right:0;
		margin-bottom:20px;
	}
	.catpage ul li.item3{
		margin-right:0px;
	}
	.catpage ul li,
	.catpage ul li a img,
	.catpage ul li a:hover span.outer span{
		width:185px !important;
		height:185px !important;
	}
}
@media (max-width:360px){
	ul.calendar li{
	}
	div.pagecontent ul.calendararchive li span,
	div.pagecontent ul.calendarupcoming li span{
		display:block;
		float:none !important;
		width:auto !important;
		margin-right:auto !important;
	}
}
@media (max-width:335px){
	#piclinks{
		width:243px;
	}
	#piclinks li.squarehomeproject{
		width:117px;
	}
	#piclinks li.top2homeproject{
		width:243px;
	}
	#piclinks li.squarehomeproject a span.outer,
	#piclinks li.squarehomeproject a span.outer span{
		width:117px;
		height:117px;
		background-size:100% 100%;
		font-size:16px;
		font-weight:normal;
	}
	#piclinks li.top2homeproject a span.outer,
	#piclinks li.top2homeproject a span.outer span{
		width:243px;
		height:243px;
		background-size:100% 100%;
	}
}



.menu-toggle{
	display:none;
}

@media (max-width:670px){
	#page{
		position:relative;
	}
	div.site-nav{
		position:absolute;
		top:10px;
		right:25px;
		background:none;
	}
	.menu-toggle{
		float:right;
		display:block;
		height:30px;
		width:30px;
		background:url(img/menu.png) black no-repeat right center;
		background-size:100%;
		padding:0;
		border-width:0;
		margin-bottom:10px;
		cursor:pointer;
	}
	.menu-toggle span{
		position:absolute;
		left:-4000px;
	}
	#site-navigation .menu-main-nav-container,
	#site-navigation .nav-menu{
		display:none;
	}
	#site-navigation.toggled-on .menu-main-nav-container{
		float:none;
		clear:both;
		display:block;
		margin-left:200px;
		display:block;
		background:#ccc;
		padding:1px;
	}
	#site-navigation.toggled-on .nav-menu{
		clear:both;
		display:block;
		background:black;
		padding:8px 10px;
	}
}