@charset "UTF-8";
/* CSS Document */
  @import url("https://use.typekit.net/qux3izh.css");

	
	body {
	margin: 0;
	padding: 0;
	background-color: #000;
	background-repeat: no-repeat;
	color: #dbd8d8;
    width: 100%;
    overflow-x: hidden;
}




#global_footer a{
    
    text-decoration: none;
    
}

#global_footer a:hover{
    
    text-decoration: underline;
    
}

.location_banner{
    
    position: relative;
    bottom: 85px;
    left: 25px;
    font-size:40pt;
    margin-bottom: -63px; 
    
}

.location_banner_sub{
    
    position: relative;
    bottom: 100px;
    left: 25px;
    font-size:16pt;
    
}


.wiki_btn:hover {
  -ms-transform: scale(1.15); /* IE 9 */
  -webkit-transform: scale(1.15); /* Safari 3-8 */
  transform: scale(1.15); 
}



.white {
	color: #fff;
}

.page_header {
	
	padding:20px; 	
						border: 1px solid #4b5968;
						margin-bottom: 20px;
						background-color: #13171b;
}

.page_header h1 {
	
	margin-top: 50px;
    font-family: axia-stencil, sans-serif !important;
	color: white;
	margin-bottom: 0px;
}

h1 {
	

    font-family: axia-stencil, sans-serif !important;

}




.fancy h3 {
	

    font-family: axia-stencil, sans-serif !important;

	margin-bottom: 0px;
}


.page_box {
	
	padding:20px;
	border: 1px solid #4b5968;
	margin-bottom: 5px;
	background-color: #13171b;
	
	
}


#page_box_white {
	
	padding:20px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	background-color: #fff;
	min-height: 500px;
	
	
}


.page_box p, .frame p {
	
	color:#e4e4e4;
}


.page_box h2, h2 {
	
color:white;
	font-size: 15pt;
	text-transform: uppercase;
	text-align: center;
	
	
}


.page_box_sub {
	
	
	color: white;
	padding:20px;
	padding-top: 50px;

	border: 1px solid #2b333c;
	margin-bottom: 5px;
	background-color: #13171b;

	
}

.page_box_sub h3{
	
	
    font-family: axia-stencil, sans-serif !important;
	color: white;
	font-size: 18pt;
	

	
}


.sidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;

}

.sidebar li a {
    display: block;
    color: #bfc7d1;
    padding: 8px 16px;
    text-decoration: none;
	background-image: url(/images/menu_bg.png);
	margin-bottom: 5px;
	border: 1px solid #4b5968;
	text-align: right;
	 font-family: "Proxima Nova Extra Condensed";
	font-weight: 700;
}
	


/* STORE STYLES */	

#store_earth{
    
	background-image: url("/images/loc/store_earth.jpg");
    background-position: center;
    background-size:  cover;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    min-height: 500px;
    
}


#store_gem{
    
	background-image: url("/images/loc/store_gem.jpg");
    background-position: center;
    background-size:  cover;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    min-height: 500px;
    
}


#store_mars{
    
	background-image: url("/images/loc/store_mars.jpg"); 
    background-position: center;
    background-size:  cover;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    min-height: 500px;
    
}

#store_eris{
    
	background-image: url("/images/loc/store_eris.jpg"); 
    background-position: center;
    background-size:  cover;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    min-height: 500px;
    
}

#store_jupiter{
    
	background-image: url("/images/loc/store_jupiter.jpg"); 
    background-position: center;
    background-size:  cover;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    min-height: 500px;
    
} 
#sedna_home{
    
	background-image: url("/images/loc/hall_sedna.jpg"); 
    background-position: center;
    background-size:  cover;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    min-height: 500px;
    
}
#store_sedna{
    
	background-image: url("/images/loc/store_sedna.jpg"); 
    background-position: center;
    background-size:  cover;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    min-height: 500px;
    
}




#store_venus{
    
	background-image: url("/images/loc/store_venus.jpg"); 
    background-position: center;
    background-size:  cover;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    min-height: 500px;
    
}

#store_mercury{
    
	background-image: url("/images/loc/store_merc.jpg"); 
    background-position: center;
    background-size:  cover;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    min-height: 500px;
    
}

