/*	/* CSS Document for black star background pages*/
	
/*Base Elements */
	
html {
    font-size: 100%;
	line-height: 1;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;}

body 
{
	font-size: 100%;
	font-family:  "Source Serif Pro", "Times New Roman", Georgia, Times, serif;
	margin: 0;
	padding: .5em;
	background-image: url(../st2back.gif);
	color: #ffffff;}

/*	Use for black page on star background*/	
.blstar {

	background:#000000;
	padding: .5em;
	margin-left:auto; 
	margin-right:auto;
	display:block;
	border:solid;
	border-width: .051em;
	border-color:gray;
	}		

/*	Use for plain black page*/	
body#black 
{
	font-size: 100%;
	font-family:  'Source Serif Pro',"Times New Roman", Georgia, Times, serif;
	margin: 0;
	padding: .5em;
	background: #0d0d0d;
	color: #ffffff;}	

/*	Use for 2-column layout - article plus aside*/
body#full{
	margin-top: .5rem;
	margin-bottom: 0;
	margin-left: 1.0313rem;
	margin-right: 1rem;
	padding: .5rem;
	background-image: url(../st2back.gif);
	font-family: "Source Serif Pro", "Times New Roman", Georgia, Times, serif;
	color: #ffffff;	}
	
/*	Temp layout for 2020 full pager*/

/*	Create black page on index background*/

body#ind{
	margin-top: .5rem;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: .5rem;
	background-image:   url("../images/myback.gif");
	font-family: "Source Serif Pro", "Times New Roman", Georgia, Times, serif;
	color: #ffffff;}

.pageblack {

    width: 80%;
	background-image: url(../st2back.gif);
	padding: .5em;
	margin: 0 auto; 
	/* display:block; */
	border:solid;
	border-width: .051em;
    border-color:gray;

	}
	
.pbem  { 	/* this is not responsive */
	width: 65em;
	}
	
.pbper {
	width: 85%;
	}		


/* end pageblack*/

p {
	font-size: 1.0313rem;  /*16.5 / 16 = 1.03125  */
	line-height: 1.163rem; /* 19 / 16 = 1.1875  */
	                      /* 1.03125 * 1.1875 = 1.22609375 round 1.2  = 1.2 is ideal*/
						  /* 1.2 / 1.03125 = 1.163636*/}

li {
	font-size: 1.0313rem;  
	line-height: 1.163rem; 
}
/*	Aside to simulate 2-columns*/
aside {
    max-width: 32%;
    flex: 30%;
	text-align:center;
	margin: 0 auto;
	padding:2px; 
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 1; /*This code is not valid*/
    color:#C6C;
}
	
aside .cap {  /*aside caption*/
	font-size: 14px;
}

/*	Really a container for article text */

.grat { 
    flex: 60%;
	/*width: 600px;  reading length was 578 */
	margin-left: 1.3em;
	margin-right: 1.3em;
    text-align:justify;
}	


/*Link Color Controls for black background */

a:link {
	color: #c388c3;
	}

a:visited {	
	color:#99a6cc;
	}

/* mouse over link */
a:hover {
   background-color: #ccccff;}

a:active {
	color: #ccd9ff;}

#gatenav a:hover{
	background-color: transparent;}


	
/* HTML5 Special Div Elements */

#header {
	margin: 5px;
	padding: 10px;
	font-family: "Source Serif Pro", "Times New Roman", Times, serif;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	}  /*use <header id="header"> until updated */

article {
	margin: 5px;
	padding: 10px;
	font-family: "Source Serif Pro","Times New Roman", Times, serif;}

#bottom-nav
{
	clear:both;
	margin-left:1em;
	margin-right:1em;
	font-family: "Source Serif Pro", "Times New Roman", Times, serif;
	font-size: 1em;
	color: #ffffff;
	}	/*use <footer id="footer"> until updated for Opposition Page all others change*/

footer
{
	clear:both;
	font-family: "Source Serif Pro", "Times New Roman", Times, serif;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;	
	background-color: rgba(114, 167, 233, 0.5);
	border-style: solid;
	border-color: #ccc;
	font-size: 1rem;
	padding: 0.5rem;
	}	/*removed <footer id="footer"> watch for problems*/
	
/* Unique Div Styles */

.wrapper{margin: .5em}

#smgateban{display: none;	 }

/*Style for link blocks and comments, link = link text*/
/*See .links in comstyle*/

/*Astra's comments*/		
.linfo{                 
	color: #ff99ff;   /*magenta for black pages*/
	text-indent: 2em;
}


/* Styles for 3-column Layout */
#left {
	position: absolute;
	left: 14px;
	top: 170px;
	width: 120px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	color: #ffffff;}
	
#center {
	top: 160px;
	margin-left: 165px;
	margin-right: 10.625em;   /* 170px/16 */
	padding: .625em;  /* 10px/16 */
	font-family: "Source Serif Pro", "Times New Roman", Times, serif;
	color: #ffffff;}

#right {
	position: absolute;
	right: 15px;
	top: 170px;
	width: 140px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: right;
	padding-right:1px;}

/*Styles for Astra's home page nav teal bar*/	 
#astras {
	background-color: #66cccc ;
	background-image: url(../images/teal-1.gif);
	border: solid;
	border-width: 2px;
	border-color: #000066;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0, 1em;
	padding: 5px, 0;
	color: #000066;
	font-weight: bolder;
	text-decoration:none;
	text-align: center;
}
	
a.astras:link{
	color: #0066FF;
	text-decoration:none;
}
	
a.astras:visited {color: #000066; text-decoration:none}	
	
#wordnav {
	text-align: center; margin-top: 3em;}

/*List Style Controls */

ul.links{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	font-style: normal;
}

/* Styles for Tables */
.tdleft{
		text-align:left; 
		border:0px; 
		border-style:none; 
		padding:2px;}	

.tdcen{
	text-align:center; 
	border:0px; 
	border-style:none; 
	padding:2px;
	}
	
.trheader{
	background:#000000; 
	font-weight:bold;
}	
	
table.center {
    margin-left:auto;
	margin-right:auto;
}
		 
/* Layout Controls */

.nobord {
	border: 0;
}

/* Theme Stargate/Black Color Styles */

.bblack{
	background-color:#000000;
}


/*	Image Controls* pls use comstyle if possible*/	

.limitlarge{
	max-width: 75em; 
	margin: auto;
	}

.buttTest {
  background-color: #009; /* dkblue */
  border: none;
  color: white;
  padding: 1.03em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  }

/*Styles for 3 Faces of Mars */

img#himage {
	display: block;	
	margin: 0 auto;
	border: solid 4px;
	border-color:#FC9; 
	padding:2px;}

.smaller {
	width: 75%;
	margin: auto;
	}

.marsbling {
	color:#FC3
	}

.ochre {
	color:#FC9
	}

.borange {
	border: solid 1px; 
	border-color: #FC9;
}
/* Media Queries */

@media screen and (max-width: 35em) {
		
    #gatenav {
        display:none;
        }
    
    #smgateban{
        display: inline; 
        padding-bottom: 1em;}
         
    #left {
        position:static;
        width: 200px;
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #ffffff;
        }
    
    #right {
        position:static;                                    
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #ffffff;
        text-align: left;
        }
    
    #center {
        width: 100%;
        margin-left: 2px;
        margin-right: 2px;
        padding-bottom: 2px;
        font-family: "Source Serif Pro", "Times New Roman", Times, serif;
        color: #ffffff;
    
        }
    } 
    
    /*End media query 35em*/