.fs-sm { font-size:smaller; }
.fs-65 { font-size:.65rem; }
.ls-09 { letter-spacing:.09rem; }
.ls-07 { letter-spacing:.07rem; }
.op-75 { opacity:.75; }
.ml-01 { margin-left:.1rem; }
.card { background-color: var(--sidebar-colour); word-wrap: initial; }
a { color: var(--highlight-colour); }
.text-pr { color: var(--highlight-colour); }
.bg-pr { background-color: var(--highlight-colour); }
.mw-300 { max-width:320px; }
p { text-indent:2rem; }
.oc-quote { text-indent:0px; }
.oc-head { font-family: 'Blacksword', cursive; }
b { font-weight: bold; }
.oc-nava { color: var(--text-colour); }
.oc-nav ul { display: inline-block; }
.oc-nav li { display: inline; }
.oc-nav li:last-child:after { content: "\a0"; }
.oc-song { border-bottom: 1px solid var(--highlight-colour); }

.oc-subhead { 
  font-size: 1.5rem;
  font-family: 'Apple Garamond', serif; 
}

.oc-qucr { 
	text-align: right;
	font-style: italic;
	color: var(--highlight-colour);
}

.oc-nav li:after {
  content: "\a0 · ";
  font-weight: bold;
 }
 
.oc-sideside {
  background-color: transparent;
  font-weight: bold;
  font-family: sans-serif;
  text-align: left;
  text-indent: 5px;
 }

.oc-cont {
	background-size:cover;  
	text-align: justify;
}

.oc-body {
	background-color:var(--bg-colour); 
	color:var(--text-colour); 
	max-width:1200px; 
	border-radius:1rem; 
	font-size:15px; 
	font-family:'Crimson Text', serif; 
	line-height:1.5;
}

.oc-sidebox {
	min-width:320px; 
	position:relative; 
	z-index:1;
}

.oc-avatar {
	height:300px; 
	background-size:cover; 
	background-position:center;
}

.oc-avatarcr {
	background-image:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1)); 
	color:#fff;
}

.oc-divider { 
	height:1px; 
	margin-left:-.25rem; 
	margin-right:-.25rem;
	background-color: var(--highlight-colour);
}

.oc-pcon {
	height:35px; 
	width:35px; 
	overflow:hidden;
}

.oc-pem {
	position:absolute; 
	width:200px; 
	height:200px; 
	top:-50px; 
	left:-50px; 
	opacity:.01;
}