/* CSS Style sheet for www.steampunkdemon.co.uk */

* {
	box-sizing: border-box;
}

A {
	color: crimson;
	text-decoration: none;
}

A IMG {
	border-style: none;
}

A:hover	{
	text-decoration: underline;
}

h1 {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 100%;
	padding: 0.5em 0em 0.3em 0em;
	margin: 0;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 100%;
	padding: 0.5em 0em 0.3em 0em;
	margin: 0;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	background: silver;
}

table {
	font-family: Helvetica, Arial, sans-serif;
}

.container {
	max-width: 1000px;
	min-width: 320px;
	margin: auto;
	background-color: whitesmoke;
	line-height: 120%;
}

.bannerheading {
	max-width: 1000px;
	min-width: 320px;
	height: 100px;
	margin: 0px;
	overflow: hidden;
}

.menubar {
	background-color: whitesmoke;
	padding: 0px 2px 2px 0px;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.menu_button {
	display: inline-block;
	color: white;
	background-color: #554400;
	padding: 0.5em 1em 0.5em 1em;
	margin: 2px 0px 0px 2px;
	font-family: Helvetica, Arial, sans-serif;
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
}

.menu_button A {
	color: whitesmoke;
}

.menu_button:hover {
	background-color: crimson;
}

.menu_button A:hover {
	text-decoration: none;
}

/* .sticky {
	position: fixed;
	top: 0;
} */

.content {
	padding: 25px;
}

.description {
	max-width: 600px;
	min-width: 270px;
}

@media not screen and (hover) {

	A:hover	{
		text-decoration: none;
	}

	.menu_button:hover {
		background-color: #554400;
	}

	.menu_button A:hover {
		text-decoration: none;
	}
}