@charset "ISO-8859-1";
/* CSS Document */

/* Color palettes to try and maybe deploy*/

:root {
	
	/* orange-certificate: #DE5826*/
	/* orange-old-web: #C64313*/
	
	/* visited weblinks might be gone or color changed */
	
  /* Palette 1 -  FORGET ME  */
  /* links are too light)  --  Find a way to change few things */
  /* https://colorpalettes.net/color-palette-2053/ */
 /* --darker: #171820;
  --dark: #aa3d01;
  --mid-color: #df861d;
  --mid-highlight: #fdc029;
  --bright: #ebe4e4;
  --bright-less: #bcb6ae;
  --dark-hyperlink: #df861d;
  --bright-hyperlink: #fdc029;*/
  
  /* Palette 2   ---  FORGET ME  */
  /* brown as dark isn't great
  	https://colorpalettes.net/color-palette-1695/
  */
  /*--darker: #321e0f;
  --dark: #8c8757;
  --mid-color: #bf3d0b;
  --mid-highlight: #ffbb22;
  --bright: #ebe4e4;
  --bright-less: #fefad7;
  --dark-hyperlink: #bf3d0b;
  --bright-hyperlink: #ffbb22;*/
  
  /* Palette 3 */
  /* CARO LIKES THIS ONE BETTER' BUT THE MID_BRIGHT COULD BE A BIT DARKER)
  /* https://colorpalettes.net/color-palette-4261/ */
  /* FROM FOUND PALETTE
   	--mid-color: #ac3501;
    --mid-highlight: #f89345;*/
  
  /*--darker: #121215;
  --dark: #2b3016;
  --mid-color: #DE5826;
  --mid-highlight: #ff642b;
  --bright-less: #eff0ef;
  --bright: #ffffff;
  --dark-hyperlink: #DE5826;
  --bright-hyperlink: #ff642b;*/
  
  /* Palette 4 */
  /*--mid-color: #f43220;   REAL COLOR FROM FOUND PALETTE */
  /*--darker: #050305;
  --dark: #413229;
  --mid-color: #DE5826;
  --mid-highlight: #5d7334;
  --bright-less: #c1c8c3;
  --bright: #ebe4e4;
  --bright-less: #c1c8c3;
  --dark-hyperlink: #DE5826;
  --bright-hyperlink: #5d7334;*/
  
  /* Palette 5    Close to actual website, besides the button bar   */
  --darker: #333333;
  --dark: #666;
  --mid-color: #E7E7E7;
  --mid-highlight: #7E7E7E;
  --bright-less: #F6F6F6;
  --bright: #FFFFFF;
  --dark-hyperlink: #C64313;
  --bright-hyperlink: #d78062;
  
  /* Palette 3 v1 - less orange */
  /* CARO LIKES THIS ONE BETTER' BUT THE MID_BRIGHT COULD BE A BIT DARKER)
  /* https://colorpalettes.net/color-palette-4261/ */
  /* FROM FOUND PALETTE
   	--mid-color: #ac3501;
    --mid-highlight: #f89345;*/
  
  /*--darker: #121215;
  --dark: #2b3016;
  --mid-color: #e4e4ed;
  --mid-highlight: #595966;
  --bright-less: #eff0ef;
  --bright: #ffffff;
  --dark-hyperlink: #DE5826;
  --bright-hyperlink: #ff642b;*/
  
	
 /* Palette 6    Close to actual website, besides the button bar   */
  /*--darker: #060401;
  --dark: #666;
  --mid-color: #3f9384;
  --mid-highlight: #52c0ac;
  --bright-less: #f1f4fa;
  --bright: #FFFFFF;
  --dark-hyperlink: #e36900;
  --bright-hyperlink: #fad768;*/
	
 /* Palette 7    Close to actual website, besides the button bar   */
  /*--darker: #44413b;
  --dark: #666;
  --mid-color: #ad9a8e;
  --mid-highlight: #d9ccc1;
  --bright-less: #fd9334;
  --bright: #ffffff;
  --dark-hyperlink: #fd9334;
  --bright-hyperlink: #ebc686;*/
	
  /*Palette 8    Close to actual website, besides the button bar   */
 /* --darker: #1a161c;
  --dark: #666;
  --mid-color: #4e4a50;
  --mid-highlight: #d4e2eb;
  --bright-less: #d4e2eb;
  --bright: #ffffff;
  --dark-hyperlink: #deac66;
  --bright-hyperlink: #e9d2b7;*/
	
  
}

