/*** MMLS V6 MAIN ***/

/* General Main */
html { min-height:100%; }
body {
	text-align:center; font-size:15px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;
	margin:4px 0px 0px 0px;
	background-position:center bottom;
	background-repeat:repeat-x;
	background-attachment:fixed;
}
@font-face { font-family:bband; src:url(bband.ttf); }
.fontbband { font-family:bband; }
h1 { margin:0; font-size:32px; font-weight:bold; font-family:bband; }
h2 { margin:0; font-size:24px; font-weight:bold; }
h3 { margin:0; font-size:19px; font-weight:bold; }
h4 { margin:0; font-size:16px; font-weight:bold; }
a:link    { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover   { text-decoration:underline; }
blockquote {
	background-image:url(terra/blockquote.png);
	border-left:8px solid #000000;
	border-radius:8px 0 0 8px;
	margin:17px; padding:10px;
}

/* Site Name & Map Button */
.bannertop {
	width:100%; height:80px; margin:auto;
	background-position:center top;
    background-repeat:no-repeat;
}
.bannername1 {
	width:483px; text-align:left;
	margin:18px 82px 0px 19px; padding:2px 0px 4px 12px;
	background-color:#000000;
	box-sizing:border-box; border-radius:8px;
	display:inline-block; vertical-align:top;
}
.bannername2 {
	text-align:left; line-height:120%;
	margin:10px 0px 0px 56px; padding:0px;
	box-sizing:border-box; border-radius:8px;
	display:none; vertical-align:top;
}
.bannername1 a:link,    .bannername2 a:link    { color:#FFFFFF; text-decoration:none; transition:0.2s; }
.bannername1 a:visited, .bannername2 a:visited { color:#FFFFFF; text-decoration:none; transition:0.2s; }
.bannername1 a:hover,   .bannername2 a:hover   { color:#FF0000; text-decoration:none; transition:0.2s; }

.bannermap {
	width:134px; text-align:center;
	margin:30px 13px 0px 13px; padding:0px 0px 1px 0px;
	background-color:#000000;
	box-sizing:border-box; border-radius:4px;
	display:inline-block; vertical-align:top;
}
.bannermap a:link    { color:#FFFFFF; text-decoration:none; transition:0.2s; }
.bannermap a:visited { color:#FFFFFF; text-decoration:none; transition:0.2s; }
.bannermap a:hover   { color:#FF0000; text-decoration:none; transition:0.2s; }

/* Site Map */
.mapdisplay { position:absolute; left:0px; top:0px; width:100%; z-index:3; text-align:center; }
.mapdisplay img { padding:0px 2px 0px 2px; }
.mapbody {
	min-height:280px; background-color:#000000;
	box-sizing:border-box; display:flex;
	justify-content:center; align-items:flex-start;
	-webkit-flex-flow:row wrap; flex-flow:row wrap;
}
.mapfoot {
	width:100%; height:30px;
    background-position:center top, center top;
    background-repeat:no-repeat, repeat-x;
}
.maptext {
	color:#FF0000; text-align:left; font-size:8pt; font-family:Arial, Helvetica, sans-serif;
	width:105px; margin:0; padding:15px 0px 0px 0px; line-height:14px;
}
.mapgrid { display:inline-block; padding:0px 0px 15px 0px; }
.maptext a:link { color:#FFFFFF; }
.maptext a { color:#FFFFFF; text-decoration:none; position:relative; }
.maptext a:after {
	content:'';
	position:absolute;
	bottom:0; left:0; width:0%;
	border-bottom:1px solid #FF0000;
	transition:0.2s;
}
.maptext a:visited { color:#FFFFFF; text-decoration:none; }
.maptext a:hover { color:#FF0000; }
.maptext a:hover:after { width:100%; }
.maptext s { color:#666666; }
.mapshowhidetext { font-family:bband; font-size:16px; cursor:pointer; }
.mapshowhidetext:hover { color:#FF0000; transition:0.2s; }
input[type=radio] { display:none; }
span#sitemap { display:none; }
input#mapshow:checked ~ span#sitemap { display:block; }
input#maphide:checked ~ span#sitemap { display:none; }

/* Banner Image */
.bannerbox {
	max-width:980px; height:144px; margin:auto;
    background-position:center bottom, left top, right top;
    background-repeat:no-repeat, no-repeat, no-repeat;
	box-sizing:border-box;
}
@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 200% 0; }
}
#bannerpic { 
	max-width:980px; height:144px; margin:auto;
	background-position:0px 0px;
	background-repeat:repeat-x;
	border-radius:5px;
	animation: animatedBackground 60s linear infinite;
}

/* Main Navigation */
.nav1 {
	max-width:888px; height:72px;
	text-align:center; font-family:bband; font-size:16px;
	margin:auto; padding:19px 12px 0px 12px;
	display:flex; flex-flow:row wrap;
	justify-content:center; align-items:center;
    background-position:center top, left top, right top, center top;
	background-size:auto, auto, auto, 50% 72px;
    background-repeat:no-repeat, no-repeat, no-repeat, no-repeat;
	box-sizing:border-box;
}
.nav1 > div {
	width:40px; line-height:100%;
	flex-grow:1; align-self:flex-start;
}
.nav1 a:link,    .nav2 a:link    { color:#FFFFFF; text-decoration:none; transition:0.2s; }
.nav1 a:visited, .nav2 a:visited { color:#FFFFFF; text-decoration:none; transition:0.2s; }
.nav1 a:hover,   .nav2 a:hover   { color:#FF0000; text-decoration:none; transition:0.2s; }

.nav2 {
	max-width:800px; height:70px;
	margin:auto; padding:16px 16px 0px 16px;
	text-align:center; font-family:bband; font-size:16px;
    background-position:left top, right top, left bottom, right bottom, center top, center top, left center, right center, center bottom;
    background-size:auto, auto, auto, auto, auto, 85% 40px, auto, auto, 85% 40px;
	background-repeat:no-repeat;
	box-sizing: border-box; display:none;
}
.nav2a { display:block; }
.nav2b { display:none; }
.nav2a > div, .nav2b > div { width:20%; display:inline-block; }
.nav2c > div { width:40%; height:35px; display:inline-block; }
.nav2d { width:20% !important; background-position:center bottom; background-repeat:no-repeat; }

/* Page Structure */
.pagecontent {
	max-width:908px; text-align:left;
	margin:auto; padding:15px;
	box-sizing: border-box;
}
.pagecontent a[href^="http://"]:not([href*="legends-station.com"]):after, .pagecontent a[href^="https://"]:not([href*="legends-station.com"]):after {
    content: ""; /* external link marker */
    width:11px; height:11px; padding-right:15px;
}
.pagetitle {
	width:100%; min-height:36px; color:#FFFFFF;
	margin:0px 0px 20px 0px; padding:3px 0px 4px 36px;
	background-position:left center; background-repeat:no-repeat;
	box-sizing:border-box; border-radius:6px;
}

/* Footer */
footer {
	max-width:980px; min-height:54px; font-size:12px; text-align:center;
	margin:0px auto 10px; padding:17px 24px 17px 24px; background-color:#000000;
    background-position:left top, right top, left bottom, right bottom, center top, left center, right center, center bottom;
    background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-y, repeat-x;
	box-sizing:border-box;
}
.foottext { width:52%; text-align:left; padding:4px 0px 3px 0px; display:inline-block; vertical-align:bottom; }
.aff1 { width:48%; text-align:right; padding:2px 0px 0px 0px; display:inline-block; vertical-align:bottom; }
.aff1 img { vertical-align:-25%; }
.aff1 img:hover { -webkit-filter: brightness(150%); }
.aff2 { width:100%; font-size:12px; text-align:center; padding:4px 0px 4px 0px; display:none; }
.aff2 a { padding:1px 4px 0px 4px; border-radius:4px; }
.aff2 a:hover { text-decoration:none; }

/* ALERT */
.alert {
	margin:6px auto; max-width:960px; padding:5px 10px 1px 10px; text-align:left; font-size:14px;
	background:#393640; box-sizing:border-box; overflow:hidden;
	border:5px solid transparent; border-image:url(alert.png) 20 round;
}
.alert img:hover { -webkit-filter: brightness(125%); }

/* General Content */
img { max-width:100%; height:auto; }
p { text-indent:35px; margin:0; }
.alignleft   { text-align:left; }
.aligncenter { text-align:center; }
.alignright  { text-align:right; }
.floatleft { float:left; padding:4px 9px 4px 1px; }
.floatright { float:right; padding:4px 1px 4px 9px; }
.size12 { font-size:12px; }
.inviso { opacity:0; }
.textfield { padding:0px 18px 0px 18px; box-sizing:border-box; overflow:auto; clear:both; } /*clear added so news tags don't mess textfield up*/
/*.textfield a:hover { color:#FF0000; text-decoration:none; background-color:#000000;  border-radius:4px; padding:1px 0px 1px 0px; }*/
.boxfield { margin: 0px 10px 0px 10px; }
.inblock { display:inline-block; vertical-align:top; }

/*a[target="_blank"]:after { content: url(IMAGEURL); }
a:not([href*='legends-station.com']):not([href^='#']):not([href^='/']):after {}
::-moz-selection {
  color: red;
  background: yellow;
}
::selection {
  color: red;
  background: yellow;
}*/

.category1 {
	color:#FFFFFF; font-size:19px; font-weight:bold;
	width:100%; min-height:24px;
	margin:0px 0px 10px 0px; padding:1px 0px 0px 35px;
	box-sizing:border-box; border-radius:12px 0px 0px 12px;
}
.category2 {
	color:#FFFFFF; font-size:19px; font-weight:bold;
	width:100%; min-height:24px;
	margin:0px 0px 10px 0px; padding:1px 35px 0px 35px;
	box-sizing:border-box; border-radius:12px;
}
.box1 {
	padding:10px; margin:8px; vertical-align:top;
	background-position:center top; background-repeat:repeat;
	border-radius:10px;
	box-sizing:border-box; display:inline-block;
}
.box2top {
	color:#FFFFFF; font-weight:bold;
	width:100%; margin-bottom:8px; padding:1px 0px 0px 0px;
}
.box2 { margin:8px; }
.box3 { width:100%; }
.box2, .box3 {
	padding:0px 5px 5px 5px; vertical-align:top;
	background-position:center top, center bottom; background-repeat:repeat-x, repeat-x;
	border-radius:10px; box-sizing:border-box; display:inline-block;
}
.box3 table { width:100%; text-align:left; }
.box3 th, td { padding:2px 5px; }
.box3 tr:hover { transition:0.1s; }
.box3 td:nth-last-child(1) { text-align:right; }
.related {
	width:100%; height:35px; line-height:1.7;
	margin:0px 0px 10px 0px; padding:5px 0px 0px 35px;
	background-position:left top; background-repeat:no-repeat;
	box-sizing:border-box;
}
.dot {
	width:7px; height:7px; margin:0px 2px 2px 2px;
	border-radius:50%; display:inline-block;
}

/* News */
.news1 {
	width:100%; min-height:25px; color:#FFFFFF; font-size:13px;
	margin:0px; padding:2px 18px 2px 18px;
	background-position:left bottom, right bottom; background-repeat:no-repeat;
	box-sizing:border-box; border-radius:8px 8px 0px 0px;
}
.news2 {
	color:#FFFFFF; font-size:13px;
	width:100%; min-height:22px;
	margin:0px 0px 10px 0px; padding:2px 18px 3px 18px;
	background-position:left top, right top;
	box-sizing:border-box; border-radius:0px 0px 8px 8px;
	overflow:hidden; /*overflow added to drop the box down to include floated tags*/
}
.news3 { font-size:15px; font-weight:bold; }
.news4 { text-align:right; margin-top:2px; float:right; }
.news4 img { margin-top:1px; }
.newstags { text-align:right; margin-top:2px; float:right; }
.newstags a { padding:1px 3px 0px 3px; border-radius:4px; line-height:18px; }
.newstags a:hover { text-decoration:none; }
.newsimage { margin:auto; text-align:center; }

/* Forms */
input[type=submit] {
	min-width:150px; height:24px;
	color:#000000; font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
	margin-top:4px; text-align:center; padding:1px 4px 2px 4px;
	cursor:pointer;
}
.styleselect { width:150px; height:24px; }
select {
	font-size:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;
	min-width:150px; height:24px; margin-top:0px;
}

/* Game Main */
.gamecover {
	float:right; text-align:center; margin-bottom:20px;
	display:inline-block; vertical-align:top;
}
.gamenav {
	width:200px; padding:10px 4px; margin:5px; vertical-align:top;
	color:#FFFFFF; font-size:18px; font-family:bband;
	text-align:center; background-color:#000000; border-radius:10px;
	box-sizing:border-box; display:inline-block;
}
.gamenav a:link    { color:#FFFFFF; text-decoration:none; transition:0.2s; }
.gamenav a:visited { color:#FFFFFF; text-decoration:none; transition:0.2s; }
.gamenav a:hover   { color:#FF0000; text-decoration:none; transition:0.2s; }

/* Gallery */
.gallery { margin:0px 9px 0px 9px; }
.gallery img { margin:9px; border:2px solid #000000; }
.gallery a:link img { border-color:#000000; transition:0.4s; }
.capcon {
	padding:5px; margin:5px; vertical-align:top;
	font-weight:bold; border-radius:5px;
	box-sizing:border-box; display:inline-block;
}

.imgcaption {
	color:#FFFFFF; font-size:12px; text-align:center;
	padding-bottom:2px;
	border-radius:0px 0px 6px 6px;
	box-sizing:border-box; display:inline-block;
}

.video {
	max-width:640px;
	margin:auto; 
	background-color:#000000;
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}
.video iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
}
.voicebox {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.voicebox > div {
	width:360px;
	margin:10px; padding:2px 0px 2px 5px;
	text-align:left;
	border-radius:10px;
	box-sizing:border-box;
}
.voiceclip {
	border:1px solid #000000;
	background:#000000;
	padding:0px; margin:4px 0px 3px 0px;
	line-height:0;
	width:182px; overflow:hidden;
}
.voiceclip:hover { border-color:#FFFFFF; }
.voiceplay {width:182px; height:28px;}

/* Fan Sections */
.fanart {
	width:150px; font-weight:bold; font-size:14px; text-align:center;
	margin:8px; padding:6px 10px; vertical-align:top;
	background-position:center top; background-repeat:repeat;
	border-radius:10px;
	box-sizing:border-box; display:inline-block;
}
.fanart img { margin:2px 0px 2px 0px; }
.fanart img:hover { -webkit-filter:brightness(125%); }

.swbox { display:inline-block; vertical-align:top; margin-top:2px; }
.swtxt { font-size:13px; color:#FFFFFF; background-color:#000000; border-radius:4px; }

/* Screen Sizes */
@media only screen and (max-width: 880px) {
	.gamecover img { max-width:400px; height:auto; }
}
@media only screen and (max-width: 800px) {
	.nav1 { display:none; }
	.nav2 { display:block; }
	.gamecover img { max-width:280px; height:auto; }
}
@media only screen and (max-width: 760px) {
	h1 { margin:0; font-size:28px; transition:0.2s; }
	.bannertop {
		width:90%; height:70px; text-align:left;
		background-position:left top, right top, center bottom, center top;
		background-size:auto, auto, auto, 50% 70px;
		background-repeat:no-repeat;
	}
	.bannername1 {
		width:auto; margin:18px 0px 0px 19px; padding:0px 5px 1px 5px;
		background-image:none; transition:0.2s;
	}
	.bannername1 img { line-height:1.7; }
	.bannermap {
		width:94px; margin:25px 13px 0px 13px; padding:0px 0px 1px 0px;
		background-image:none; float:right;
	}
	.foottext { width:36%; }
	.aff1 { width:64%; }
}
@media only screen and (max-width: 660px) {
	.bannertop {
		height:72px;
		background-position:center bottom, left top, right top, center top;
		background-size:auto, auto, auto, 70% 72px;
		background-repeat:no-repeat;
	}
	.bannername1 { display:none; }
	.bannername2 { display:inline-block; }
	.bannermap {
		width:36px; line-height:90%;
		margin:21px 18px 0px 0px; padding:2px 0px;
	}
	.nav2a { display:none; }
	.nav2b { display:block; }
	.gamecover { width:100%; float:none; }
}
@media only screen and (max-width: 580px) {
	.foottext { width:50%; vertical-align:top; }
	.aff1 { width:50%; }
}
@media only screen and (max-width: 520px) {
	.maptext:nth-of-type(2) { order:3; }
	.maptext:nth-of-type(3) { order:2; }
	.gamenav { width:180px; font-size:16px; }
}
@media only screen and (max-width: 440px) {
	h1 { margin-top:4px; font-size:20px; transition:0.2s; }
	h2 { margin:0; font-size:20px; transition:0.2s; }
	#bannerpic { 
		height:120px;
		background-position:right top;
		background-repeat:repeat-x;
		border-radius:5px;
		animation:none;
	}
	.pagetitle { padding:6px 0px 8px 36px; }
	.category1, .category2 { font-size:17px; }
	.foottext { width:100%; text-align:center; padding:0px; }
	.aff1 { display:none; }
	.aff2 { display:block; }
}
@media only screen and (max-width: 360px) {
	.nav2 { font-size:14px; padding-top:19px; }
}