@import 'ols.css';

body {
	margin: 0;
	padding: 0;
	background: #FCFAED;
	font-family: sans-serif;
}

.header {
	background: #FCFAED;
	padding-bottom: 39px;
}

.titleBox {
	transform: rotate(-2.6deg);
	background: #FCFAED;
	position: relative;
	left: -4px;
	-webkit-mask-image: url(texture2.png);
	-webkit-mask-position: right;
}

.thickRed {
	background: #CD0407;
	height: 15px;
}

.thinRed {
	background: #CD0407;
	height: 5px;
	margin: 5px 0;
}

.siteName {
	font-size: 10vw;
	color: #c31113;
	line-height: 70%;
	padding: 10px 0;
	text-align: center;
	margin: 0;
	font-family: impact, Anton, fantasy, sans-serif;
	text-transform: uppercase;
}

.holder {
	display: flex;
	flex-flow: row wrap;
}

.navigation {
	background: #99967E;
	padding: 10px;
	border-radius: 294px 25px 316px 0/50px 275px 0 311px;
	border-top: 4px solid #332714;
	flex: 1 1 auto;
	align-self: flex-start;
}

ul.menuBar {
	list-style: none;
	display: flex;
	justify-content: space-evenly;
	padding: 0;
	margin: 0;
}

li.link {
	border-radius: 255px 52px 225px 31px/29px 185px 33px 255px;
	display: inline-block;
	border: 4px solid black;
}

.link > a {
	text-decoration: none;
	color: black;
	font-family: impact, Anton, fantasy, sans-serif;
	display:block;
	padding: 10px;
}

li.link:hover {
	border-radius: 52px 255px 31px 225px/185px 29px 255px 33px;
	display: inline-block;
	border: 4px solid black;
	background: white;
}

li.link:active {
	position:relative;
	top: 3px;
	left: 3px;
}

.mailingList {
	background-image: linear-gradient(0deg, white 48.08%, #4885e0 48.08%, #4885e0 50%, white 50%, white 98.08%, #4885e0 98.08%, #4885e0 100%);
	background-size: 52.00px 52.00px;
	width: fit-content;
	padding-left: 40px;
	-webkit-box-shadow: 0px 0px 41px -5px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.25);
	z-index: 2;
}

.stripe {
	padding: 18px;
	border-left: 1px solid red;
}

span.fn {
	display: block;
	font-family: Allura, cursive;
	font-size: 23px;
	padding-top: 1px;
}

.hole {
	margin: 0;
}

.hole::after {
	content: "";
	width: 25px;
	height: 25px;
	background: #FCFAED;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 0px 41px -5px rgba(0,0,0,0.25);
	box-shadow: inset 0px 0px 12px -3px rgba(0,0,0,0.25);
	display: block;
	position:relative;
	left: -49px;
	top: -26px;
}

p.hole::after {
	top: 0;
}
input {
	display: block;
}

.release {
	background: #f1e5ae8c;
	min-height: 400px;
	padding: 10px;
}

h2.new {
	border-top: 7px double red;
	border-bottom: 7px double red;
	font: 900 24pt sans-serif;
	text-align: center;
}

.release > img {
	height: 493px;
	margin: 10px;
}

.release > div.excerpt {
	font-size: 16pt;
	font-family: sans-serif;

}

.read {
	margin: 0 25px;
	background: white;
	padding: 10px;
}

p.excerptP {
	text-indent: 2em;
}

.read > img {
	height: 193px;
	margin: 10px;
}

.list {
	margin-bottom:100px;
}

@media only screen and (min-width: 940px) {
	.contents {
		position: relative;
		top: -209px; 
	}
	.release {
		padding-right: 25%;
		}
	.release > img {
		float: left;
	}
	.read {
		margin: 0 25%;
	}
}