/* Even newer style sheet for sa-matra.net */

/* Generic HTML tags */ 
h1					{color: #008600;margin-top:0.25rem;margin-bottom:0.25rem;font-size:large;}		/* Used for the front page greeting quote */
h2					{color: #ffff7f;margin-top:0.25rem;margin-bottom:0.25rem;font-size:large;}		/* Large yellow headings */
h4					{color: #ffff7f;margin-bottom:0.75rem;margin-top:0px;font-size:medium;}			/* Player quotes - small yellow heading */
h5					{color: #c0c0e0;text-align:center;}												/* Credits at bottom of page */
hr					{width:65%;border:1px solid #393939;margin-top:1.5rem;margin-bottom:1.5rem;}	/* Separators */
body				{font-family: Arial, sans-serif;background: url('landergrid.gif') fixed;}		/* Sans serif with background */

/* General screen layouts - by screen size */

/* Large screen - both menus shown */
@media only screen and (min-width: 1200px)
{
body				{width:94%;margin-left:auto;margin-right:auto;}									/* Narrower body */
.leftmenu			{float:left;width:13rem;margin-right:0.25rem;}									/* Left menu is visible */
.rightmenu			{float:right;width:9rem;margin-left:0.25rem;}									/* Right menu is visible */
.maincontent		{margin-left:13.25rem;margin-right:9.25rem;text-align:center;}					/* Main content sized to accommodate both menus */
.hidewhenbig		{display:none;}																	/* HideWhenBig items hidden */
.hidewhensmall		{display:block;}																/* HideWhenSmall items shown */
.hidetablewhenbig	{display:none;}																	/* HideWhenBig table cells hidden */
.hidetablewhensmall {display:table-cell;}															/* HideWhenSmall teble cells shown */

}

/* Medium screen - left menu only */
@media only screen and (max-width: 1200px)
{
body				{width:100%;margin-left:auto;margin-right:auto;}								/* Full width body */
.leftmenu			{float:left;width:13rem;margin-right:0.25rem;margin-left:0.25rem;}				/* Left menu is visible */
.rightmenu			{display: none;}																/* Right menu is hidden */
.maincontent		{margin-left:13.5rem;margin-right:0.25rem;text-align:center;}					/* Main content sized for just one menu */
.hidewhenbig		{display:none;}
.hidewhensmall		{display:block;}
.hidetablewhenbig	{display:none;}
.hidetablewhensmall {display:table-cell;}

}

/* Small screen - mobile layout */
@media only screen and (max-width:768px)
{
body				{width:100%;margin:0px;}
.leftmenu			{float:none; margin-left:0rem;margin-right:0rem;width:auto;}
.rightmenu			{display: none;}
.maincontent		{margin-left:0rem;margin-right:0rem;text-align:center;}
.hidewhenbig		{display:block;text-align:center;}
.hidewhensmall		{display:none;}
.hidetablewhenbig	{display:table-cell;}
.hidetablewhensmall {display:none;}

}

/* Common boxes */

/* Standard grey box, out-style grey borders */
.boxgrey			{
					background-color: #525252;
					border-color: #393939 #7b7b7b #7b7b7b #393939;
					border-style: solid;
					border-width: 0.2rem;
					}
					
/* Standard green box, in-style grey borders. Green text. */
.boxgreen			{
					background-color:#002800;
					border-color: #7b7b7b #393939 #393939 #7b7b7b;
					border-style: solid;
					border-width: 0.2rem;	
					color:#008600;
					font-weight:bold;
					text-align:center;					
					}
					
/* Standard black box, in-style grey borders */
.boxblack		{
					background-color:#000000;
					border-color: #7b7b7b #393939 #393939 #7b7b7b;
					border-style: solid;
					border-width: 0.2rem;					
					}
					
/* Standard blue box, in-style grey borders */
.boxblue			{
					background-color:#0000aa;
					border-color: #7b7b7b #393939 #393939 #7b7b7b;
					border-style: solid;
					border-width: 0.2rem;
					}

/* Fills background with the fleet grid. Inner-style grey borders. */
.fleetgrid	{
			background-image:url('fleetgrid.png');
			border-color: #7b7b7b #393939 #393939 #7b7b7b;
			border-style: solid;
			border-width: 0.2rem;
			}

/* Fills background with the planet lander background grid. Inner-style grey borders. */
.boxgrid	{
			background-image:url('landergrid.gif');
			border-color: #7b7b7b #393939 #393939 #7b7b7b;
			border-style: solid;
			border-width: 0.2rem;
			}
			
/* Main text area - dark blue */
.boxdarkblue		{
					background-color:#000014;
					border-color: #7b7b7b #393939 #393939 #7b7b7b;
					border-style: solid;
					border-width: 0.2rem;					
					}

/* Separate text formatting where needed */
.calign		{text-align:center;}				
.yellow 	{color: #ffff7f;}

					
					
/* Left menu specific classes */

/*Margins around the site logo and display of menu items */
@media only screen and (min-width: 1200px)
{
					.titlemargins {margin-top:1rem;margin-bottom:1rem;margin-left:0.5rem;margin-right:0.5rem;padding:2px;}
					.flexmargins {margin-top:1rem;margin-left: 1rem;margin-right: 1rem;margin-bottom:1rem;}
}

@media only screen and (max-width: 1200px)
{
					.titlemargins {margin-top:1rem;margin-bottom:1rem;margin-left:0.5rem;margin-right:0.5rem;padding:2px;}
					.flexmargins {margin-top:1rem;margin-left: 1rem;margin-right: 1rem;margin-bottom:1rem;}
}

@media only screen and (max-width:768px)
{
					.titlemargins {margin-top:0.1rem;margin-bottom:0.1rem;margin-left:0.5rem;margin-right:0.5rem;padding:2px;}
					.flexmargins {margin-top:0.5rem;margin-left: 0.5rem;margin-right: 0.5rem;margin-bottom:0.5rem;}
					.menuitem {display:inline-block;}
}

/* Left menu items */
.menuitem			{color:#00aaaa;font-weight:bold;padding-top:0.1rem;padding-bottom:0.1rem;font-size:larger;}
.menuitem a 		{text-decoration:none;display:block;color:#00aaaa;}
.menuitem a:visited {color:#00aaaa;}
.menuitem a:hover	{background:#5555ff;color:#55ffff;}

/* Left menu decorative conversation wave */
.boxwave			{
					height:10rem;background-image:url('convwave.png');
					background-size:auto 100%;
					border-color: #7b7b7b #393939 #393939 #7b7b7b;
					border-style: solid;
					border-width: 0.2rem;
					}


					/* Main text area text format */
.boxtext			{
					text-align:left;
					color: #c0c0e0;
					font-weight:bold;
					padding:0.75rem;
					}
					
.boxtext p			{margin-top:0px;margin-bottom:0.5rem;}

/* Indent for ZFP conversations etc */
.indented	{margin-left:2rem;}
.leftpad	{padding-left:0.75rem;}
					
/* Hide viewscreen quote if so ordered */
.hide		{display:none;}

/* Recent Updates bullet points */
.news	{list-style:square;padding-left:1rem;}
.news li {margin-bottom:0.25rem;}




/* Sub-box grid - 3 wide at full size, 2 wide on medium, 1 wide on mobile. Add 'Wider' class to force 2 wide at full size. */
.subbox				{
					display:inline-block;
					text-align:center;
					background:black;
					margin:0.5rem;
					font-size:1.15rem;
					border-color: #393939 #7b7b7b #7b7b7b #393939;
					border-style: solid;
					border-width: 0.2rem;					
					}
.subbox a			{text-decoration:none;display:block;color:#c0c0e0;padding-bottom:0.2rem;}
.subbox a:visited	{color:#c0c0e0;}
.subbox a:hover		{background:#260042;color:#55ffff;}


/* Largest screen size */
@media only screen and (min-width: 1200px)
{
.subbox			{width:28%;}
.subbox.wider	{width:40%;}
}
	
/* Medium screen size */	
@media only screen and (max-width: 1200px)
{
.subbox			{width:40%;}
.subbox.wider	{width:40%;}						
}

/* Mobile screen size */
@media only screen and (max-width:768px)
{
.subbox			{width:auto;}
.subbox.wider	{width:auto;}
}

/* Sound effect box formatting */

.soundbox			{
					display:inline-block;
					text-align:left;
					margin-top:0px;
					margin-left:0.5rem;
					margin-right:0.5rem;
					margin-bottom:0px;
					width:94%;
					max-width:50rem;
					}

.soundbox a			{text-decoration:none;display:block;color:#c0c0e0;padding-bottom:0.2rem;}
.soundbox a:visited	{color:#c0c0e0;}
.soundbox a:hover	{background:#260042;color:#55ffff;}
				
/* Formatting for the main sound table */
.soundtable			{
					background-color: #525252;
					border-color: #393939 #7b7b7b #7b7b7b #393939;
					border-style: solid;
					border-width: 0.2rem;
					border-collapse:separate;
					width:100%;
					max-width:50rem;
					}
					
/* Square boxes for icons */
.box3x3				{
					background-color:#000000;
					border-color: #7b7b7b #393939 #393939 #7b7b7b;
					border-style: solid;
					border-width: 0.2rem;
					width:3rem;
					height:3rem;
					min-width:3rem;
					min-height:3rem;
					background-size:102%;
					background-repeat:no-repeat;
					background-position:center;
					}





							
/* Anything below here is under review
							
/* Purple page header. No longer used.
h3					{color:  #d800d8;margin:0.1em;}	

/* No spaces on viewscreen
.viewscreen {padding:0px;font-size:0px;}

/* Green text to accompany green box
.greentext			{
					color:#008600;
					font-weight:bold;
					text-align:center;
					}

/* Grey box, out-style grey borders
.boxgrey-og			{
					background-color: #525252;
					border-color: #393939 #7b7b7b #7b7b7b #393939;
					border-style: solid;
					border-width: 0.2em;
					}
					
/* Grey box, in-style grey borders
.boxgrey-ig			{
					background-color: #525252;
					border-color: #7b7b7b #393939 #393939 #7b7b7b;
					border-style: solid;
					border-width: 0.2em;
					}
					
										
/* Blue box, outer-style blue borders
.boxblue-ob			{
					background-color:#0000aa;
					border-color: #000071 #0004eb #0004eb #000071;
					border-style: solid;
					border-width: 0.2em;
					}
					
					
/* Green box, in-style grey borders
.boxgreen-ig		{
					background-color:#002800;
					border-color: #7b7b7b #393939 #393939 #7b7b7b;
					border-style: solid;
					border-width: 0.2em;						
					}
					
/* Green box, no borders
.boxgreen-old			{
					background-color:#002800;
					padding-left:1em;padding-right:1em;
					}
					

/* Melee ship box
.boxmelee			{
					background-color: #525252;
					border-color: #393939 #7b7b7b #7b7b7b #393939;
					border-style: solid;
					border-width: 0.4em;
					}
											

/* Inner border is blue
.innerblue	{
			border-color: #0004eb #000071 #000071 #0004eb;
			border-style: solid;
			border-width: 0.2em;
			}

			
/* Standard black boxes			
.boxblackpad	{background-color:#000000;padding:0.25em;}



/* Assorted padding
.padleft {padding-left:0.5em;}
.padall	 {padding:0.5em;}

*/