/* I am the CSS for FTL pages. */
#ftl-header-background {
	height: 225px;
}

#ftl-header-background .fill{
	background: url(../img/ftl/FTL_star_background1_flip.png);
	height: 100%;
	width: 100%;
}

/* ----------- Header Images ------------------ */

#ftl-headersection {
	height: auto;
	width: 100%;
}

/* Header Ship Sizer */
.headership {
	position: absolute;
	top: 50px;
	left: 0;
}

.headership #ship {
	position: absolute;
	left: 0;
    display: block;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.headership #ship .inner {
    display: block;
    height: 0;
}

/* default screen */
.headership #ship {
	width: 580px;
	height: 302px;
	position: absolute;
	}

/* Medium screen */
@media only screen and (min-width: 991px) and (max-width: 1147px) {
    .headership #ship {
		width: 435px;
		height: 227px;
		position: absolute;
	}
}

/* Small screen */
@media only screen and (max-width: 991px) {
    .headership #ship {
		/*width: 290px;*/
		/*height: 151px;*/
		/*position: absolute;*/
		display: none;
	}
}

/* -------- Header logo -------------*/
.headerlogo {
	position: absolute;
	top: 100px;
	right: 150px;
}

.headerlogo #logo {
	position: absolute;
	right: 0;
    display: block;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.headerlogo #logo .inner {
    display: block;
    height: 0;
}

/* Medium screen */
@media only screen and (min-width: 991px) {
	.headerlogo {
		margin: 0 auto;
		width: 260px;
		height: 138px;
	}
    .headerlogo #logo {
		background-image: url(../img/ftllogo.png);
		width: 260px;
		height: 138px;
	}
}

/* Logo Alt-fire */

.logo-altfire {
	height: 0;
	display: none;
}

.logo-altfire img {
	position: relative;
	top: -200px;
}
@media screen and (max-width: 990px) {
    .logo-altfire {
        display: block;
    }
}

/* -- MODS logo -- */
.headerlogo-mods {
	position: absolute;
	top: 90px;
	right: 150px;
}

.headerlogo-mods #logo {
	position: absolute;
	right: 0;
    display: block;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.headerlogo-mods #logo .inner {
    display: block;
    height: 0;
}

@media only screen and (min-width: 991px) {
	.headerlogo-mods {
		margin: 0 auto;
		width: 229px;
		height: 151px;
	}
    .headerlogo-mods #logo {
		background-image: url(../img/ftltitle_mods.png);
		width: 229px;
		height: 151px;
	}
}

/* ---------- SMALL BAR AT SIZES BELOW 991 --------- */

@media screen and  (max-width: 990px) {

	.logo-altfire {
        display: block;
    }
	.logo-altfire img {
	position: relative;
	top: -160px;
	}

	#ftl-header-background-section{
		height: 150px;
		background: url(../img/itb/header_stars_long.jpg) repeat-x top left scroll /*222222*/;
		background-position: calc(100% - 10px) calc(100% - 10px);
	}

	#ftl-header-background {
		height: 170px;
	}

	#ftl-header-background .fill{
		height: 100%;
		width: 100%;
	}

	#headersection {
		height: auto;
		width: 100%;
	}

	#header-after {
		height: 25px;
		background: url(../img/backgrounds/top_lowerbar.png) repeat-x top left scroll /*222222*/;
		background-size: 302px 25px;
	}
}