html, body{
    width: 100%;
    height: 100%;	
}

body{
	background:url(http://www.wildalmanac.com/images/namekagon-2013-mobile.jpg);
	background-repeat:no-repeat;
	background-color:#333042;
	/*background-color:#3C5277;*/
	/*top,right,bottom,left*/
	background-position:center;
   -moz-background-size: cover;
   -webkit-background-size: cover;
   -o-background-size: cover;
	background-size: cover;
    overflow:hidden;	
	margin:0 !important;
	
	
	
	
}
#page_contain{
	padding-top:80px;
}
#logo{
	float:none;
	background:url(http://www.wildalmanac.com/images/logo_mobile.png);
	margin-left:10px;
	margin-top: 20px;
	height:71px;
	width:281px;
	background-repeat:no-repeat;
}
#login{
	display:none;
}

#footer{
	display:none;
	background:url(http://www.wildalmanac.com/images/footer_bg.png);
	background-repeat:no-repeat;
    height: 43px;
	width:100%;
}
#footer ul{
	margin:0 auto;
	padding:0;
}
#footer ul li{
	float:left;
	list-style:none;
	color:#FFF;
	font-family:Calibri, Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-left:6px;
	line-height:43px;
}
#footer ul li:nth-child(1){
  margin-left:35px;
}

#contain{
    margin:20px auto;
	width:90%;
	height:100%;
    font-family: Lao UI, Verdana, Geneva, sans-serif;
	color:#FFF;
}
	
.main_header{
	background:url(http://www.wildalmanac.com/images/main-header.png);
	background-repeat:no-repeat;
    height:60px;
}
.main{
	background:url(http://www.wildalmanac.com/images/main.png);
	 /* background-repeat:no-repeat;*/
	  width:auto;
	  padding-top:20px;
	  padding-bottom:20px;
	  padding:20px;
	  height:100%;
  }
.main_header ul{
  display:none; 
}
.main_header span.timeline,.main_header span.timeline_progress{
  display: none;
}
.main .img_top_contain{
	width:130px;
	margin:0 auto;
	height:460px;
}

.main .img_top_contain.regular{
	height:260px;
	width:460px;
}
.main .img_top_contain.regular {
    height: 140px;
    width: 180px;
}
  .main img.intro{
	  display:block;
	  border:2px solid #999;
	  padding: 6px;
	  margin-top:4px;
  }
  .main img.intro.regular{
    height:124px;
	width:180px;
  }



.main p{
	width:100%;
	text-align:justify;
}
.main_header span.first, .main_header span.second{
    display: block;
	text-align:center;
}
.main_header span.first{
    font-size: 18px;
	font-weight:bold;
	line-height:30px;
}
.main_header span.second{
	font-style:italic;
    margin-top:6px;
}
.main_bottom{
	background:#000;
    height:100%;
	width:100%
}
.main_bottom ul{
	padding:0;
	margin:0;

}
.main_bottom li{
	list-style:none;
	font-size:18px;
	border-bottom: 1px solid #666;
    line-height: 40px;
    list-style: none;
    text-align: center;
}
.main_bottom li a{
	text-decoration:none;
	color:#FFF;
	
}
.main_bottom li:hover{
	background: #09F;
	cursor:pointer;
}
.main_bottom li.active{
	background: #09F;
}
#top_menu{
	display:none;
}
#top_menu div{
	float:left;
	width:260px;
	height:50px;
	background-color:#7B8D27;
	color:#FFF;
    font-family: Lao UI, Verdana, Geneva, sans-serif;
	margin-left:10px;
	text-align:center;
	line-height:50px;
	font-size:18px;
}
.secondary_header{
	height:200px;
	width:100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
}
.secondary_header ul{
	margin:0 auto;
	width:120px;
}
.secondary_header ul li{
	/*float:left;*/
	list-style:none;
	font-weight:bold;
	width:70px;
	/*line-height:100px;*/
	  background-repeat:no-repeat;
	  background-position:0px;
	  padding-left:50px;
	  height:40px;
	  padding-top:20px;
}

.secondary_header ul li a{
	text-decoration:none;
	color:#FFFFFF;
}

