/* Some CSS resets, mixed selectively from Eric Meyer and HTML5 Boilerplate */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1.2;
}

/* You can put this one back if you want...
ol, ul {
	list-style: none;
}*/




/* ==================================== 
 This will enforce block-level properties to HTML5 elements */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, fieldset, time, address, small {
	display: block;
}


html {
	font-size: 100%; 
	/* Hidden, although I believe it was part of my responsive template
	overflow-y: scroll; */
	-webkit-text-size-adjust: none; 
	-ms-text-size-adjust: 100%;
}

body {
	background:rgb(251,139,4) url('../img/diamonds.gif');
	color:white;
	/*font-family: Garamond, Didot, Baskerville, serif;*/
	font-family: 'Franklin Gothic Medium', Tahoma, Verdana, sans-serif;
}



#container {
	width:85%;
	margin:auto;
	position:relative;
}

strong, b {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

p {
	margin:1em 0;
	line-height:1.3em;
	max-width:550px;
}

a {
	color:white;
	-webkit-transition: color 200ms;
	transition: color 200ms;
}


a:hover {
	color:black;	
}

ul {
	list-style:none;
	padding-left:0px;
}

.reduce {
	font-size:0.8em;
}	



#paintings section ul li {
	margin:1em 0;
	font-style:italic;
}


#main-nav {
	margin:1em auto 2em auto;
	width:180px;
}

#main-nav a {
	display:block;
	text-decoration:none;
	font-weight:400;
	font-size:2em;
	text-align:center;
	letter-spacing:-1px;
	font-family: 'Anton', Arial, sans-serif;
}

#main-nav a:hover,
#main-nav a:focus {
	
}

#main-nav li:first-child a {
	font-size:2.6em;
}

#main-nav li:nth-child(2) a {
	font-size:2.3em;
}

#main-nav li:nth-child(3) a {
	font-size:2.2em;
}

#main-nav li:nth-child(4) a {
	font-size:2.3em;
}

#main-nav li:nth-child(5) a {
	font-size:2.4em;
}

#main-nav li:nth-child(6) a {
	font-size:2em;
}

#main-nav li:nth-child(8) a {
	font-size:1.7em;
	margin-top:4px;
}


figure {
	margin:1em 0;
}

figure img {
		border:1px solid black;
	}
	
#news img {
	width:100%;
}

#paintings figure img {
	margin:2px 12px;
}

figure a img {
	-webkit-transition: border-color 200ms;
	transition: border-color 200ms;
}

figure a:hover img,
figure a:focus img {
	border-color:white;
}

#paintings figure {
	max-width:800px;
}

#paintings figure img {
	width:110px;
	height:50px;
}

#paintings figure a {
	position:relative;
	display:inline-block;
	width:116px;
	height:52px;
}

figure a.hidden {
	display:inline;
}



figure a span {
	font-weight:bold;
	display:block;
	position:absolute;
	bottom:28px;
	right:2px;
	text-decoration:none;
	color:white;
	background:rgb(179,94,4);
	width:20px;
	height:18px;
	text-align:center;
	border-radius:50%;
	box-shadow:0px 0px 2px rgba(0,0,0,0.5);
	font-size:0.95em;
}


#paintings figure a.hidden, #paintings figure a.hidden img {
	display:none;
}


/* hide standard video code*/
#paintings figure a.desktop {
	display:none;
}

.mobile-video video {
	background:black;
	width:100%;
}


#facilitations section h1 a {
	font-family: 'Anton', Arial, sans-serif;
	text-decoration:none;
	font-size:1.4em;
	line-height:1em;
}

#facilitations figure {
	padding-left:0px;
	padding-right:0px;
}

#facilitations figure img {
	width:100%;
	max-width:300px;
	height:auto;
	display:block;
	margin:auto;
	margin-bottom:-0.8em;
}


#project-showcase section {
	padding:0.7em;
	margin-top:2.5em;
	background:rgba(87,52,14,0.3);
	border-radius:4px;
}

#info time,
#info section h1 {
	font-family: 'Anton', Arial, sans-serif;
}

#info time {
	font-size:1.2em;
}



a#exhibitions-list,
p#resume-links a {
	display:block;
	text-decoration:none;
	padding:0.5em;
	background:rgba(87,52,14,0.6);
	width:170px;
	text-align:center;
	border-radius:4px;
	-webkit-transition: background 200ms;
	transition: background 200ms;
	cursor:pointer;
	margin-bottom:1em;
}

p#resume-links a {
	display:inline-block;
	margin-bottom:0.25em;
	width:auto;
	padding:0.35em;
}

a#exhibitions-list:hover,
p#resume-links a:hover {
	color:white;
	background:black;
}

#press {
	clear:both;
	padding-top:1em;
}


div#exhibitions section {
	background:rgba(87,52,14,0.35);
	border-radius:3px;
	padding:0.5em;
	margin-top:0.8em;
}

div#exhibitions footer {
	padding:1em;
	padding-top:0;
	margin-top:1em;
	font-size:0.8em;
}


