@charset "utf-8";
/*The global CSS for the Zeke Studios site*/
@font-face { font-family: Craft; src: url('Craft.otf')}
@font-face { font-family: Craft; font-weight: bold; src: url('Craft-Bold.otf')}
/*Credit to Idrees on Github for the not-copyrighted Minecraft-like font.*/

@media screen and (max-width: 1080px) {
	.homebutton {z-index:-1;}
}

body {
	background-color: #064703;
	font-family: Craft;
	text-align:center;
	background-image:url(../images/zekebackground.png);
}
img{
	box-shadow:0px 0px 5px rgba(0,0,0,0.5);
}
#banner {
	background-color: #0f8522;
	padding-bottom:1px;
	padding-top:10px;
	background-image:url(../images/zekegreen.png);
	box-shadow:-14px 7px 7px 0px inset rgba(0,0,0,0.2);
}
#banner h2 {
	font-weight:normal;
}
.logo img{
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}
#navgroup{
	position:sticky;
	top:0;
	z-index:1;
}
#navigation{
	background-color:#0f8522;
	background-image:url(../images/zekegreen.png);
	padding-top:0px;
	padding-bottom:3px;
	text-align:center;
	margin-top:0px;
	/*overflow:hidden;*/
}
#navigation .navbutton{
	display:inline-block;
	margin: 8px 6px;
	margin-top:6px;
	transition: all 0.1s;
}
#navigation .navbuttondd{
	display:inline-block;
	margin:0px 6px;
	margin-top:5px;
	z-index: 2;
	position:absolute;
}
.homebutton{
	background-image:url(../images/homebutton.png);
	display:inline-block;
	/*float:left;*/
	height:29px;
	width:90px;
	font-size:14pt;
	padding-top:6px;
	margin-top:4px;
	margin-bottom:1px;
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
	margin-left:6px;
	margin-right:6px;
	position:absolute;
	left:120px;
}
.homebutton:link{
	color:#780c0c;
	text-decoration:none;
	padding-right:5px;
	padding-left:5px;

}
.homebutton:visited{
	color:#780c0c;
	text-decoration:none;
	padding-right:5px;
	padding-left:5px;

}
.homebutton:hover{
	color:#b41f27;
	text-decoration:none;
    box-shadow:0px 0px 3px rgba(0,0,0,0.4);

}
.homebutton:active{
	color:#bed1d1;
	text-decoration:none;
	background-image:url(../images/homebuttonpress.png);
}
.navbutton:link{
	color:black;
	text-decoration:none;
	border-bottom:3px solid black;
	padding-right:5px;
	padding-left:5px;
	padding-top:3px;
}
.navbutton:visited{
	color:black;
	text-decoration:none;
	border-bottom:3px solid black;
	padding-right:5px;
	padding-left:5px;
}
.navbutton:hover{
	color:#b41f27;
	text-decoration:none;
	border-bottom:3px solid #096304;

}
.navbutton:active{
	color:#b41f27;
	text-decoration:none;
	border-bottom:3px solid #b41f27;

}
.navbuttondd{
	color:#2275b3;
	text-decoration:none;
	border:3px solid #096304;
	padding-right:5px;
	padding-left:5px;
	background-image:url(../images/zekebackground.png);
	padding:2px 14px;
	height:21px;
	transition: height 0.2s,width 0.2s,margin 0.2s;
	-webkit-transition: height 0.2s,width 0.2s,margin 0.2s,box-shadow 0.1s;
	z-index:2;
}
.navbuttondd:hover{
	color:#b41f27;
	text-decoration:none;
	border:3px solid #096304;
	height:118px;
	padding:2px 14px;
	z-index:2;
	background-image:url(../images/zekebackground.png);
	box-shadow:0px 0px 6px rgba(0,0,0,0.5);
}
.navlist{
	height:0px;
	width:0px;
	margin:0px;
	z-index:-1;
	position:relative;
	top:-20px;
	float:left;
	clear:both;
	text-indent:-9999px;
	transition: height 0.2s, top 0.2s;
	-webkit-transition: height 0.2s, top 0.2s;
}

.navbuttondd:hover a{
	color:#2275b3;
	text-indent:0;
	height:13pt;
	margin:6px;
	margin-left:-5px;
	z-index:2;
	top:0;
	text-decoration:none;
}
.navbuttondd:hover a:hover{
	color:#b41f27;
}
.smolspacer{
	height:0px;
	border-bottom:0px solid #096304;
	width:0%;
	margin-left:50%;
	margin-top:2px;
	transition: width 0.25s, margin 0.25s;
	-webkit-transition: width 0.25s, margin 0.25s;
}
.navbuttondd:hover .smolspacer{
	height:0px;
	border-bottom:3px solid #096304;
	width:125%;
	margin-left:-12%;
	margin-top:2px;
}
.spacer{
	height:7px;
	background-color: #064703;
	clear:both;
	background-image:url(../images/zekebackground.png);
}

.clear{
	height:1px;
	clear:both;
}

#footer{
	background-color:#0f8522;
	padding:15px;
	font-size:14pt;
	clear:both;
	background-image:url(../images/zekegreen.png);
	box-shadow:0px 0px 8px rgba(0,0,0,0.7);
}
.footlink{
	border-bottom:3px solid black;
	padding-bottom:1px;
	text-decoration:none;
	font-size:13pt;
	color:black;
	transition: all 0.1s;
}
.footlink:hover{
	border-bottom:3px solid black;
	padding-bottom:1px;
	text-decoration:none;
	font-size:13pt;
	color:white;
}
.otherbutton{
	transition:all 0.1s;
	-webkit-transition:all 0.1s;
}
.otherbutton:hover{
	box-shadow:0px 0px 4px rgba(0,0,0,0.5);
}