@CHARSET "ISO-8859-1";

@font-face {
	font-family: denkone;
	src: url('../fonts/denkone/denkone.eot');
	src: url('../fonts/denkone/denkone.eot?#iefix') format('embedded-opentype'),
			url('../fonts/denkone/denkone.woff') format('woff'),
			url('../fonts/denkone/denkone.ttf') format('truetype'),
			url('../fonts/denkone/denkone.svg#denkone') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: lilyscriptone;
	src: url('../fonts/lilyscriptone/lilyscriptone.eot');
	src: url('../fonts/lilyscriptone/lilyscriptone.eot?#iefix') format('embedded-opentype'),
			url('../fonts/lilyscriptone/lilyscriptone.woff') format('woff'),
			url('../fonts/lilyscriptone/lilyscriptone.ttf') format('truetype'),
			url('../fonts/lilyscriptone/lilyscriptone.svg#lilyscriptone') format('svg');
	font-weight: normal;
	font-style: normal;
}
	
body {
  padding-top: 50px;
  font-family: Verdana, Tahoma;
  background: url('../images/textured_paper_repeat.jpg');  
  background-repeat: repeat;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}
.navbar{
	background: #fcf410;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf410', endColorstr='#fbd93c');
	background: -webkit-gradient(linear, left top, left bottom, from(#fcf410), to(#fbd93c));
	background: -moz-linear-gradient(top, #fcf410, #fbd93c);
	border-bottom: 0;
	
	box-shadow: 0 0 8px 0 #393939;
	-moz-box-shadow: 0 0 8px 0 #393939;
	-webkit-box-shadow: 0 0 8px 0 #393939;
}
.navbar-brand{
	/* font-family: lilyscriptone; */
	/* font-family: verdana, tahoma;*/
	/* color: #ffffff !important;*/
	/* font-size: 25px;*/
	/* text-shadow: 0 1px 1px #000;*/
        background: url('../images/logo_etryout.png');
        height: 56px;
	width: 139px;
}
.navbar-brand > span{
	text-shadow: 0 2px 2px #000000;
	font-family: denkone;
	text-transform: uppercase;
	font-size: 37px;
	letter-spacing: 0.2em;
}
.navbar-brand > span:first-child{ color: #0000FE; }
.navbar-brand > span:nth-child(2){ color: #F9951E; }
.navbar-brand > span:nth-child(3){ color: #000000; }
.navbar-brand > span:nth-child(4){ color: #00A44F; }
.navbar-brand > span:last-child{ color: #FE0000; margin-right: 10px; }
.navbar ul li a{
	text-transform: capitalize;
	color: #000 !important;
	font-weight: bold;
	line-height: 25px;
	
	-webkit-transition: 0.3s background-color;
	-moz-transition: 0.3s background-color;
	transition: 0.3s background-color;
}
.navbar ul li a:hover{
	background-color: #6c6919 !important;
	color: #ffffff !important;
}
.navbar-nav li > .devider-vertical{
	border-left: 1px solid #e4c225;
	border-right: 1px solid #fdf860;
	height: 57px;
	display: inline-block;
	float: left;
}
.navbar-header .navbar-toggle{ background-color: #9d9517; }

#side-menu{
	z-index: 100;
	position: fixed;
	left: 0;
	height: 54%;
	top: 23%;
	bottom: 23%;
}
#side-menu ul{ margin: 0; padding: 0; }
#side-menu ul li{ margin: 20px 0; list-style: none; }
#side-menu ul li a{
	display: inline-block;
	padding: 15px;
	background-color: #428BCA;
	-webkit-box-shadow: 4px 4px #1f405c;
	-moz-box-shadow: 4px 4px #1f405c;
	box-shadow: 3px 3px 12px #1f405c;
	transition: 0.3s background-color;
}
#side-menu ul li a img{ width: 50px; height: 50px; }
#side-menu ul li a:hover, #side-menu ul li a.active{ background-color: #fbd93c; }

.nav-hidden{ display: none; }
.nav-hidden div{ text-align: center; }
.nav-hidden a{
	display: block;
	background-color: #393939;
	padding: 10px 20px;
	border: 2px solid #fff;
}
.nav-hidden a img{ width: 50px; height: 50px; }
.nav-hidden a:hover{ background-color: #000; }

#main{
	margin-top: 50px;
	display: none;
}
#main .panel, #main .login{ width: 95%; margin: 0 auto; }
#main .panel{
	-webkit-box-shadow: 0px 0px 10px 3px #111111;
	-moz-box-shadow: 0px 0px 10px 3px #111111;
	box-shadow: 0px 0px 10px 3px #111111;
}
#main .panel-heading{
	background: #fcf410;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf410', endColorstr='#fbd93c');
	background: -webkit-gradient(linear, left top, left bottom, from(#fcf410), to(#fbd93c));
	background: -moz-linear-gradient(top, #fcf410, #fbd93c);
}
#main .panel-title a{ margin-top: 3px; }
#main .panel-body p.question{ margin: 25px 0 15px 15px; }
#main .panel-body a.pull-right{ margin-top: 30px; }
#main .panel-body label{
	cursor: pointer;
	width: 80%;
	vertical-align: middle;
}

#main .login{
	padding: 20px 20px 30px 20px;
	/*background-color: rgba(92, 184, 92, 0.4);*/
        background-color: #ffffff;
	border: 3px solid #393939;
	border-radius: 15px;
	/*color: #FFF;*/
        color: #000000;
}
#main .login h2, #main .login h3{ text-align: center; }
#main .login h3{ margin-bottom: 50px; }
#main .login input[type="text"]{ border: 1px solid #393939; }
#main .title-level{
	width: 100%;
	border: 1px solid #373737;
}
#main .title-level h3{ margin: 5px; padding: 0; }
#main .panel-title h4{
	margin: 0;
	text-transform: capitalize;
	font-weight: bold;
}
#main .panel-level{ margin-top: 20px; }
#main .panel-level ul{
	list-style: none;
	padding: 0;
}
#main .panel-level ul > li > a{
	color: #FD9400;
	display: block;
	padding: 4px 0;
	-moz-transition: 0.2s color;
	-webkit-transition: 0.2s color;
	transition: 0.2s color;
}
#main .panel-level ul > li > a > span{ color: #83b6ed; }
#main .panel-level ul > li > a:hover{ text-decoration: none; color: #000000; }

footer{
	position: fixed;
	bottom: 0;
	width: 100%;
}
footer div{
	width: 20%;
	height: 5px;
	float: left;
}
footer div:first-child{ background-color: #0000FE; }
footer div:nth-child(2){ background-color: #F9951E; }
footer div:nth-child(3){ background-color: #000000; }
footer div:nth-child(4){ background-color: #00A44F; }
footer div:last-child{ background-color: #FE0000; }

@media screen and (max-width: 442px) {
	#main .panel .panel-body p img {
		width: 100%;
	}
}