/* default & overrides */
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Enriqueta&display=swap');

@font-face {
	font-family: shorelines;
	src: url('shorelines.otf');
}

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans';
	font-size: 11px;
	color: #1e1e1e;
	text-align:justify;
}

body {
	background: url(background.png) repeat;
}

b, strong {
	color:#0000a7;
}

i {
	color:#c21487;
}

u {
	color:#411887;
	text-decoration: none;
	border-bottom:#411887 1px solid;
}
/* wrappers */

#wrapper {
	margin: 0 auto;
	width: 900px;
	padding: 10px 0;
}


/* header & footer */

header {
	margin: 0;
	padding: 0;
	background: url(banner.png) no-repeat;
	width: 900px;
	height: 200px;
}

footer {
	margin: 10px 0 0;
	padding: 10px;
}

header, #main, .sblock, footer {
	background-color: #EEE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

nav li {
	background-color: #000092;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

nav {
	margin: 10px 0 0;
	padding: 0;
	font-size: 0;
}

	nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	nav li {
		margin: 0 5px;
		padding: 10px 0;
		display: inline-block;;
		width: 102px;
		font-size: 12px;
		text-align: center;
		text-transform: uppercase;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	nav li:hover {
		background-color: #c3dbf4;
	}

	nav a {
		border: none;
		color: #c3dbf4;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	nav li:hover a {
		color: #000092;
		background-color:none;
	}

	blockquote {
	color: #000031;
	padding: 7px;
	background: #fdfdfd;
	border: 1px solid #e3e3e3;
	}

	a {
		border-bottom: #c80b80 1px dotted;
		font-weight: bold;
		text-decoration: none;
		color: #378722;
	}

	a:hover {
		text-decoration: none;
		font-weight: bold;
		color:#378722;
		border-bottom: 2px solid #c80b80;
	}

/* content */

#content {
	margin: 0;
	padding: 0;
}

#sidebar {
	margin: -10px 0 0;
	padding: 0;
	width: 200px;
	float: left;
}

.sblock {
	margin: 10px 0 0;
	padding: 10px;
	min-height: 100px;
}

#main {
	margin: 10px 0 0 210px;
	padding: 20px;
}


/* misc */

.clear {
	clear: left;
}

/* headers */

h1 {
margin: 0 auto;
font-family: shorelines;
font-size: 30px;
text-transform: lowercase;
text-align: right;
letter-spacing: 1px;
color: #000061;
}

a.comment {
	color: #bf124f;
	text-decoration: none;
	border-bottom: 1px dotted #bf124f;
}

a.comment:hover {
	color:#bf124f;
	text-decoration: none;
	border-bottom: 1px solid #bf124f;
	background-color: #eee;
}

h2 {
	font-family: "Enriqueta";
	font-size: 20px;
	color: #000092;
	letter-spacing: 2px;
	text-align: left;
	padding-left:20px;
	margin-bottom: -8px;
}

/* sidebar */

h3 {
	font-family:'Satisfy';
	font-size:14px;
	font-style:italic;
	color:#888;
	border-bottom:1px dotted #888;
	margin-bottom:5px;
	letter-spacing:1px;
	font-weight:normal;
}

a.side:link, a.side:active, a.side:visited {
	display:inline-block;
	border-bottom:0;
	font-weight:normal;
	background:#EEE;
	color: #666;
	width: 95%;
	margin-top:1px;
	text-transform:uppercase;
	letter-spacing:1px;
	cursor:pointer;
	padding:3px;
	-webkit-transition-duration: .50s;
}
a.side:hover {
	background:#c3dbf4;
	color:#333;
	-webkit-transition-duration: .50s;
}

/* paragraph styles */

.subtitle {
	font-family:'Satisfy', sans-serif;
	font-size: 16px;
	color: #bf124f;
	letter-spacing: -1px;
	text-align: right;
	margin-top:-24px;
}

.endnote {
font-size: 9px;
text-align: center;
}