#store_pirate{
    
	background-image: url("/images/loc/store_pirate.jpg"); 
    background-position: center;
    background-size:  cover;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    min-height: 500px;
    
}


#home_pirate{
    
	background-image: url("/images/loc/hangar_pirate.jpg"); 
    background-position: center;
    background-size:  cover;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    min-height: 500px;
    
}



/* Change the link color on hover */
.sidebar_light li a:hover {
    background-color: #555;
    color: white;
}


.sidebar_light ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;

}

.sidebar_light li a {
    display: block;
    color: #bfc7d1;
    padding: 8px 16px;
    text-decoration: none;
	margin-bottom: 5px;
	border: 1px solid #4b5968;
	text-align: right;
	 font-family: "Proxima Nova Extra Condensed";
	font-weight: 700;

}
	


	
	
	

/* Change the link color on hover */
.sidebar li a:hover {
    background-color: #555;
    color: white;
}




				
.mod-right-corner {

			float:right; 
			font-size:10pt; 
			text-align:right;
			color: #dfdcdc;
			
		}
			
			
.mod_container {
				
				
				margin-top:10px; border: 1px solid #ececec; padding:10px; color:white; background-color: #0c191d; min-height:120px;
			}
					

.mod_details {
	
	margin-top: 0; padding-top:5px; padding-left:10px; padding-right: 10px; padding-bottom: 5px; background-color: #ececec; color:black; font-size:10pt; 
}

.gem_form{
	
	    border-style: solid;
    border-width: 1px;
    border-color: rgb(75, 104, 112);
    background-color: rgba(12,25,29,1.00);
	padding: 10px;
	width: 325px;
	color: rgb(75, 104, 112);
	
}


.login_box {
	
	background-color: rgba(12,25,29,.50);
	border-style: solid;
    border-width: 1px;
    border-color: rgb(75, 104, 112);
	padding: 25px;
	padding-top:40px;
}


.gem_container {
	
	background-color: rgba(12,25,29,1.00);
	border-style: solid;
    border-width: 1px;
    border-color: rgb(75, 104, 112);
	padding: 25px;
	padding-top:25px;
	color: #9e9c9c;
}


ol, ul {
     padding-left:0 !important;
}

.notch_container {
	
	background-color: rgba(12,25,29,1.00);
	border-style: solid;
    border-width: 1px;
    border-color: rgb(75, 104, 112);
	border-right: none;
	border-left: none;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10pt;
	min-height: 35px;
	padding-top: 7px;
	color: #9e9c9c;
}


.notch_container a {
	
	color: #9e9c9c;
    text-decoration: none !important;
	
}


.gem_container h1 {
	
	    font-family: axia-stencil, sans-serif !important;
		color: white;
	font-size: 20pt;
	
	
}

hr {
	
	    border-top:1px solid rgb(75, 104, 112);

}

.login_box2 {
	
	background-color: rgba(12,25,29,.9);
	border-style: solid;
    border-width: 1px;
    border-color: rgb(75, 104, 112);
	padding: 25px;
	padding-top:40px;
}

	


#ceres {
	margin: 0;
	padding: 0;
	background-color: #000;
	background-image: url("../images/loc/story_ceres.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
		color: #000;

}


#sedna {
	margin: 0;
	padding: 0;
	background-color: #f8f9fa;

		color: #000;

}






#earth {
	margin: 0;
	padding: 0;
	color: #000;
    background-color: #f8f9fa;

}

#earth .container {
	
	
	
}

	
#moon {
	margin: 0;
	padding: 0;
	background-color: #000;
	background-image: url("../images/loc/story_moon.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
		color: #000;

}

#moon .container {
	
	padding-left:50px;
	padding-right:50px;
	padding-bottom:30px;
	background-color: rgba(255,255,255,0.9)
	
}

#jupiter {
	margin: 0;
	padding: 0;
	background-color: rgba(255,255,255,0.9);
    color:#000;

}



#node {
	margin: 0;
	padding: 0;
	background-color: #000;
	background-image: url(../images/loc/node.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
		color: #000;

}



#eris .container {
	
	padding-left:50px;
	padding-right:50px;
	padding-bottom:30px;
	background-color: rgba(255,255,255,0.9)
	
}


