@charset "UTF-8";

@font-face{
	font-family: 'tahomawoff';
	src: url('font/tahoma.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body{
    font-family:'tahomawoff', tahoma, arial, sans-serif;
	font-size:14px;
	color:#fff; /* text color */
	text-shadow:rgba(0, 0, 0, 0.80) 1px 1px 1px; /* text shadow color */
	background:url(images/bg.jpg) no-repeat fixed; /* website background */
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-ms-background-size:100% 100%;
	-o-background-size:100% 100%;
	-moz-background-size:100% 100%;
}

body:before{
	display:block;
	content:"";
	position:fixed;
	top:0;
	background:url(images/pattern.png) repeat;
	width:100%;
	height:100%;
	z-index:-1;
}

.wrapper{
	display:block;
	margin:180px auto;
	width:500px;
}

.content h1{
	font-size:50px;
	line-height:1.4;
	text-align:center;
	margin-bottom:15px;
	text-shadow:rgba(0, 0, 0, 0.80) 1px 1px 1px; /* title shadow color in header */
}

.content h1 a{
	color:#fff;
}

.content p{
	font-size:20px;
	line-height:1.5;
	text-align:center;
	text-shadow:rgba(0, 0, 0, 0.80) 1px 1px 1px; /* text shadow color in header */
}

.content p span{
	font-size:14px;
}

.content p a{
	text-decoration:underline;
	color:#fff;
}

form.form{
	margin-top:50px;
	font-size:0;
	position:relative;
}

input.search{
	display:block;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:10px;
	background:rgba(137, 78, 16, 0.6); /* input background color */
	color:#fff; /*input text color */
	font-size:14px;
	font-family:'tahomawoff', tahoma, arial, sans-serif;
	border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-mo-border-radius:5px;
	text-shadow:rgba(0, 0, 0, 0.80) 1px 1px 1px; /* input text shadow color */
}

input.submit{
	border-radius:0 4px 4px 0;
	-ms-border-radius:0 4px 4px 0;
	-o-border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	font-size:14px;
	display:block;
	font-family:'tahomawoff', tahoma, arial, sans-serif;
	color:#fff; /* button text color */
	position:absolute;
	background:rgba(137, 78, 16, 0.5);
	top:0px;
	right:0px;
	padding:10px;
	cursor:pointer;
	text-shadow:rgba(0, 0, 0, 0.80) 1px 1px 1px; /* button text shadow color */
}

input::-moz-focus-inner{
	border:0;
	padding:0;
}

::selection { 
	background-color:rgba(137, 78, 16, 0.7); /* selection background color */
	color:#000; /* selection text color */
}

::-moz-selection { 
	background-color:rgba(137, 78, 16, 0.7); /* selection background color for firefox */
	color:#000; /* selection text color for firefox */
}

.animated{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown{
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/* Responsive */
@media all and (max-width: 500px) and (min-width: 220px){
	
	.wrapper{
		width:90%;
	}
	
}