/*************************/

/* Font */
@font-face {
	font-family: 'kingsregular';
	src:url('http://library.mjolnirpants.com/css/fonts/kings-regular-webfont.woff2') format('woff2'),
		 url('http://library.mjolnirpants.com/css/fonts/kings-regular-webfont.woff') format('woff');
	font-weight:normal;
	font-style:normal;

}
/*************************/

/* Specific IDs */
#head {
	background-image: url(images/headscroll.png);
	width:100%;
	height:284px;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	margin:auto;
	font-family: 'Garamond', Didot, serif;
}

#menubar {
	width:680px;
	height:40px;
	margin:auto;
	padding:0px;
	position:relative;
	top:60px;
	overflow:none;
}

#cat-menu-btn {
	left:0px;
	/*width:180px;*/
}

#catmenu {
	position: absolute;
	/*height:400px;
	width:300px;*/
	/*background-color:#0000FF; */
	background-color:#a38b7e;
	top:40px;
	z-index:9999;
	opacity:0;
	visibility:hidden;
	-webkit-transition: all 0.6s ease-in-out 0.15s;
	-moz-transition: all 0.6s ease-in-out 0.15s;
	-o-transition: all 0.6s ease-in-out 0.15s;
	-ms-transition: all 0.6s ease-in-out 0.15s;
	transition: all 0.6s ease-in-out 0.15s;
	font-family: 'Garamond', Didot, serif;
	font-size: 16pt;
	cursor: pointer;
	text-align:left;
	text-shadow: none;
	margin-top:3px;
	margin-left:1px;
	margin-bottom:3px;
	margin-right:6px;
}

#cat-menu-btn:hover > #catmenu {
	opacity:1;
	visibility:visible;
}

#random-menu-btn {
	left:220px;
	/*width:220px;*/
}

#search-menu-btn {
	left:460px;
	/*width:180px;*/
}

#searchmenu {
    position: absolute;
    height:60px;
    width:680px;
	background-color:#a38b7e;
	top:48px;
	left:0px;
	z-index:9999;
	opacity:0;
	visibility:hidden;
	-webkit-transition: all 0.6s ease-in-out 0.15s;
	-moz-transition: all 0.6s ease-in-out 0.15s;
	-o-transition: all 0.6s ease-in-out 0.15s;
	-ms-transition: all 0.6s ease-in-out 0.15s;
	transition: all 0.6s ease-in-out 0.15s;
	font-family: 'Garamond', Didot, serif;
	font-size: 16pt;
	cursor: pointer;
	text-align:left;
	text-shadow: none;
	margin-top:3px;
	margin-left:1px;
	margin-bottom:3px;
	margin-right:6px;
}

#searchbox {
    font-family: 'Garamond', Didot, serif;
	font-size: 16pt;
	position: relative;
	top:12px;
	left:4px;
	width:606px;
}
#search-go {
    position: relative;
	top:12px;
	left:4px;
}

#search-menu-btn:hover > #searchmenu {
	opacity:1;
	visibility:visible;
}

#headtext {
	width:100%;
	font-family: 'Garamond', Didot, serif;
	font-size: 60pt;
	color: #1f0f04;
	margin: auto;
	position:relative;
	top: 50px;
	text-shadow: 12px 12px 24px white, -12px 12px 24px white, 12px -12px 24px white, -12px -12px 24px white;
	text-align:center;
}

#main-pane {
	border:2px solid white;
	border-radius:6px;
	display:block;
	position:absolute;
	width:40%;
	top:284px;
	left:30%;
	padding: 8px;
}

#backingfill {
	position: absolute;
	width: calc(100% + 1px);
	height: calc(100% + 1px);
	top: -1px;
	left: -1px;
	border: 0px;
	border-radius: 6px;
	background-color: white;
	opacity: 0.25;
	z-index: -1;
}
/*************************/

/* Classes */
.menu-divider {
	width:40px;
	/*position:absolute;*/
	display:inline-block;
	margin:0px;
	top:0px;
	font-family: 'Garamond', Didot, serif;
	font-size: 30pt;
	text-shadow: 6px 6px 12px white, -6px 6px 12px white, 6px -6px 12px white, -6px -6px 12px white;
}

.menu-btn {
	height:40px;
	margin:0px;
	/*position:absolute;*/
	display:inline-block;
	top:0px;
	font-family: 'Garamond', Didot, serif;
	font-size: 30pt;
	text-shadow: 6px 6px 12px white, -6px 6px 12px white, 6px -6px 12px white, -6px -6px 12px white;
	cursor:pointer;
}

.cat-menu-item {
	width: 100%;
	min-height: 12px;
	border: none;
	padding:3px;
	
}

.cat-menu-item:hover {
    background-color:#c3ab9e;
    border:2px solid #836b5e;
    border-radius:3px;
}

.cat-listing:hover {
    background-color:#c3ab9e;
}

.lore-listing:hover {
    background-color:#c3ab9e;
}

.menulink {
	text-decoration: none;
	color: #1f0f04;
	position: relative;
	top:0px;
	left:0px;
}
/*************************/

/* Elements */

p {
	text-indent: 16px;
	text-align: justify;
	text-justify: inter-word;
	margin:2px;
}

body {
	background-image: url(images/bg.jpg);
	background-repeat; repeat;
	background-position: center;
	background-size: cover;
	background-color:#a38b7e;
	color:black;
}

a {
    color: inherit;
    text-decoration:inherit;
}
}
/*************************/