@charset "utf-8";
/* CSS Document */
html { 
	min-height: 100%; margin-bottom: 1px; /*general*/
	overflow: -moz-scrollbars-vertical !important; /*firefox*/
	height:100%; overflow: scroll; /*ie 8*/
}

/*Global Styles*
***************/
body {
	background: url("images/bgnoise-blue.png") repeat scroll center top #007CFF;
	color: #000;
	font-family: 'Droid Sans', sans-serif;
}
#container {
	/*background-color: #fff;*/
	background: url("images/bgnoise.png") repeat scroll center top #fff;
	margin: 0 auto;
	max-width: 940px;
	padding: 0 0 20px 0;
}

/*Header Styles*
***************/
.top-row .columns {
	padding: 0;	
}
header {
	height:	100px;
	position: relative;
}
header h1 {
	font-family: 'Fondamento', sans-serif;
	font-size: 30px;
	position: relative;
	text-shadow: 3px 3px 3px #00244a;
	letter-spacing: -1px;
	z-index: 3;
}
header h1#first {
	margin: 16px 0 0 15px;
}
header h1#first:after {
	color: #FFD726;
	content: 'Shining Force';
}
header h1#second {
	margin: 0 0 0 15px;
}
header h1#second:after {
	color: #FFD726;
	content: 'Ancient Pathways'
}
header h1 a {
	color: #fff;
	position: absolute;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.1)));
}
header h1 a:hover {
	color: #fff;	
}
header img {
	position: absolute;
	z-index: 2;
}

/*Global Navigation Styles*
**************************/
#global {
	padding: 15px 0 5px;	
}
#global ul li {
	margin: 0 2em 0 22px;
}
#global ul li img {
	vertical-align: middle;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out;
}
#global ul li:hover img {
	-webkit-transform: rotate(720deg); 
	-moz-transform: rotate(720deg); 
	-o-transform: rotate(720deg);
	-ms-transform: rotate(720deg); 
}
#menu-home {
	display: none;
}

/*Force Tabs and Statistics Styles*
**********************************/
dl.tabs dd a {
	padding: 6px 12px 0;
	text-align: center;
}
dl.tabs dd.active {
	border-top: 3px solid #007CFF	
}
table thead tr th, 
table tfoot tr th, 
table tbody tr td, 
table tr td, 
table tfoot tr td {
	font-size: 11px;
	padding: 2px 10px;
	text-align: center;	
}
#friendship-bonus {
	float: left;	
}
#friendship-bonus dd {
	float: none;	
}
.portraits {
	float: left;	
	padding-right: 1em;
}
.player-info {
	float: left;
	font-weight: bold;
}
.player-info + p {
	clear: both;
}
@media (max-width: 800px) {
	header h1 {
		float: left;	
	}
	header h1#second {
		margin: 16px 0 0 15px;
	}
	#friendship-bonus dd {
		float: left;
	}
}