/**********************************************

GENERAL CLASSES/IDs & ATTRIBUTES

**********************************************/



.contact_block {width:175px;float:left;padding-bottom:30px;height:150px;padding-left:2.5%;padding-right:2.5%;}
.galleries_title {padding-left:2.5%;}
.studio_block {width:25%;float:left;padding-bottom:30px;height:150px;padding-left:2.5%;padding-right:2.5%;}
/*.studio_block {width:250px;float:left;padding-bottom:30px;height:150px;padding-left:25px;padding-right:25px;}  2021-01-26 */
#map_block {width:60%; height:375px; float:left;padding-bottom:0px;border:1px var(--dark) solid;}
/*#map_block {width:60%; height:375px; float:left;padding-bottom:0px;border:1px var(--dark) solid;}   2021-01-26 */


a {color:var(--dark-hyperlink); text-decoration:none;}
a:hover {color:var(--bright-hyperlink);}
a:active { outline: none; }
a:visited {color:var(--bright-hyperlink);}
/*a:focus { -moz-outline-style: none; }*/
a.navurl {color: var(--darker);}
#footer a {color:var(--dark-hyperlink);text-decoration:underline;}
#footer a:hover {color:var(--bright-hyperlink);}

h1, h2, h3, h4 {color:var(--darker);}
h1 {font-size:23px; font-weight:300;}
h2 {font-size:15px; font-weight:300;}


ul {margin-left:0px;
	padding-left:0px;
}


.activate {color:var(--dark);}
.inactive {color:var(--dark);}

	
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:var(--dark);
	line-height:1.3em;
	background-color:var(--darker);}
	
	
	#wrap {
		width:95%;
		min-width:1000px;
		/*width:1000px;  no min width  2021-01-26*/
		margin:0 auto;
		background:var(--bright);
		margin-top:2px;
		margin-bottom:20px;
	}
	
	#wrap_index {
		width:1000px;
		margin:0 auto;
		background:var(--bright);
		margin-top:2px;
		margin-bottom:20px;
	}
	
	#main {
		width:92%;
		/*width:920px;  2021-01-26*/
		margin:20px 4% 20px 4%;
	}
	
	
	#left {
		width:38%;
		/*width:345px;  2021-01-26*/
		float:left;
		margin:10px 4% 10px 0px;
	}
	
	#right {
		width:58%;
		/*width:535px;  2021-01-26*/
		float:left;
		margin:0px 0px 0px 0px;
	}
	
	
	#popupwrap {
		width:650px;
		margin:0 auto;
		background:var(--bright);
		 margin-top:20px;
		margin-bottom:20px;
	}
	
	
	#popupwrap2 {
		width:900px;
		margin:0 auto;
		background:var(--bright);
		margin-top:20px;
		margin-bottom:20px;
	}
	#header {
    	padding:5px 10px;
		
	}
	
	
	/* NAVIGATION */

	#nav {
		background:var(--mid-color);
	}
	
	
	#namebar {
	
		height:30px; 
		background:var(--bright-less);
		font-size:15px;
		color:var(--darker);
		letter-spacing:.2em;
		padding-top:14px;
		padding-left:34px;
		border-bottom:1px  var(--bright) solid;
	}

	#projects td .projects a,
	#publications td .publications a,
	#exhibitions td .exhibitions a,
	#texts td .texts a,
	#biography td .biography a,
	#images td .images a,
	#videos td .videos a,
	#contacts td .contacts a
	{
	   color: var(--darker);
	   background:var(--bright);
	   width:100%;
	   height:100%;
	   display: block;
	   padding-top:5px;
	   padding-bottom:5px;
	}
 
	
	
	#navlinks {
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		clear:both;
		width:100%;
		margin-top:0px;
	}
	
	
	
	#navlinks td {text-align:center;
	font-size:12px;
	padding-top:0px;
	padding-bottom:0px;
	border-top:1px  var(--bright-less) solid;
	border-right:1px  var(--bright-less) solid;
	border-bottom:0px  var(--bright-less) solid;
	height:28px;
	background:var(--bright);}
	
	#navlinks td a {
	width:100%; height:100%;
	display:block;
	background:var(--mid-color);
	padding-top:6px;
	padding-bottom:7px;
	/*			2016-12-19*/
	}
	
	#navlinks td a:hover {
	width:100%; height:100%; 
	display:block;
	 background:var(--mid-highlight);
	 padding-top:6px;
	 padding-bottom:7px;
	 color:var(--bright);
	}

	#sidebar {
		float:right;
		width:100%;
		height:auto;
		margin-left:0px;
		margin-top:0px;
		margin-right:0px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:10px;
	
	}
	
	#specs {
		width:100%;
		margin-top:20px;
		border-top:1px var(--bright-less) solid;
	}
	
	.specifications{
	display: table;
	width: 100%;
	margin-top:30px;
	padding-top:20px;
	border-top:1px var(--bright-less) solid;
	}
	.tableBody {
		display: table-row-group;
	}
	.tableRow {
		display: table-row;
	}
	.tableCellLeft {
		display: table-cell;
		width:25%;
		float:left;
		padding-top: 8px;
	}
	.tableCellRight {
		display: table-cell;
		width:75%;
		float:left;
		padding-top: 8px;
	}
	.tableCellVariationsLeft {
		display: table-cell;
		width:25%;
		float:left;
		padding-top: 8px;
	}
	.tableCellVariationsRight {
		display: table-cell;
		width:75%;
		float:left;
		padding-top: 8px;
	}
	