.secondary_header ul li:hover{
   color:#09F;
   cursor:pointer;
}  
.secondary_header ul li:nth-child(1){
   background-image:url(../images/images_icon.png);
} 
.secondary_header ul li:nth-child(2){
   background-image:url(../images/video_icon.png);
} 
.secondary_header ul li:nth-child(3){
   background-image:url(../images/audio_icon.png);
   
}   
.secondary_header ul li:nth-child(1):hover{
   background-image:url(../images/images_icon_hover.png);
} 
.secondary_header ul li:nth-child(2):hover{
   background-image:url(../images/video_icon_hover.png);
} 
.secondary_header ul li:nth-child(3):hover{
   background-image:url(../images/audio_icon_hover.png);
}   



  h3{
	 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	 width:100%;
	 height:50px;
	 line-height:50px;
	 padding-left:20px;
	 margin:0;
	 margin-top:20px;
  }
  .images, .video, .audio{
	 /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);*/
	 height:105px;
	 width:100%;
	  
  }
  .images{
	  height:100%;
	  padding-top:20px;
	  width:156px;
	  margin:0 auto;

  }
      
	.video{  
	height: 100%;
    margin: 0 auto;
    padding-top: 20px;
    width: 200px;
   }
  .images img{
	  margin-left:0px;
	  border:2px solid #999;
	  padding: 6px;
	  margin-top:2px;
  }
  .images img:hover{
	  border:2px solid #FFF;
	  cursor:pointer;
  }
  .images span{
    display: none;
	margin-top:20px;
 }
  div.camp{
	height:100%;
	margin-top:20px;
  }
  div.row{
	 margin-left:0px; 
  }

#screensize{
	position:absolute;
	top:0;
	right:0;
	margin-right:20px;
	color:#FFF;
	font-weight:bold;
	
}

h4.lightbox-title,.lightbox-description{
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size:1em;
}
h4.lightbox-title{
	padding:0;
	position:absolute;
	margin-top:12px;
	margin-left:14px;
}
.lightbox-description{
    padding: 16px;
    text-align: justify;
}