.current {
	color:black;
	opacity:0.5;
}

footer {
	clear:both;
	font-size:0.8em;
	margin:3em 0 2em 0;
}

footer nav {
	text-align:right;
	width:120px;
	float:right;
}

footer nav li {
	display:inline-block;
	margin-right:0.5em;
}

footer nav a {
	font-family: 'Anton', Arial, sans-serif;
	text-decoration:none;
	font-size:2em;
}

#home footer {
	display:none;
}





/* Fancybox adjustment */

.fancybox-skin {
	background:rgb(0,0,0) !important;
}


/* Fancybox video box adjustments */


.fancybox-title-float-wrap .child {
	background:none !important;
	font-weight:normal !important;
}



/* ++++++++++++++++++++++++
		MEDIA QUERIES 
	++++++++++++++++++++++++ */
 

 
   @media only screen and (min-width: 430px) {
	   
	   
#project-showcase section {
	padding:1.2em;
	width:305px;
	margin:2em auto;
}

#project-showcase section figure {
	margin-bottom:1.5em;
}
	   
}/* closes media query for 430+ */
 
 
  @media only screen and (min-width: 480px) {

html {
		-webkit-text-size-adjust: 100%;
	}
	
 }/* closes media query for 480+ */
 
 
 
 
 
@media only screen and (min-width: 540px) {
	   
#main-nav {
	margin:1em 16% 2em auto;   
}


#paintings footer nav li:first-child {
	display:none;
}

div#exhibitions section {
	padding-left:20px;
	padding-right:30px;
}

#info footer nav li:first-child {
	visibility:hidden;
}
	   
  }/* closes media query for 480+ */
 
 
 
 
   @media only screen and (min-width: 700px) {
	   
#project-showcase section {
	width:40%;
}

#project-showcase section:nth-child(odd) {
	float:left;
	clear:left;
}

#project-showcase section:nth-child(even) {
	float:right;
	clear:right;
}

#paintings section li,
#paintings section>p {
	padding-left:1.5em;
}

#info time {
	font-size:1.4em;
}

/* FancyBox adjustment */

.fancybox-skin {
	background:rgb(44,1,1) !important;
}


  }/* closes media query for 700+ */
  
  
  
  
 
 @media only screen and (min-width: 768px) {



#info div#exhibitions section {
	width:41%;
}

#info div#exhibitions section:nth-child(odd) {
	float:left;
	clear:left;
}

#info div#exhibitions section:nth-child(even) {
	float:right;
}



#paintings figure a.mobile {
	display:none;
}

#paintings figure a.desktop {
	display:inline-block;
}



/* temp fixes */
/*#info div#exhibitions section:nth-child(8) {
	float:left;
}*/

#info div#exhibitions section:nth-child(9) {
	float:left;
	clear:none;
}

/*#info div#exhibitions section:nth-child(10) {
	clear:left;
}

#info div#exhibitions section:nth-child(11) {
	float:right;
	clear:none;
}

#info div#exhibitions section:nth-child(12) {
	float:left;
}

#info div#exhibitions section:nth-child(13) {
	float:right;
	clear:none;
}

#info div#exhibitions section:nth-child(14) {
	float:left;
}

#info div#exhibitions section:nth-child(15) {
	float:right;
	clear:none;
}

#info div#exhibitions section:nth-child(16) {
	float:left;
}

#info div#exhibitions section:nth-child(17) {
	float:right;
	clear:none;
}*/

/* end temp fixes */

div#exhibitions {
	margin-bottom:1.5em;
}

div#exhibitions footer {
	width:41%;
	clear:none;
	padding:2em;
	float:right;
}

#dayjobs {
	clear:both;
	padding-top:1em;
}



/* Fancybox adjustments */

.fancybox-title-outside-wrap  {
	text-indent:2em;
}

.fancybox-title-outside-wrap  {
	opacity:0.6;
}


}/* closes media query for 768+ */






@media only screen and (min-width: 1024px) {
	
.desktop {
	display:block;
}

#container {
	width:800px;
	margin-left:20%;
	margin-top:5%;
}

/*#home #container p:first-child {
	padding-top:50px;
}*/

#main-nav {
	position:absolute;
	top:0px;
	left:-200px;
}

figure a span {
	opacity:0;
	-webkit-transition:opacity 150ms;
	transition:opacity 200ms;
}

figure a:hover span,
figure a:focus span {
	opacity:1;
}


#info div#exhibitions section {
	width:43%;
}

#project-showcase section {
	width:25%;
	margin-right:1em;
	clear:none;
}

#project-showcase section:nth-child(odd),
#project-showcase section:nth-child(even) {
float:left;
clear:none;
}

#project-showcase section:nth-child(4), 
#project-showcase section:nth-child(7),
#project-showcase section:nth-child(10),
#project-showcase section:nth-child(13) {
	clear:left;
}








	
}/* closes media query for 1024+ */





@media only screen and (min-width: 1281px) {
	
#container {
	margin-left:30%;
}

#facilitations #container {
	width:925px;
}
	
}/* closes media query for 1281+ */