/* INTRO PAGE  - SPLASH ELEMENTS */

#splash_box {
	width:920px;
	margin:auto;
	padding:40px;
}
#splash_left {
	float:left;
	width:200px;
	padding-top:30px;
}
.splash_image {
	float:right;
}
#splash_links {
	padding-top:40px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#splash_caption {
	padding-top:5px;
	text-align:right;
	font-size:11px;
	margin-right:7px;
}
.splash_image img {
	padding-left:8px;
	padding-right:8px;
	padding-bottom:8px;
}
#splash_box li {
	list-style:none;
	font-size:14px;
	line-height:25px;
}
#splash_name {
	font-size:16px;
	line-height:20px;
	padding-left:10px;
}
#splash_newsbox {
	line-height:normal;
	margin-top:30px;
}
#splash_newsbox li {
	font-size:12px;
	line-height:normal;
	padding-top:6px;
	padding-bottom:6px;
	border-top:1px #var(--bright-less) dotted;
}
	
	
	
	
	
/* VIDEO */
	
	.vid_block {
	width:480px;
	background-color:var(--bright);
	clear:both; 
	/*float:left;*/
	padding-top:0px;
	padding-bottom:5px;
	/*padding-left:30px;
	padding-right:0px;
	margin-top:0px;
	margin-bottom:20px;*/
	position:relative;
	margin: 0px auto 20px;
}
	
	.vidembed {
		background:var(--bright);
	} 
	
	#videobox {
		margin-right:30px;
		margin-top:40px;
		float:right;
		width:445px;
		height:355px;
		border-top:1px var(--darker) solid;
	}
	
	#moviemenu {
		padding-top:10px;
		padding-bottom:10px;
		padding-left:20px;
		}
			
			
			
	/* Video Page */		
			
 .videolist
  {
	margin-left:10px;
   	width:100%;
  }

 .videolist li  {
	 
	font-size:11px;
    float: left;
    width: 100%;
	list-style:none;
	border-bottom: 1px var(--mid-highlight) dotted;
  }



  div.vidNew York City, USA.per
  {
	width:500px;
    margin-bottom: 1em;
	float:left;
  }
  
  .videobox {
	  margin-top:20px;
	  float:left;
	  width:480px;
	  height:400px;
  }
  
  
  /* singleimage.php*/
  #single_image_box {
	width:505px;
	height:auto;position: relative;
	margin: 0 auto 20px;
	padding-bottom:10px;
	}
	
  #single_image_box img {
	padding:5px;border:1px var(--bright-less) solid;
	}
	
   .img_folder{
	display:table;
	}
	
	.img_series{
	display: table-row;	
	}
	
	.img_series > div{
	display: table-cell;
	padding-top:10px;	
	padding-bottom:10px;	
	}
	
	.img_pictures{
	display: table-row;	
	}
	
	.img_pictures > div{
	display: table-cell;
	style="padding-bottom:30px;	
	}
  
  /* Images Page */
  
  .css-arrow-left {
		border-color:transparent var(--darker) transparent transparent;
		border-style:solid;
		border-width:10px 20px 10px 0;
		float:left;
		height:0;
		margin:0 10px;
		width:0;
	}
	
	.css-arrow-right {
		border-color: transparent transparent transparent var(--darker);
		border-style:solid;
		border-width:10px 0 10px 20px;
		float:left;
		height:0;
		margin:0 10px;
		width:0;
	}
	
	.metadatas {
		font-size:12px;
		color:var(--dark);
		text-align:center;
		width:650px;
		float:left;
		position:relative;
		padding-bottom:20px;
	}
	
	.metadatas2 {
		font-size:12px;
		color:var(--dark);
		float:left;
		position:relative;
		margin-right:30px;
	}
	
	
   #spacerleft
  {
	float:left;
	/*width:37px;*/
  }
   #leftarrow
  {
	float:left;
	position:relative;
	/*width: 37px;
	height: 560px;
	padding-top: 205px;*/
  }
   #display
  {
	display:block;
  	margin-left:auto;
  	margin-right: auto;
	/*width: 526px;
	float: left;
	position: relative; 
	display: table-cell; 
	vertical-align: middle; 
	padding-top: 20px;*/
  }
  #spacerright
  {
	float:right;
	position:relative;
	/*width: 25px;*/
  }
   #rightarrow
  {
	float:left;
	position:relative;
	/*width: 37px; 
	height: 560px; 
	padding-top: 205px;*/
  }
  
  #spacerleft2
  {
	float:left;
	width:37px;
  }
   #leftarrow2
  {
	float:left;
	position:relative;
	width: 37px;
	height: 560px;
  }
   #display2
  {
	display:block;
  	margin-left:auto;
  	margin-right: auto;
  }
  #picture2
  {  
	width: 526px;
	float: left;
	height: 560px;
	position: relative; 
	display: table-cell; 
	vertical-align: middle; 
	padding-top: 20px;
  }
   #rightarrow2
  {
	float:left;
	position:relative;
	width: 37px; 
	height: 560px;
  }
  #spacerright2
  {
	float:right;
	position:relative;
	width: 25px;
  }
  
  
   #imgPageBlock
  {
	padding-left:40px;
	padding-right:40px;
	padding-bottom:40px;
	padding-top:20px;
  }
  
   .imgPageArtwork
  {
	padding-left:20px;
	padding-right:10px;
	padding-bottom:20px;
	padding-top:10px;
	border-color:var(--darker);
	border-width:1px;
  }
  
   .imgPageSlide
  {
	width:100%;
	float:none;
  }
  
  
   .imgPageSubSlide
  {
	width:100%;
	float:left;
	padding-bottom:10px;
  }
  
  
   .imgPagePicture
  {
	width: 82px;
	height: 82px;
	float: left;
  }
  
  
   .imgPagePicImg
  {
	border-style:none;
	outline:none;
  }
  
  
   .slideshowlist
  {
	  height:400px;
	margin-left:10px;
   width:150px;
   float:left;
  }
  
     .projectlist
  {
	
	margin-left:10px;
   width:150px;
   float:left;

  }
  
  
  .projectlist ul {
	  width:130px;
  }
    .projectlist li  {
	 
	font-size:11px;
    width: 130px;
	list-style:none;
	border-bottom: 1px var(--bright-less) dotted;
	
  }
  
   .slideshowlist li  {
	 
	font-size:11px;
    width: 200px;
	list-style-image:url(bullet.gif)
	
	
  }


