* {
	margin: 0;
}

html{

	background: #E7EFF1;
}
#btop, #bbottom, #bleft, #bright {
	background:#000031 ;
	position: fixed;
	z-index:10000;
	}
	#bleft, #bright {
		top: 0; bottom: 0;
		width: 15px;
		}
		#bleft { left: 0; }
		#bright { right: 0; }
		
	#btop, #bbottom {
		left: 0; right: 0;
		height: 15px;
		}
		#btop { top: 0; }
		#bbottom { bottom: 0; }
a {
text-decoration:none;
}
.left{
	float:left;
}
.right{
	float:right;
}
/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

@media \0screen {
img {
width: auto; /* for ie 8 */
}
}
h1, h2, p{ 
	position:relative;
	font-family: 'Playfair Display', serif;
	font-style:italic;
	font-size:2rem;
	color:#000031;
	letter-spacing:1px;
	text-align:left;
}
p{
	padding:8% 0;
}
h1{
	display:none;
}
.wrap {
	width: 80%;
	margin:0 auto;
}
.klarika-link{
	color:#e67e22;
}
.works-link{
	color:#8e44ad;
}
.notes-link{
	
	color:#f1c40f;
}
.twitter-link{
	color:#3498db;
}
.email-link{
	color:#1abc9c;
}
.cc-link{
	color:#13caff;
}
.ss-link{
	color:#D73B3B;
}
.klarika-link:hover, .works-link:hover, .notes-link:hover, .twitter-link:hover, .email-link:hover, .cc-link:hover, .ss-link:hover{
	color:#0EA3D1;
}