@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}





img {border: 0;
	max-width: 100%;
    max-height: 100%;}

a {text-decoration:none;}


body {
	font-family:'Raleway', Arial, sans-serif;
	font-size: 10px;
	color:#858484;  margin:auto 0em;}

/*divs ______________________*/

#main {margin:auto 0em;  width:100%; }
#banner {width:100%; background-color:white; margin:4em 0 2.5em 0; text-align: center;}
#banner h1 { font-size: 2.5em; font-weight:400;}

#nav {width:100%;
  border-top: dotted 2px #e7e7e7 ;
  border-bottom: dotted 2px #e7e7e7;
  text-align: center;}
#nav li {list-style-type:none; display:inline; margin:0em; padding:1.2em; font-size:1.4em; line-height:200%; color:#b036fd;}
#nav a {color:#909090; }
#nav a:hover {color:#7736fd;}


#poster-layout {display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
align-items: center;
  margin: 50px 10px;
}

.poster1 {width: 220px; height: auto; margin: 35px;}
.poster3 {width: 240px; height: auto; margin: 35px;}
.poster2 {width: 320px; height: auto; margin: 0 35px;}
.each-print { }


.poster-large {display: flex;
flex-wrap: nowrap;
justify-content: center;
	align-items: center;
margin: 20px 120px;

}


.right-arrow .left-arrow {display: flex;
justify-content: center;
align-items: center;
padding: 0 40px;}



.print-large {display: flex;
flex-wrap: nowrap;
justify-content: center;
margin: 0px;
}

.title {}

 .pic-title {
   font-size:18px;
text-align: center;}
.pic-details {font-family: Arial, sans-serif;
  font-size:14px;   line-height: 200%;
text-align: center;}



#display .display .painting-title {
  display: flex;
justify-content: center; margin: 0;
}

.pic-with-arrows {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: center;
  margin:auto 0em;
}

.pic1 {width:300px; height:auto; }
.print1 {width: 150px; height: auto; padding: 20px;}
.print600px {width: 600px; height: auto; padding: 20px;}
.print570px {width: 570px; height: auto; padding: 20px;}




.reverse {transform: scaleX(-1);}



h1 {font-size: 200%;}
h2 {font-size: 3em;}










#go2gallery {text-align: center; margin-bottom:1em; font-size:1.2em; }
#go2gallery a {color:#01a2fc; }
#go2gallery a:hover {color:#31b18b;}



#pic-table {text-align: center; width:100%; border-collapse: collapse;
    border-spacing: 0; background-color: white;}


#po-table { background-color: white; width:80%; margin:0 10%;}
.po {float: left; width:auto; height:auto; border-left:0.35em solid white; border-right:0.35em solid white;}

td { text-align:center; vertical-align:middle;}



#secondlevel {width:80%; margin:0 10%; background-color: white; text-align: center; }





.mySlides {text-align: center; }




#gallerypic {margin-top: 1em; padding: 0em; text-align: center; min-height: 61em; }
#gallerypic img {max-width: 100%; width:auto; height:auto; }

#gallerynav {margin: 0em; padding: 0em; text-align: center; }
#gallerynav ul {margin: 2em; padding: 0em; text-align: center; }
#gallerynav li {display: inline; margin-right: 1em; padding: 0em; }
#gallerynav a:hover {color: transparent;}

#cv {width:80%;  font-size:130%; margin:2em 10%;}
#cv td {text-align:left; width:45%; padding-right:3em; vertical-align:top;}
#cv p {margin-bottom:1em;}
#cv li {display:list-item; margin-right: 1em;}


.caption {font-size:1.2em; line-height:140%; margin:1em 0;}
.caption2 {margin-top: 2em; }

#nav ul.orange {color:#fe7d17;}

<!--- dark page ---!>

#darkwidth { width:34em; margin:auto 0em;}
.darkbody {font-family: 'Raleway', arial, sans-serif; font-size:1.35em;
color:#333333; line-height: 1.8em;}
.darkimg {border:solid 1px #000000; max-width: 100%; margin-bottom: 2em; margin-top: 2em;}
.orange {color:#fe7d17;}
.center {text-align:center;}