@charset "UTF-8";
.overall {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	width: 650px;
	}
.overall_index {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	width: 750px;	
}
.heading {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 37px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
	line-height: normal;
	margin-top: 25px;
}

.h2 {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
font-size:10px;

}

div, p {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}

p#statement_text, p#cv_text {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
font-size:15px;
}

p#date {
font-size:19px;
font-weight:bold;
margin-bottom: 9px;
margin-top: 9px;

}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #303030;
}
a:focus {
	background-color: #FFFFFF;
}
a:active {
	color: #000000;
} 

div#navigation {
position: absolute;
width: 220px;
top: 124px;
}	
/*
div#grid {
position: relative;
left: 220px;
top: 40px;
height: 500px;
width: 500px;
}
*/


div#grid{
  margin: 70px 0 0 220px;
  width: 80%;
}
div#grid_exhibit{
  margin: 70px 0 0 220px;
  width: 80%;
}

#grid_exhibit a{
 display: inline-block;
  float: left;
  height: 245px;
  margin: 1px;
  width: 400px;	
	
}	
#grid a{
  display: inline-block;
  float: left;
  height: 134px;
  margin: 1px;
  width: 200px;
}

div#index{
margin: 70px 0 0 230px;
}

div#grid_objects {
margin: 70px 0 0 220px;
width: 80%;
}

#grid_objects img{
display: inline-block;
  float: left;
   height: 200px;
  margin: 1px;
  width: 300px;
}

div#audio controls{
  margin-top: 50px;
}
	
div#grid_plasticbags {
margin: 0px 0 0 0px;
width: 80%;
}

#grid_plasticbags img{
display: inline-block;
  float: left;
   height: 300px;
  margin: 1px;
  width: 300px;
}

div#grid_drawings{
margin: 70px 0 0 0px;
width: 80%;
}

div#grid_cardboardcollages{
margin: 70px 0 0 220px;
width: 80%;
}

#grid_pinkseries_h img{
display: inline-block;
  float: left;
   height: 225px;
  margin: 1px;
  width: 300px;
}

#grid_pinkseries_v img{
display: inline-block;
  float: left;
   height: 400px;
  margin: 1px;
  width: 300px;
}

div#grid_pinkseries_h{
margin: 70px 0 0 220px;
width: 80%;
}

div#grid_pinkseries_v{
margin: 70px 0 0 220px;
width: 80%;
}


#grid_drawings img{
display: inline-block;
float: left;
height: 450px;
margin: 7px;
width: 140px;

}

#grid_cardboardcollages img{
display: inline-block;
  float: left;
   height: 354px;
  margin: 3px;
  width: 250px;
}


div#grid_gloves {
margin: 70px 0 0 220px;
width: 80%;
}

#grid_gloves img{
display: inline-block;
  float: left;
   height: 300px;
  margin: 1px;
  width: 200px;
}

div#sewing_plasticbags{
position: relative;
top: 0px;
right: 0px;
}

div#images_content, div#gloves_pict {
position:relative;
right: -220px;
top: 25px;
}


div#audio  {
position:relative;
right: -220px;
top: -80px;
width:700px;
}


div#statement {
position:relative;
width: 580px;
right: -230px;
top: 35px;
}
div#cv {
position:relative;
width: 700px;
right: -230px;
top: 35px;
}

div#mc_embed_signup{
position:relative;
left:-5px;
}

div#efalogo {
position:relative;
left: 100px;
top: -30px;
}
	
div#portrait_fanny {
position:relative;
left: 525px;
top: -180px;
}

div#contact {
position:relative;
width: 300px;
right: -230px;
top: 35px;
}

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 800px;
  position: relative;
  right: -220px;
  top: 25px;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -40px;
  padding: 16px;
  color: white;
  font-weight: normal;
  font-size: 30px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 0px 0 0 3px;
}

/* Caption text */
.text {
  color: #000000;
  font-size: 14px;
  position:relative;
 right: 0px;
  top: 10px;
  bottom: 8px;
  width: 100%;
  text-align: left;
}


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}