/* CSS Document */
html { 
min-height: 100%;
width:100%;
  }

@media screen and (max-width: 840px) {
 body 
  {
    
    min-height: 100%;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: 14px;
    background: 
     url("/images/gradientbottom.png")repeat-x left bottom,
     url("/images/starbackground.png");  
    background-size:initial,initial,auto,auto;   
    color: #EEFBFF;
    padding: 3px;
  }
  #maintext
{
  margin:auto;
  max-width: 90%;
}
.mobilehide
  {
    display:none;
  }
.logo
  {
  margin:auto;
  background:
  url("/images/smallogo.png") no-repeat;
  height:  94px;
  width: 182px;
  }
.logo2
  {
  margin:auto;
  background:
  url("/images/smalmagmml2logo.png") no-repeat;
  height:  73px;
  width: 240px;
  }
  .title
  { 
    margin: auto;
    min-width: 60%;
    max-width: 60%;
    background-color:#000000;
    border: 8px solid;
    padding: 6px;
    -webkit-border-image: url(/images/titleborder.png) 30% round; /* Safari 3.1-5 */
    -o-border-image: url(/images/titleborder.png) 30% round; /* Opera 11-12.1 */
    border-image: url(/images/titleborder.png) 30% round;
    color: #EEFBFF;
    text-decoration: Bold;
    font-variant: small-caps;
    font-family: "Impact", Times, serif;
    font-size: 20px;
    text-align: center; 
  }
}

 @media screen and (min-width: 840px) {
 body 
  {
    min-height: 100%;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: 14px;
    background: 
     url("/images/megaman.png") no-repeat ,
     url("/images/wily.png")   no-repeat right top ,
     url("/images/gradientbottom.png")repeat-x left bottom,
     url("/images/starbackground.png");  
    background-size:initial,initial,auto,auto;   
    color: #EEFBFF;
    padding: 3px;
  }
  #maintext
{
  margin:auto;
  max-width: 60%;
}

.logo
  {
   margin:auto;
   background:
   url("/images/biglogo.png") no-repeat;
   height:  188px;
   width: 364px;
  }
.logo2
  {
  margin:auto;
  background:
  url("/images/magmml2logo.png") no-repeat;
  height:  146px;
  width: 480px;
  }
.title
  { 
    margin: auto;
    min-width: 30%;
    max-width: 60%;
    background-color:#000000;
    border: 8px solid;
    padding: 6px;
    -webkit-border-image: url(/images/titleborder.png) 30% round; /* Safari 3.1-5 */
    -o-border-image: url(/images/titleborder.png) 30% round; /* Opera 11-12.1 */
    border-image: url(/images/titleborder.png) 30% round;
    color: #EEFBFF;
    text-decoration: Bold;
    font-variant: small-caps;
    font-family: "Impact", Times, serif;
    font-size: 24px;
    text-align: center; 
  }

}


h1 
  {
    color: red;
    background-color: transparent;
    text-decoration: underline;
  }
p 
  {
  
    color: white;
  }
  
p a
{
color: white;
//text-decoration: underline;
}

.border
  { 
    background-color:#206080;
    border: 16px solid;
    border-radius: 8px;
    padding: 15px;
    -webkit-border-image: url(/images/border.png) 30% round; /* Safari 3.1-5 */
    -o-border-image: url(/images/border.png) 30% round; /* Opera 11-12.1 */
    border-image: url(/images/border.png) 30% round;
    color: #EEFBFF;
    vertical-align:top; 
  }
  
#key
{
	margin: auto;
	width:396px;
	//display:inline-block;
	text-align:center;
}

#entry
{
	margin: auto;
	width:80%;
	//display:inline-block;
	text-align:center;
}

.iborder
{
	background-color:#000000;
	border: 8px solid;
	padding: 4px;
	-webkit-border-image: url(/images/imageborder.png) 10% round; /* Safari 3.1-5 */
	-o-border-image: url(/images/imageborder.png) 10% round; /* Opera 11-12.1 */
	border-image: url(/images/imageborder.png) 10% round;
}

.thead
  {
  text-decoration: Bold, underline;
    font-variant: small-caps;
    font-family: "Impact", Times, serif;
    font-size: 24px;
  }
 
/* unvisited link */
a:link {
    color: hotpink;
}

/* visited link */
a:visited {
    color: hotpink;
}

/* mouse over link */
a:hover {
    color: white;
}

/* selected link */
a:active {
    color: red;
}
//center
.center {
    margin: auto;
    width: 100%;
   text-align: center; 
}

.text
  {
   text-align: left;
   vertical-align: top;
  }
  

  .jupitext
  { 

    display:table-cell; 
    vertical-align:top; 


  }
  
  h1
    {
    color: #EEFBFF;
    font-variant: small-caps;
    font-size: 22px; 
    }
  h1.strong
    {
    color: #EEFBFF;
    text-decoration: bold;
    font-variant: small-caps;
    font-size: 23px; 
    }
  //info tables
 table.fill tr:nth-child(even) {margin: auto;
 background: #206080}
 table.fill tr:nth-child(odd) {
 margin: auto;
 background: #256E93}
 table.fill tr:nth-child(1) {
 margin: auto;
 background: #143C50}



//dropdown buttons
.dropbtn {
    background-color: #008080;
    color: white;
    font-variant: small-caps;
    font-family: "Impact", Times, serif;
    padding: 16px;
    font-size: 20px;
    font-color: white;
    cursor: pointer;
    border-radius: 4px;
    min-width: 160px;
    min-height: 32px;
}

.dropdown {
margin:auto;
    position: relative;
    display: inline-block;
}

.dropdown-content {
	color: white;
    display: none;
    position: absolute;
    background-color: #008080;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #009E9C}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #00605F;
}
//icons

img.icon1
{
width:18px;
height:16px;
background:url(/images/icons.png) 0 0;
}
img.icon2
{
width:18px;
height:16px;
background:url(/images/icons.png) -18px 0;
}
img.icon3
{
width:18px;
height:16px;
background:url(/images/icons.png) -36px 0;
}
img.icon4
{
width:18px;
height:16px;
background:url(/images/icons.png) -54px 0;
}        
img.icon5
{
width:18px;
height:16px;
background:url(/images/icons.png) -72px 0;
}
img.icon6
{
width:18px;
height:16px;
background:url(/images/icons.png) -90px 0;
}


#my_centered_buttons { display: flex; justify-content: center;}


// game listings

table.equalDivide
{
	color:#303030;
	line-height: 1.4;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	text-decoration: none;
}

td.gameHeader
{
	vertical-align: top;
	width: 275px;
	height: 114px;
	background: #124b66; //#549BBD; //#183858;
	text-shadow: #031b31 1px 1px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

td.gameHeader a
{
	color: white;
	text-decoration: none;
}

td.gameHeader img
{
	
	display: block;
	max-width:175px;
	max-height:80px;
	width: auto;
	height: auto;
}

td.gameLinks
{
	vertical-align: top;
}

td.gameLinks a
{
	color: #8fbae4;//#A9DCF4; //#8FBAE4;
	text-decoration: none;
}

td.gameLinks a:hover
{
	color: white;
}


pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}