/*Solar Empire Main Directory Style Sheet*/
/*Aaron M. Schinder*/
/*17 Nov 2015*/
/*Version 1*/

:root
{
	font-family: "Arial";
	font-size: 12px;
	color: #FFFF00;
}

h1,h2,h3,p,div
{
	font-family: "Arial";
	font-size: 12px;
	color: #FFFF00;
}

h1
{
	font-size: 20px;
	color: #FFFF20
}

h2
{
	font-size: 16px;
}

body
{
	background-color: black;
}

.titlebar
{
	color: #FFFF20;
	font-family: "Arial";
	font-size: 28px;
	font-weight: bold;
	
	border-color: #FFFF20;
	border-size: 2px;
	border-radius: 15px;
	border-style: solid;

	width: 100vw; 
		/*This works sometimes, and % works sometimes, but neither works all the time*/
	height: 100px;
	text-align: center;
	vertical-align: center;
}

.leftbar
{
	color: #2090FF;
        font-family: "Arial";
        font-size: 16px;
        font-weight: bold;
        
        border-color: #FFFF20;
        border-size: 2px;
        border-radius: 15px;
        border-style: solid;

	width: 20%;
	text-align: center;
	vertical-align: top;
}

.mainpanel
{
	border-color: #FFFF20;
        border-size: 2px;
        border-radius: 15px;
        border-style: solid;
	
	/*background-image: url("SpacePics/orbitrendezvous2.png");
	background-size: 80%;
	background-repeat: no-repeat;*/
	width: 80vw;
}

div.button1
{
	font-face: "Arial";
	font-size: 16px;
	color: #00A0FF;;

	text-align: center;

        border-color: #00A0FF;
        border-size: 1px;
        border-radius: 5px;
        border-style: solid;

	background-color: #001050;
	opacity: 1.0;

	margin: 2px;
}

div.button1:hover
{
	background-color: #0030A0;
	border-color: #50FFFF;
	color: #50FFFF;
}


a.button1:link
{
	color: #00A0FF;
	text-decoration: none;
}

a.button1:link:hover
{
	color: #50FFFF;
	text-decoration: none;
}


div.button2
{
        font-face: "Arial";
        font-size: 16px;
        color: #00A000;

        text-align: center;

        border-color: #00A000;
        border-size: 1px;
        border-radius: 5px;
        border-style: solid;

        background-color: #103010;
        opacity: 1.0;

        margin: 2px;
}

div.button2:hover
{
        background-color: #305030;
        border-color: #50FF50;
        color: #50FF50;
}

a.button2:link
{
        color: #50FF50;
	text-decoration: none;
}

a.button2:link:hover
{
        color: #A0FFA0;
	text-decoration: none;
}