/* SLIDESHOW */


	
		
		#gallerybox {
			background-color:var(--bright);
			clear:both;
			padding-left:25px;
		}
		
		 #gallery_bottomcap {
			
			width:900px;
			height:40px;
		}		
		
		#gallery_topcap {
		height:25px;
			background:url("images/gallery_topcap.png") no-repeat;
		}
		
				#gallery_framecontent {
	
			background:url("images/gallery_middle.png") repeat-y;		
			padding: 0px 20px 20px 24px;
			width:900px;
			height:368px;
		}
		
		#gallery_framecontent .each-gallery {
			height:330px;
			width:853px; 
			background-color:var(--bright);
			padding-top:10px;
		}
		
		#gallery_bottomcap {
	
			background:url("images/gallery_bottomcap.png") no-repeat;
		}
		
		.slideshowlist li {
			border-bottom: 1px var(--bright-less) dotted;
		}
			
		
		#gallery {
			z-index:999;
			clear:both;
			width:863px;
			height:390px;
			background-color:var(--bright);
		}
		
		#gallery img a {border:none;}
		
		#gallerylinks {
			float:left;
			width:200px;
			padding-top:25px;
		}
		
		.artwork_subhead {
			margin-top:0px;
			margin-bottom:10px;
		}
							
		
		#artwork_details {
			margin-top:10px;
			width:100%;
		}
	
		#artwork_details .details {
			width:100%;
			border-top:1px var(--bright-less) solid;
			margin-bottom:10px;
			margin-top:30px;
		}
		
		#artwork_details li {
			list-style:square;
			margin:0px;
			padding:0px;
			
		}
		
			#artwork_details ul {
			margin-top:0px;
			margin-bottom:0px;
			padding-left:20px;
		}