@media only screen and (min-width: 480px) {
  body{
	background:url(http://www.wildalmanac.com/images/namekagon-2013-2.jpg);
	background-repeat:no-repeat;
	background-color:#333042;
	
	background-position:center;
   -moz-background-size: cover;
   -webkit-background-size: cover;
   -o-background-size: cover;
	background-size: cover;
	
	
	
	
	
	
  }


}

@media only screen and (min-width: 600px) {
  .main .img_top_contain{
	  width:406px;
	  margin:0 auto;
	  height:160px;
  }
    .main{
	  	  height:548px;
  }
  .main img.intro{
   float:left;
  }
  .main img.intro.regular{
    height:250px;
	width:444px;
  }
  
  .main .img_top_contain.regular {
	height:280px;
	width:444px;
}  

.secondary_header{
	height:100px;
}


  .secondary_header ul{
	  margin:0 auto;
	  width:450px;
  }
  .secondary_header ul li{
	  float:left;
	  list-style:none;
	  font-weight:bold;
	  width:90px;
	  line-height:100px;
	  background-repeat:no-repeat;
	  background-position:0px;
	  padding-left:50px;
	  padding-top:0px;
	  height:auto;
  }  
.secondary_header ul li a:hover{
   color:#09F;
   cursor:pointer;
}  
.secondary_header ul li:nth-child(1){
   background-image:url(../images/images_icon.png);
} 
.secondary_header ul li:nth-child(2){
   background-image:url(../images/video_icon.png);
} 
.secondary_header ul li:nth-child(3){
   background-image:url(../images/audio_icon.png);
}   
.secondary_header ul li:nth-child(1):hover{
   background-image:url(../images/images_icon_hover.png);
} 
.secondary_header ul li:nth-child(2):hover{
   background-image:url(../images/video_icon_hover.png);
} 
.secondary_header ul li:nth-child(3):hover{
   background-image:url(../images/audio_icon_hover.png);
}   
  
}

@media only screen and (min-width: 768px) {


}

@media only screen and (min-width: 992px) {
  .main_header{
	  background-repeat:repeat-y;
	  height:120px;
  }
  .main_header ul{
	 margin:0 auto; 
	 display:block;
	 width:845px;
  }
  .main_header ul li{
	 list-style:none;
	 float:left; 
	 font-family: eras_font, Verdana, Geneva, sans-serif;
	 font-weight:bold;
	 font-style:italic;
	 margin-top:12px;
	 color:#BEB483;
	 margin-left:30px;
	 width:60px;
	 font-size:12px;
  }
  .main_header ul li:nth-child(1),.main_header ul li:nth-child(9){
	 width:90px; 
  }
  .main_header ul li:nth-child(1){
	 margin-left:0px;
	 color:#FFF; 
  }
    .main_header ul li:nth-child(9){
	 margin-left:10px; 
  }
  .main_header span.timeline,.main_header span.timeline_progress{
    display: block;
    height: 11px;
    width: 730px;
	position:absolute;
	left:50%;
    margin: 34px auto 0 -365px;	  
  }
  .main_header span.timeline{
	background:url(http://www.wildalmanac.com/images/progress_base_slim.png);
	z-index:1000;
  }
   .main_header span.timeline_progress{
	background:url(http://www.wildalmanac.com/images/progress_over_slim.png);
	z-index:9999;
	width:0px;
  }
  .main_bottom{
	  background-color:#000;
	  height:50px;
	  width:100%
  }
  .main_bottom ul{
	  padding:0;
	  margin:0 auto;
	  width:870px;
  
  }
  .main_bottom li{
	  font-size:16px;
	  border-right: 1px solid #666;
	  border-bottom:none;
	  line-height: 50px;
	  text-align: center;
	  float:left;
	  width:86px;
  }
  .main_bottom li:nth-child(10){
	  border-right:none;
   }  
   
  .images, .video, .audio{
	 /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);*/
	 height:105px;
	 width:100%;
	  
  }
  .images{
	  height:100%;
	  padding-top:20px;
	  margin:0 auto;

  }
  .images img{
	  margin-left:0px;
	  border:2px solid #999;
	  padding: 6px;
	  margin-top:2px;

  }
  .images span{
	  display:block;
	  float:left;
	  margin-left:20px;
	  line-height:105px;
  }
  div.camp, div.scenery, div.fishing{
	height:100%;
	margin-left:120px;
  }
  div.row{
	 margin-left:0px; 
  }   
   #loader{
	 position:absolute;
	 height:100px;
	 width:100px;
	 top:50%;
	 left:50%;
	 margin-top:-50px;
	 margin-left:-50px; 
	 text-align:center;
   }
   #loader p{
	  color:#FFFFFF; 
   }
   
   
   
   
   
  
}

