body { 
text-align:center;
background-color: #000000; 
background-image: url(http://huntdowngame.com/images/background.jpg);
background-repeat: repeat-x;
background-position: top left; 
background-attachment: fixed;
height:100%;
}

#AllContainer {
    min-height: 100%;
    position: relative;
}

#header {
    padding: 0px;
}

#body {
    padding-bottom: 20px;   /* Height of the footer */
}


A:link    {

color: #4ea092;
}

A:visited    {

color: #4ea092;
}

A:active    {

color: #4ea092;
}


A:hover    {

color: #bafef3;
}


::-moz-selection { /* Code for Firefox */
    color: #f79552;
    background: #dd1717;
}

::selection {
    color: #f79552;
    background: #dd1717;
}


#box1 {
	margin-top: -20px;
	text-align: center;
	border-style: solid;
    border-bottom: solid #407c72;
    border-left: hidden;
    border-right: hidden;
    border-top: hidden;
  	margin-left: auto;
  	margin-right: auto;
  	margin-bottom: 50px;
	padding-bottom:20px;
}


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}


.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 5%;
	width: 90%;
	height: 90%;
}




img {
	max-width: 100%;
	height: auto;
}

#Smooth {
    border-radius: 25px;
    border: 5px solid #d9d7bd;

}

hr.style1 {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	width: 853px;
	color: #407c72;
	background-color: #407c72;
	height: 3px;
}

hr.style2 {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	width: 853px;
	color: #407c72;
	background-color: #407c72;
	height: 1px;
}

.contayner {
	width: 960px;
	max-width: 90%;
	border: 0px;
	padding-top: 30px;
    padding-bottom: 40px;

}


.contayner_sign {
	width: 960px;
	max-width: 90%;
	border-style: solid;
    border-bottom: solid #407c72;
    border-left: hidden;
    border-right: hidden;
    border-top: hidden;
    margin-bottom: 70px;
    padding-bottom: 50px;

}





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

Red Headings

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

h1 { 
font-size: 36px;
font-weight: 400;
line-height:42px;
font-family: 'Oswald', sans-serif;
word-spacing: -1px;
margin-bottom: 5px;
margin-top: 0px;
display: inline-block;
    background: #d80000;
    background: -webkit-linear-gradient(315deg, #f79552 0, #dd1717 100%);
    background: -o-linear-gradient(315deg, #f79552 0, #dd1717 100%);
    background: linear-gradient(135deg, #f79552 0, #dd1717 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f79552', endColorstr='#dd1717', GradientType=1);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

}

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

News Headings

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

h2 {  
font-size: 28px;
font-weight: 700;
line-height:42px;
font-family: 'Oswald', sans-serif;
color: #c80000;
letter-spacing: 1px;
word-spacing: 0px;
margin-bottom: 0px;
margin-top: 0px;
display: inline-block;
    background: #d80000;
    background: -webkit-linear-gradient(315deg, #f79552 0, #dd1717 100%);
    background: -o-linear-gradient(315deg, #f79552 0, #dd1717 100%);
    background: linear-gradient(135deg, #f79552 0, #dd1717 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f79552', endColorstr='#dd1717', GradientType=1);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}


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

White Complement Headings

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

h3 { 
font-size: 22px;
font-weight: 300;
line-height:42px;
font-family: 'Oswald', sans-serif;
color: #bafef3;
letter-spacing: 1px;
word-spacing: -1px;
margin-bottom: 0px;
margin-top: 0px;

}



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

Active Menu Link Text (White)

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

.menutext { 
font-size: 24px;
line-height:32px;
font-family: 'Oswald', sans-serif;
color: #bafef3;
letter-spacing: 0px;
word-spacing: 1px;
margin-left: 0px;

}



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

Regular Body Text (Greenish)

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

.textformat1 { 
font-size: 22px;
font-weight: 400;
line-height:32px;
font-family: 'Oswald', sans-serif;
color: #407c72;
letter-spacing: 0px;
word-spacing: 1px;
margin-left: 0px;

}



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

Ingress Text (Greenish)

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

.textformat2 { 
font-size: 28px;
font-weight: 300;
line-height:36px;
font-family: 'Oswald', sans-serif;
color: #407c72;
letter-spacing: 0px;
word-spacing: 1px;
margin-left: 0px;

}



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

Fine text (Greenish)

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

.textformat3 { 
font-size: 16px;
font-weight: 400;
line-height:22px;
font-family: 'Oswald', sans-serif;
color: #407c72;
letter-spacing: 0px;
word-spacing: 1px;
margin-left: 0px;

}



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

Quote text (Greenish)

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

.quotetext { 
font-size: 22px;
font-weight: 100;
line-height:28px;
font-family: 'Oswald', sans-serif;
color: #407c72;
letter-spacing: 0px;
word-spacing: 1px;
margin-left: 0px;

}

blockquote {
background: -moz-linear-gradient(left, rgba(0,44,37,1) 0%, rgba(0,44,37,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,44,37,1) 0%,rgba(0,44,37,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,44,37,1) 0%,rgba(0,44,37,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c25', endColorstr='#00002c25',GradientType=1 ); /* IE6-9 */
  color: #407c72;
  width: 60%;
  content: open-quote;
  font-family: 'Oswald', sans-serif;
  font-size: 1.3em;
  font-weight: 100;
  line-height: 1.4em;
  border-left: 2px solid #407c72;
  margin-top: -2.5em;
  margin-bottom: 2.5em;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
  color: #407c72;
  font-family: 'Georgia', serif;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}





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

Footer, Fine text (White)

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

.textformat4 { 
font-size: 16px;
font-weight: 300;
line-height:22px;
font-family: 'Oswald', sans-serif;
color: #ffffff;
letter-spacing: 1px;
word-spacing: 1px;
margin-left: 0px;

}



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

Fault, Form (Red)

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

.textformat5 { 
font-size: 24px;
font-weight: 700;
line-height:28px;
font-family: 'Oswald', sans-serif;
color: #f25536;
letter-spacing: 1px;
word-spacing: 1px;
margin-left: 0px;

}


.class1 A:link    {
text-decoration: none;
color: #407c72;

}


.class1 A:visited    {
text-decoration: none;
color: #407c72;

}


.class1 A:active    {
text-decoration: none;
color: #407c72;

}


.class1 A:hover    {
text-decoration: none;
color: #f25536;

}



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

STRUCTURE 

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

#pagewrap {
	padding-bottom: 60px;
	margin-bottom: 60px;
	width: 960px;
	margin: 10px auto;
}


#first {
	width: 290px;
	float: left;
	padding: 5px 15px;
}

#middle {
	width: 294px; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;
}

#last {
	width: 270px;
	padding: 5px 15px;
	float: left;
}

footer {
	clear: both;
	padding-top: 60px;
	padding-bottom: 20px;
	background-image: url(http://huntdowngame.com/images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom center; 
}




/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 94%;
	}
	
	#first {
		width: 41%;
		padding: 1% 4%;
	}
	
	#middle {
		width: 41%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}
	
	#last {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}

	header, footer {
		padding: 1% 4%;
	}
}

/* for 700px or less */
@media screen and (max-width: 600px) {

	#first {
		width: auto;
		float: none;
	}
	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#last {
		width: auto;
		float: none;
	}

}


/* for 480px or less */

@media screen and (max-width: 480px) {

	header {
		height: auto;
	}
	
	h1 {
		font-size: 2em;
	}
	
	#last {
		display: none;
	}

}


header, #first, #middle, #last {
	margin-bottom: 5px;
}

#pagewrap, header, #first, #middle, #last, footer {
	border: 0px;
}