#eris {
	margin: 0;
	padding: 0;
	color: #000;
    background-color: #f8f9fa;
}




#gemini .container {
	
	
	
}


#gemini {
	margin: 0;
	padding: 0;
	background-color: #889092;
		color: #000;

}







#mercury .container {
	
	padding-left:50px;
	padding-right:50px;
	padding-bottom:30px;
	background-color: rgba(255,255,255,0.9)
	
}


#mercury {
	margin: 0;
	padding: 0;
	background-color: #fff;
    color: #000;
	

}





#jupiter .container {
	
	padding-left:50px;
	padding-right:50px;
	padding-bottom:30px;
	background-color: rgba(255,255,255,0.9)
	
}


#mars {
	margin: 0;
	padding: 0;
	color: #000;
    background-color: #f8f9fa;

}





#mars .container {
	
	padding-left:50px;
	padding-right:50px;
	padding-bottom:30px;
	background-color: rgba(255,255,255,0.9)
	
}



#venus {
	margin: 0;
	padding: 0;
	background-color: #000;
	background-image: url(../images/loc/story_venus.jpg);
	background-size: cover;
	background-repeat: no-repeat;
		color: #000;

}





#venus .container {
	
	padding-left:50px;
	padding-right:50px;
	padding-bottom:30px;
	background-color: rgba(255,255,255,0.9)
	
}




	.status_bar{
		
		background-color: #4b6870; 
		padding-left: 70px;
		padding-top: 5px;
		font-size: 19pt;
		color: #dbd8d8;
		font-family: proxima-nova-extra-condensed, sans-serif;
		font-weight: 500;
		font-style: normal;
		text-transform: uppercase;
		
	}



.main_window {
	
	background-color: #000;
	
	background-position: center;
	min-height: 250px;
	padding: 0px;
	margin-top: 20px;
	font-family: axia-stencil, sans-serif;
	overflow: hidden !important;


}




.status_screen {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(75, 104, 112);
	background-color: #0c191d;
	min-height: 75px;
	padding: 20px;
	margin-top: 20px;
	font-family: axia-stencil, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #fff;
	text-transform: uppercase;
	font-size: 28pt;
	text-align: center;

}

.side_panel { 
/*	border-style: solid;
	border-width: 5px;
	border-color: rgb(20, 29, 34);
/*	background-color: #0c191d; */
	

	font-size: 10pt;
	font-family: axia-stencil, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #dbd8d8;
	text-transform: uppercase;
}

.side_panel_no_padmar {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(75, 104, 112);
	background-color: #0c191d;
	padding: 0;
	margin-top: 20px;
	overflow: hidden;
	max-height: 225px;
	max-width: 225px;
}

.side_panel h1 {
	font-family: axia-stencil, sans-serif;
	font-weight: 900;
	font-style: normal;
	text-transform: uppercase;
	font-size: 12pt;
	text-align: center;
	}

.main_viewer {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(75, 104, 112);
	background-color: rgb(12,29,25, .5);
 
	padding: 0;
	margin-top: 20px;
	font-family: axia-stencil, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #9e9c9c;
	text-transform: uppercase;

}
.datapad_screen {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(75, 104, 112);
	background-color: #0c191d;
	padding: 20px;
	margin-top: 0;
	font-family: axia-stencil, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #9e9c9c;
	text-transform: uppercase;

}

.datapad_header {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(75, 104, 112);
	background-color: rgb(75, 104, 112);
	padding-left: 5px;
	padding-top: 3px;
	margin-top: 20px;
	padding-right: 5px;
	font-family: axia-stencil, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #fff;
	text-transform: uppercase;

}



#gem_dest {
		background-image: url(../images/gem_dest_bg.jpg);
		background-position: bottom;

	height: 250px;

}
#earth_dest {
		background-image: url(../images/earth_dest_bg.jpg);
	background-position: bottom;

	height: 250px;

}
#mars_dest {
		background-image: url(../images/mars_dest_bg.jpg);
	background-position: bottom;

	height: 250px;

}
#jupiter_dest {
		background-image: url(../images/jupiter_dest_bg.jpg);
	background-position: bottom;

	height: 250px;

}
#eris_dest {
		background-image: url(../images/eris_dest_bg.jpg);
	background-position: bottom;

	height: 250px;
}
#mercury_dest {
		background-image: url(../images/mercury_dest_bg.jpg);
	background-position: bottom;

	height: 250px;
}


				#space {
					
			border-color: #0c191d;
			border-style: solid;
			border-width: 1px;
					margin-top: 20px;
					height: 250px;

				}
			
				