@media only screen and (min-width: 1250px) {

  #logo{
	background:url(http://www.wildalmanac.com/images/logo.png);
    height: 81px;
    margin-left: 120px;
	/*float:left;*/
    width: 352px;
  }
  #contain{
	  margin:20px auto;
	  width:1255px;
	  height:688px;
	  font-family: Lao UI, Verdana, Geneva, sans-serif;
	  color:#FFF;
  }
  .main_header{
	  background-repeat:no-repeat;
	  height:60px;
	  width:1255px;
  }
  .main{/*
	  background-repeat:no-repeat;
	  height:548px;
	  width:1255px;
	  padding-top:20px;
	  padding-bottom:20px;*/
	  padding:20px 0px 20px 0px; 
  }
  .main .img_top_contain{
	  width:40%;
	  float:right;
  }
  .main .img_top_contain.regular{
	height:280px;
	width:auto;
}
  .main img.intro{
	  display:block;
	  float:left;
	  border:2px solid #999;
	  margin-left: 20px;
	  padding: 6px;
  }
  .main p{
	  width:1200px;
	  margin-left:26px;
	  text-align:justify;
  }
  @font-face {

    font-family: eras_font;

    src: local(eras_font), url('http://www.wildalmanac.com/fonts/ERASMD.TTF') format('opentype');

  }
  .main_header ul{
	 padding:0;
	 margin:0; 
	 display:block;
	 width:100%;
  }
  .main_header ul li{
	 font-size:14px;
  }
  .main_header ul li:nth-child(1),.main_header ul li:nth-child(9){
	 width:90px; 
  }
  .main_header ul li:nth-child(1){
	 margin-left:44px;
	 color:#FFF; 
  }
    .main_header ul li:nth-child(9){
	 margin-left:10px; 
  }
  .main_header span.first, .main_header span.second{
	  display: block;
	  line-height: 60px;
  }
  .main_header span.first{
	  font-size: 18px;
	  margin-left: 40px;
	  float:left;
	  font-weight:bold;
  }
  .main_header span.second{
	  float: right;
	  margin-right: 60px;
	  font-style:italic;
	  margin-top:0px;
  }
  .main_header span.timeline,.main_header span.timeline_progress{
	margin-top:34px;
	margin-left:322px;
	left:auto;
	  
  }
  .main_bottom{
	  height:60px;
	  width:1255px;
  }
  .main_bottom ul{
	  width:auto;
  }

  .main_bottom li{
	  line-height: 60px;
	  width: 122px;
  }
  .main_bottom li:nth-child(10){
	  border-right:none;
	  width: 148px;
   }
   #footer{
	background-repeat:no-repeat;
    width: 673px;
	position:absolute;
	bottom:0px;
	left:0px;
   }

	#footer ul li{
		float:left;
		list-style:none;
		color:#FFF;
		font-family:Calibri, Verdana, Geneva, sans-serif;
		font-weight:bold;
		margin-left:70px;
		font-size:16px;
	}
	#footer ul li:nth-child(1){
		margin-left:45px;
	}
	#login{
		display:block;
		left: 480px;
		position: absolute;
		top: 120px;
	}
	#login div{
		background-color: #0099FF;
		color: #FFFFFF;
		float: left;
		font-family: Lao UI,Verdana,Geneva,sans-serif;
		font-size: 14px;
		height: 38px;
		line-height: 38px;
		margin-left: 10px;
		text-align: center;
		width: 150px;
	}
	#top_menu{
		display:block;
		position:absolute;
		top:0;
		left:54%;
	}
	#top_menu div{
		float:left;
		width:260px;
		height:50px;
		background-color:#7B8D27;
		color:#FFF;
		font-family: Lao UI, Verdana, Geneva, sans-serif;
		margin-left:10px;
		text-align:center;
		line-height:50px;
		font-size:18px;
	
	}
	
  .secondary_header{
	  width:100%;
	  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
	  position:absolute;
	  width:700px;
	  border-bottom-right-radius:60px;
	  height:60px;
	  z-index:9999;
  }	
	
	
	
	
.secondary_header ul{
	margin:0 auto;
	width:100%;
}
	
	
	
.secondary_header ul li{
	float:left;
	list-style:none;
	line-height:60px;
	padding-left:50px;
	height:60px;
}
.secondary_header ul li a{
	display:block;
	width:100%;
	text-decoration:none;
	color:#FFFFFF;
}
  .secondary_header ul li:nth-child(1){
	  background-image:url(../images/images_icon.png);
  }
  .secondary_header ul li:nth-child(2){
	  background-image:url(../images/video_icon.png);
  }
  
 .video{
	 height:120px;
	 padding-top:20px;
	 padding-left:120px;
 }
  
  
  
  /* .secondary_header ul li:nth-child(3){
	  background-image:url(../images/audio_icon.png);
  }*/

 /* h3{
	 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	 width:100%;
	 height:50px;
	 line-height:50px;
	 padding-left:20px;
	 margin:0;
	 margin-top:20px;
  }
  .images, .video, .audio{
	 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	 height:105px;
	 line-height:105px;
	 width:100%;
	  
  }
  .images{
	  height:100%;
	  padding-top:20px;
  }
  .images img{
	  float:left;
	  margin-left:20px;
	  border:2px solid #999;
	  padding: 6px;
	  margin-top:0px;

  }
  .images span{
	  display:block;
	  float:left;
	  margin-left:20px;
	  width:100px;
  }
  div.camp,div.row{
	height:150px;
  }
  div.row{
	 margin-left:120px; 
  }*/


}

@media only screen and 
        (-webkit-min-device-pixel-ratio: 1.5), only screen and 
        (-o-min-device-pixel-ratio: 3/2), only screen and 
        (min-device-pixel-ratio: 1.5) {

}