@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;}


index

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

#index-layout {display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
align-items: center;
	  margin: 0 10%;
}


.darkpage {display: block; 
	flex-flow: column nowrap;
justify-content: center;  width: 700px; margin:20px 0;
}

.darkpage2 {display: block; 
	flex-flow: column nowrap;
	justify-content: center;  width: 600px; margin:10px 35% 10px 35%;}

.dark-p {align-content: flex-start; font-size: 13px; line-height: 140%; margin: 20px 0;}
.width600 {width: 600px;}

#index-layout-black {display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
align-items: center; background-color: black;
	  margin:50px 20 20 20; 
}


.index-thumbs {display: block; 
flex-direction: column; flex-wrap: nowrap;
justify-content: center; align-content: center;
width: 250px; height: auto; margin: 30px;}

.index-zoom {border: solid thin #D7D6D6;}
.rockies {width: 300; height: 98%;}
.vivid {width: 600px; height: auto; }


CV
#cv {display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;}

#cv p {margin:10px 30%; font-size:14px; line-height:150%; }
#cv li { line-height:160%}
#cv ul {display:list-item; margin:0 32%; list-style-type: disc; }
.purple {color: #7736fd;}



.painting-large {display: flex;
flex-wrap: nowrap;
justify-content: center;
margin-top: 20px;
margin-bottom: 0px;
}

.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;}




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



.right-arrow .left-arrow {display: flex;
justify-content: center;}

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



h1 {font-size: 200%;}
h2 {font-size: 3em;}
h3 {font-size: 14px; line-height: 150%;}

video {margin: 40px 0 ; }
.vid-control{ margin: 0 40px;}




.pic1 {width:300px; height:auto; }
.print1 {width: 250px; height: auto; padding: 20px;}
.print600px {width: 600px; height: auto; padding: 20px;}
.print570px {width: 570px; height: auto; padding: 20px;}
.print300 {width: 300px; height: auto; padding: 20px;}
.each-print { }

.pic250 {width:220px; height:auto; border: 5px black solid; margin: 5px;}

.pic250-flipV {width:220px; height:auto; border: 5px black solid; margin: 5px;   -webkit-transform: scaleX(-1);
  transform: scaleX(-1);}






<!--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;}