/* General Main */
html { min-height:100%; scrollbar-color:#807379 #4D4549; }
body {
	color:#000000; text-align:center; font-size:15px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;
	margin:0px; background-color:#F2FDFF; background-image:url(bg_main1.png), url(bg_main2.png);
	background-position:center top, center bottom; background-repeat:repeat-x;
}
@font-face { font-family:zurchbc; src:url(zurchbc.ttf); }
.fontzurchbc { font-family:zurchbc; }
h1 { margin:0; font-size:72px; font-weight:bold; font-family:zurchbc; color:#F2EEDA; }
h2 { margin:0; font-size:26px; font-weight:bold; }
h3 { margin:0; font-size:18px; font-weight:bold; }
h4 { margin:0; font-size:16px; font-weight:bold; }
h5 { margin:0; font-size:14px; font-weight:bold; }
h6 { margin:0; font-size:14px; font-weight:normal; }
a:link    { color:#005566; text-decoration:none; }
a:visited { color:#005566; text-decoration:none; }
a:hover   { color:#000000; text-decoration:underline; }
hr { border: 2px solid #803F39; }
img { max-width:100%; height:auto; }
details > summary { font-weight:bold; padding-bottom:2px; cursor: pointer; }
.forcebreak1 { display:inline; } /*see media query*/
.tiny { font-size:11px; margin-bottom:2px; }
.dot {
	width:7px; height:7px; margin:0px 2px 2px 2px;
	border-radius:50%; display:inline-block;
	background-color:#000000;
}
.dot2 {
	width:7px; height:7px; margin:0px 2px 2px 2px;
	border-radius:50%; display:inline-block;
	background-color:#FFFFFF;
}
.alignc { text-align:center; }
.floatl { float:left;  padding:1px 10px 0px 0px; }
.floatr { float:right; padding:3px 0px 0px 10px; }
.line { height:2px; margin: 6px 0px 7px 0px; background-color:#4D4549; }
.half { height:2px; margin: 6px 0px 7px 0px; background-color:#4D4549; max-width:70%; }
.box1 { background-color:#D9D5C3; padding:8px 12px 11px 12px; border-radius:10px; overflow:hidden; }
.box2 {
	background-color:#F2EEDA; padding:8px 12px 2px 12px; text-align:left; width:400px; height:40px; margin:auto; font-weight:bold;
	box-sizing:border-box; border:2px solid #4D4549; border-radius:0px 12px 0px 12px;
}
.box2icon { float:left; margin-top:-6px; }



/* Banner & Main Navigation */
.planes {
	max-width:1300px; height:140px; margin:auto; text-align:center;
	background-image:url(plane1.png), url(plane2.png);
	background-position:left top, right top;
    background-repeat:no-repeat;
}
.banner1 {
	text-align:center;
	margin:10px 0 0 0; padding:0px;
	background-image:url(banner_left.png), url(banner_right.png);
	background-position:left top, right top;
    background-repeat:no-repeat;
	box-sizing:border-box; display:inline-block;
}
.banner2 {
	max-width:640px; height:90px; text-align:center; line-height:350%;
	margin:0px 30px; padding:24px 0px 0px 0px;
	background-color:#A6524B;
	background:url(banner_bg.png) left top repeat-x;
	box-sizing:border-box; display:inline-block;
}
nav {
	max-width:700px; text-align:center; margin:auto; padding:0px;
	background-image:url(nav_left1.png), url(nav_right1.png);
	background-position:left top, right top;
    background-repeat:no-repeat;
}
nav a:link    { color:#000000; text-decoration:none; }
nav a:visited { color:#000000; text-decoration:none; }
nav a:hover   { color:#F2EEDA; text-decoration:none; }
.navcenter {
	max-width:400px; height:44px; margin:auto; padding:8px 0px 0px 0px;
	text-align:center; font-family:zurchbc; font-size:24px; vertical-align:top;
	background:url(nav_bg1.png) center top no-repeat;
}
.navcenter table, th, td { border:0px; padding:0px; }
.nav1 { width:156px; }
.nav2 { width: 88px; }


/* Page Structure */
main {
	max-width:900px; min-height:350px; color:#000000; text-align:left;
	margin:35px auto 0px auto; padding:15px; box-sizing: border-box;
}
main a[href^="http://"]:not([href*="arcade.legends-station.com"]):after, .pagecontent a[href^="https://"]:not([href*="arcade.legends-station.com"]):after {
    content: ""; /* external link marker */
    width:11px; height:11px; padding-right:15px;
    background:url(exlink.gif) center center no-repeat;
}
.pagetitle {
	max-width:900px; min-height:24px; color:#F2EEDA; text-align:left; font-family:zurchbc;
	margin:-15px -15px 30px -15px; padding:0px 10px 1px 10px; background-color:#A6524B;
	background-image:url(pagetitle_bg.png), url(pagetitle_bg.png), url(pagetitle_right.png);
	background-position:right bottom, right top, right center;
    background-repeat:repeat-x, repeat-x, repeat-y;
	box-sizing:border-box; border: 2px solid #4D4549; border-radius:12px;
	text-shadow: -1px -1px 0 #4D4549, 1px -1px 0 #4D4549, -1px 1px 0 #4D4549, 1px 1px 0 #4D4549;
}
footer {
	max-width:700px; font-size:14px; text-align:center;
	margin:15px auto 10px auto; padding:0px 10px 1px 10px; background-color:#A6524B;
	box-sizing:border-box; border: 2px solid #4D4549; border-radius:12px;
}
.foottext { text-align:center; padding:4px 0px 3px 0px; display:inline-block; vertical-align:bottom; }
.xtrack { position:fixed; bottom:0px; right:0; margin-bottom:-3px; }


/* Page-Specific */
.hometitle {
	color:#00D5FF; text-align:center; font-family:zurchbc; margin:-15px 0px 10px 0px;
	text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
}
.home { display:inline-block; vertical-align:top; max-width:440px; margin:10px 0px; }
.feature { width:400px; margin:10px 0px 10px 30px; display:inline-block; vertical-align:top; }
.feature table { width:100%; height:280px; }
.feature th { width:50%; font-size:24px; font-weight:bold; font-family:zurchbc; text-align:center; padding:0px 0px 15px 0px; vertical-align:bottom; }
.feature a:link    { color:#FFFFFF; text-decoration:none; transition:0.1s; text-shadow: -1px -1px 3px #803F39, 1px -1px 3px #803F39, -1px 1px 3px #803F39, 1px 1px 3px #803F39; }
.feature a:visited { color:#FFFFFF; text-decoration:none; }
.feature a:hover   { color:#CC655C; text-decoration:none; transition:0.1s; }
.newstitle {
	color:white; text-align:left; font-weight:bold; font-size:16px;
	padding:4px 9px 4px 9px; background-color: #665C61; overflow:hidden;
	border-top: 2px solid #807379; border-bottom: 2px solid #4D4549;
}
.newstextbox { padding:10px; overflow:hidden; }
.newstype { text-align:right; font-style:italic; margin-bottom:30px; }
.newsimage { font-size:8pt; text-align:center; margin-left:auto; margin-right:auto; }
.newsyears { float:right; width:80px; text-align:center; font-size:13px; margin-left:20px; padding:8px 5px 3px 5px; background-color:#A6524B; box-sizing:border-box; border:2px solid #4D4549; border-radius:12px; }
.newsyear1 { background-color:#E5FBFF; padding: 1px 0px; border-bottom: 2px solid #A6524B; }
.newsyear2 { background-color:#F2FDFF; padding: 1px 0px; border-bottom: 2px solid #A6524B; }
.newsyear3 { background-color:#B3A1AA; padding: 1px 0px; border-bottom: 2px solid #A6524B; }

.gamelist {
	margin:auto; padding:4px 5px 5px 5px;
	background-color:#F2EEDA; overflow:hidden;
	box-sizing:border-box; border:2px solid #4D4549; border-radius:0px 12px 0px 12px;
}
.gameicon { float:left; padding:4px 7px 5px 3px; }
.gameinfo {
	float:right; margin:2px 1px 0px 2px; padding:0px 4px 1px 4px; text-align:right; background-color:#D9D5C3;
	box-sizing:border-box; border:2px solid #4D4549; border-radius:0px 6px 0px 6px;
}
.sidegame {
	float:right; width:160px; margin:2px 1px 0px 7px; padding:0px 5px 2px 5px; text-align:left; font-size:13px; background-color:#F2EEDA;
	box-sizing:border-box; border:2px solid #4D4549; border-radius:0px 10px 0px 10px;
}
.sideicon { margin-bottom:5px; padding:5px 0px 2px 0px; text-align:center; border-bottom:2px solid #4D4549; }
.sideplay { margin:10px 0px; padding:5px 0px 3px 0px; background-color:#A6524B; border:2px solid #4D4549; border-radius:6px; font-size:18px; text-align:center; font-weight:bold; }
.sideplay:hover { background-color:#4D4549; }
.sideplay a:link    { color:#F2EEDA; text-decoration:none; }
.sideplay a:visited { color:#F2EEDA; text-decoration:none; }
.sideplay a:hover   { color:#CC655C; text-decoration:none; }
.leaderbar {
	max-width:664px; height:28px; text-align:left; font-weight:bold;
	margin:0; padding:2px 7px 3px 7px; background-color:#F2EEDA;
	box-sizing:border-box; border: 2px solid #4D4549; border-radius:0px 12px 0px 0px;
}
.screens img { margin:0px 8px 8px 0px; width:160px; vertical-align:bottom; background-color:#4D4549; }
.screens h3 { margin-bottom:5px; }
.allmedia {	text-align:left; font-weight:bold; margin-bottom:5px; display:inline-block; }
.resolist { margin:auto; padding:0px 0px 1px 0px; overflow:hidden; }
.resoicon { float:left; padding:3px 10px 0px 0px; }
.resoinfo {
	float:right; width:160px; margin:3px 0px 0px 10px; padding:2px 4px 1px 4px; text-align:left; background-color:#CCC5C2;
	box-sizing:border-box; border:2px solid #4D4549; border-radius:0px 6px 0px 6px;
}

.ranklist {	width:100%; max-width:600px; margin:auto; border-collapse:collapse; }
.ranklist th {
	color: white; text-align:left;
	padding:4px 6px 4px 6px; background-color: #665C61;
	border-top: 2px solid #807379; border-bottom: 2px solid #4D4549;
}
.ranklist td { padding:3px 6px 3px 6px; border-bottom: 1px solid #807379; }
.ranklist tr:nth-child(even) { background-color:#E5FBFF; }
.ranklist tr:hover { background-color:#B3A1AA; }
.ranklist thead tr th:first-child, #ranklist tbody tr td:first-child { width:24px; min-width:24px; max-width:24px; }
.ranklist thead tr th:last-child, #ranklist tbody tr td:last-child { width:80px; min-width:80px; max-width:80px; }


/* 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;
	background-color:#FF6666; border:2px solid #CC5252;
	cursor:pointer;
}
input[type=submit]:hover { background-color:#FFFFFF; }
.styleselect {
	width:150px; height:24px;
	background:#FFFFFF url(terra/selectarrow1.png) right center no-repeat;
}
select {
	color:#000000;
	background-color:#FFFFFF;
	background:transparent;
	background-image:none;
	-webkit-appearance:none;
	border:2px solid #CC5252;
	font-size:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;
	min-width:150px; height:24px; margin-top:0px;
}
select option { color:#000000; background-color:#FFFFFF; }


/* Screen Sizes */
@media only screen and (max-width: 980px) {
	.planes { background-size:125px 100px; background-position:left bottom, right bottom; transition:0.2s; }
}
@media only screen and (max-width: 920px) {
	.feature { margin-left:10px; transition:0.2s; }
}
@media only screen and (max-width: 900px) {
	.planes { background-size:88px 70px; background-position:left bottom, right bottom; transition:0.2s; }
	.feature { margin:10px auto 20px auto; display:block; }
	.home { margin:20px auto; display:block; max-width:600px; }
}
@media only screen and (max-width: 840px) {
	h1 { margin:0; font-size:60px; }
	.planes { background-image:none; }
	nav { background-image:url(nav_left2.png), url(nav_right2.png);
}
@media only screen and (max-width: 620px) {
	h1 { margin:0; font-size:41px; }
	.navcenter { max-width:320px; padding:9px 0px 0px 0px; font-size:20px; background-image:url(nav_bg2.png); }
	.nav1 { width:125px; }
	.nav2 { width: 70px; }
	nav { background-image:url(nav_left3.png), url(nav_right3.png); }
}
@media only screen and (max-width: 580px) {
	.forcebreak1 { display:block; }
}
@media only screen and (max-width: 566px) {
	h2 { font-size:22px; }
	.banner1 {
		background-image:url(banner_left.png), url(banner_right.png), url(banner_bgx.png);
		background-position:left top, right top, center bottom;
		background-repeat:no-repeat, no-repeat, repeat-x;
	}
	.banner2 { height:70px; }
	.planes { height:116px; transition:0.2s; }
}
@media only screen and (max-width: 454px) {
	.banner2 { height:50px; padding:14px 0px 0px 0px; line-height:0%; }
	.planes { height:96px; transition:0.2s; }
}