#space, .stars {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.stars {
  background-image: 
    radial-gradient(2px 2px at 20px 30px, #eee, rgba(0,0,0,0)),
    radial-gradient(2px 2px at 40px 70px, #fff, rgba(0,0,0,0)),
    radial-gradient(2px 2px at 50px 160px, #ddd, rgba(0,0,0,0)),
    radial-gradient(2px 2px at 90px 40px, #fff, rgba(0,0,0,0)),
    radial-gradient(2px 2px at 130px 80px, #fff, rgba(0,0,0,0)),
    radial-gradient(2px 2px at 160px 120px, #ddd, rgba(0,0,0,0));
  background-repeat: repeat;
  background-size: 200px 200px;
  animation: zoom 5s infinite;
  opacity: 0;
}

.stars:nth-child(1) {
  background-position: 50% 50%;
  animation-delay: 0s;
}
.stars:nth-child(2) {
  background-position: 20% 60%;
  animation-delay: 1s;
}
.stars:nth-child(3) {
  background-position: -20% -30%;
  animation-delay: 2s;
}
.stars:nth-child(4) {
  background-position: 40% -80%;
  animation-delay: 3s;
}
.stars:nth-child(5) {
  background-position: -20% 30%;
  animation-delay: 4s;
}

@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale(0.5);
    animation-timing-function: ease-in;
  } 
  85% {
    opacity: 1;
    transform: scale(2.8);
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    transform: scale(3.5);
  }
}


.gem_notch, .gem_notch a {
	
	color: #000 !important; 
	text-decoration: none !important;
	font-size: 10pt !important;
	
}

#gem_screen {
	
	background-image: url(../images/gem2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	min-height: 520px;
	font-family: axia-stencil, sans-serif !important;

	
	
}

#gem_screen ul li {
	font-size: 11pt;
	color: #B9B9B9;
	text-decoration: none;
	list-style-type: none;
	padding:5px;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-left: 0;

}


#gem_screen ul {
	margin-left: 0;
	    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
	text-decoration: none !important;

}

#gem_screen ul li:hover {

	font-size: 11pt;
	color: #0c191d !important;
	background-color: #353535;
	text-decoration: none;
}


#gem_screen ul li a:hover {

	font-size: 11pt;
	text-decoration: underline;
}




#gem_screen a {
	text-decoration: none;
	
}

#gem_screen ul li a {

	font-size: 11pt;
	color: #B9B9B9 !important;
	
	text-decoration: none;
}

#gem_screen ul li a:hover {

	font-size: 11pt;
	color: #0c191d !important;
	text-decoration: underline !important;
}

#gem_screen p, #gem_screen h1 {

	color: #fff;
}

.gem_screen_links {
	margin-top: 20px;
}



.frame {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(75, 104, 112);
	background-color: #0c191d;
	padding: 20px;
	font-weight: 300;
	font-style: normal;
	color: #9e9c9c;
	padding-left: 20px;

}



.profile-header {
	
	min-height: 10px; 
	background-color: #000; 
	color: white; 
	padding-left: 5px; 
	padding-right:5px;
	padding-top: 2px; 
	padding-bottom: 2px;
	font-family: axia-stencil, sans-serif !important;
	margin-top: 20px;

}

.profile-body {
	
	


	font-family: axia-stencil, sans-serif !important;
}


#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.75);
  z-index: 2;
 
}

#text-overlay{
  position: absolute;
  top: 250px;
  left: 50%;
  font-size: 20pt;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  
  padding: 20px;
    border: 1px solid #4b5968;
    margin-bottom: 5px;
    background-color: #13171b;
        font-family: axia-stencil,sans-serif!important;
        text-align:center;
}



/* BOOT STRAP OVERRIDES   */

@media (min-width: 1200px) {
.container {
/*   max-width: 1500px !important; */
	
}
	
}


@media (min-width: 768px){
.container {
    max-width: 1000px !important;
}
}