@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,200;0,400;0,600;1,200;1,400;1,600&family=Crimson+Pro:ital,wght@0,400;0,600;1,400;1,600&display=swap');


body { 
	text-align: left;
	color: #000000;
	font-family: 'Crimson Pro', serif;
	font-size: 16px;
	font-weight:400;
	font-style:normal;
	background-color:#ffffff;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	background-position: top left fixed;
	background-repeat: no-repeat;	
	background-size: 100%; 
	background-attachment: fixed;
}
#header {
	position: fixed;
	z-index:1;
	}
h1 { 
	font-family: 'Barlow Condensed', sans-serif;
	color: #ffffff;
	font-size: 4vmax;
	font-weight:600;
	background-color:#72babf;
	text-align: left;
	margin: 10px 10px 0px 10px; 
	padding: 0 8px 3px 8px;
	float: left;
	opacity: 0.8;
	display:block;
}
h1 a { 
	text-decoration: none;
	color: inherit;
}
h1:hover { 
	opacity: 1;
	cursor:pointer;
}
h1 span {
	opacity: 0.6;
	font-weight:200;

}
h2 { 
	font-family: 'Barlow Condensed', sans-serif;
	color: #72babf;
	font-size: 34px;
	line-height: 90%;
	font-weight:600;
	text-align: left;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
}
.h2 { 
	display:block;
	width:60%;
	float: left;
}
h2 span { 
	font-weight:200;
}
#menu {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 16px;
	font-weight:600;
	background-color:#72babf;
	text-align: left;
	margin: 10px 10px 10px 10px; 
	padding: 5px 12px 8px 12px;
	float: left;
	opacity: 0.8;
}
#menu2 {
	display: none;
	float: left;
}
#menu2 a {
	text-decoration: none;
}
#menu:hover, #menu2:hover {
	opacity: 1;
}
#menu a {
	color: #ffffff;
	text-decoration: none;
}
#menu a:hover {
	color: #000000;
}
#main {
	margin: 0 auto 10px auto; 
	padding: 140px 50px 3px 50px;
	clear: both;
	max-width: 1000px;
	z-index:0;
}
.item {
	margin: 0 0 40px 0;
	padding: 0 0 0 0;
	clear: both;
	position:relative;
	overflow:hidden;
}
.lcol, .rcol {
	margin: 0 0 0 0; 
	width:48%;
	float: left;
}
.lcol {
	padding: 0 1% 0 0;
}
.rcol {
	padding: 0 0 0 1%;
}


.lw, .cw, .rw {
	margin: 0 0 0 0; 
	width:32%;
	float: left;
}
.lw {
	padding: 0 1% 0 0;
}
.cw {
	padding: 0 1% 0 1%;
}
.rw {
	padding: 0 0 0 1%;
}



.lcol img {
	width:40%;
	float: left;
	margin: 0 10px 0 0; 
}
.links {
	margin: 0 0 0 0; 
	padding: 10px 0 0 0;
	clear:both;
}
.linky {
	line-height:1em;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color: #72babf;
	font-size:20px;
	margin: 0 0 0 0; 
	padding: 0 0 10px 0;
	text-align:left;
}
.linky a {
	text-decoration: none;
	color: #72babf;
}
.linky a:hover {
	color: #000000;
}
.blurbs {
	margin: 0 0 0 10px; 
	padding: 0 0 0 8px;
	clear: both;
}
.blurbs div {
	margin: 0 0 10px 0;
}
.blurbs div:first-child {
	font-size:150%;
	font-weight:600;
}
.blurbs div p {
	margin: 0 0 0 0; 
}
.reviews {
	line-height:1em;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color: #72babf;
	font-size:14px;
	text-align:left;
	margin: 0 0 0 18px;
	padding: 0 0 0 0;
}
.reviews a {
	text-decoration: none;
	font-weight:400;
	color: #72babf;
}
.reviews a:hover {
	color: #000000;
}
em {
	display: block;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	font-size: 16px;
	font-style: normal;
	text-align: right;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
}
.bookmark {
	position:absolute;
	top:-150px;
}
.intro {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	clear: both;
	position:relative;
	overflow:hidden;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:400;
	font-size:20px;
	font-style: italic;
}
.author {
	line-height:1em;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:600;
	color: #72babf;
	font-size:18px;
	margin: 0 0 0 0; 
	padding: 10px 0 0 0;
	text-align:left;
}
cite {
	font-family: 'Barlow Condensed', sans-serif;
	font-style:normal;
}
.writing p { 
	text-indent: -36px; 
	padding-left: 36px; 
}
.about { 
	width:33%;
}
.writing p a, .about div p a { 
	color: #000000;
	background-color:#f1f8f8;
}
.projectitem .lcol img {
	width:100%;
	}
.about div h2 span { 
	background-color:#72babf;
	font-weight:600;
	color: #ffffff;
}



/*
.projectitem  {
	background-position: top left fixed;
	background-repeat: no-repeat;	
	background-size: 50%; 
	background-attachment: absoltue;
	padding-top: 100px;
	}

.projectitem div {
	font-size: 18px;
	margin: 0px 5px 10px 40%;
	font-family: 'Barlow Condensed', sans-serif;
    background: rgba(255, 255, 255, 0.65);
	padding-top: 10px; 
	width:58%;
	}

.projectitem div:hover {
    background: rgba(255, 255, 255, 0.8);
	}

.projectitem div p {
	padding: 0 0 0 0; 
	margin: 0 0 10px 0; 
	text-align: justify;
	text-justify: inter-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
  }

.projectitem h2 { 
	color: #000000;
	padding: 0 0 8px 0;
	width:100%;
	clear:both;
	font-size: 24px;
}
*/
#homelink {
	position: absolute;
	margin: 0 10px 10px 10px; 
	padding: 0 65% 3px 8px;
	min-height: 100%;
	}

#artbar {
	opacity:0;
	-webkit-transition: opacity 2s ease-in-out;
	-moz-transition: opacity 2s ease-in-out;
	-o-transition: opacity 2s ease-in-out;
	transition: opacity 2s ease-in-out;
}