a.nextPage, a.prevPage {
	display:block;
	width:18px;
	height:18px;
	background:url(/img/playlist/arrow/left.png) no-repeat;
	margin:30px 10px;
	cursor:pointer;
	float:left;
}

a.nextPage:hover, a.prevPage:hover {
	background-position:0px -18px;		
}

a.nextPage {
	background-image:url(/img/playlist/arrow/right.png);	
}

a.nextPage.disabled, a.prevPage.disabled {
	visibility:hidden;		
}


#savebox {
	background:var(--bright);
	padding-bottom:0px;
	border-bottom:1px solid var(--bright-less);
	width:100%;
	font-size:11px;
	height:17px;
}


#movielinks {margin-left:10px; margin-right:10px;}
.movieoptions {margin-left:10px; margin-right:10px; font-size:12px; font-weight:bold; text-align:center;}
.movieoptions.a { color:var(--darker); }
#slideshow_container {
	background-color:var(--bright);
	border-bottom:1px var(--bright-less) solid;
	clear:both;
}

/*   TABS     */

.tabs li {
	display:inline;
	padding-right:20px;
			}
			
		
			
			ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {	
	cursor:default /*!important*/; 
	color:var(--dark); /* !important*/;
}

.panes li {list-style:disc;
		margin-bottom:10px;
		margin-left:25px;
		}
		
			
.panes h2 {font-weight:bold;padding-top:0px;}

.panes h3 {margin-top:25px;}

.panes a {padding-top:10px;
text-decoration:underline;}

div.horiz_rule {border-bottom:1px var(--bright-less) solid; margin-top:20px;margin-bottom:20px;}
	
	
/* Images Page */	
	
div.img_block {width:100%;
	background-color:var(--bright);
	clear:both; 
	float:left;
	margin-top:25px;
	margin-bottom:25px;
}

div.img_descbox {
	width:100%;
}


div.img_descbox .title {
	font-size:15px;
	font-weight:bold;
	padding-bottom:5px;
}

div.img_descbox .series {
	margin-bottom:10px;
	font-style:italic;
}


/* Project Page */	
	
div.panes {
	padding-top:20px;	
}
	
div.proj_block {width:95%;
	background-color:var(--bright);
	clear:both; 
	float:left;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:2.5%;
	padding-right:2.5%;
	
}

div.proj_block img {
   	padding:2%;
	background-color:var(--bright);
	vertical-align:middle;
}

.proj_block .title {
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
}

.proj_block .exbShowName {
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
}
.proj_block .series {
	margin-bottom:10px;
	font-style:italic;
}
.proj_block .exbSubtitle {
	margin-bottom:10px;
	font-style:italic;
}

div.proj_imagebox {
	width:300px; float:left;
}

div.proj_descbox {
	width:calc(100% - 300px); float:left;
}

/*Texts */

div.catalogue_box {width:100%;margin-bottom:40px;}
div.catalogue_left {float:right; padding-left:40px;}
div.catalogue_left img {border:1px var(--darker) solid;}
div.catalogue_desc {float:left;width:calc(100% - 400px);}

/*Footer*/


#footer {
	
		clear:both;
		padding:10px 10%;
		background-color:var(--bright-less);
		margin-top:50px;
		font-size:12px;
		color:var(--dark);
		text-align:center;
	}
	#footer p {
		margin:0;
    }
	* html #footer {
		height:1px;
	}

/*Footer popup*/


#footerpopup {
	
		clear:both;
		padding:10px 10px;
		background-color:var(--bright-less);
		margin-top:50px;
		border-top: 1px var(--bright) solid;
		font-size:12px;
		color:var(--dark);
		text-align:center;
	}
	#footerpopup p {
		margin:0;
    }
	* html #footer {
		height:1px;
	}
	
#keywords  {padding-top:15px;padding-left:18px;padding-right:30px;}

#sortby li{padding-right:10px;padding-left:10px;margin-bottom:20px;line-height:23px; border-right:1px var(--darker) solid;}

hr {color:red;}