@charset "UTF-8";
/* CSS Document - Fab Fierce Common Styles */


/*------- Global Layout -------*/

html, body, #wrapper-outer {height: 100%;}

body > #wrapper-outer {height: auto; min-height: 100%;}

body {
	font: Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #FFFFFF;
}
#wrapper-outer {
	width:808px;
	margin: 0 auto; 
}
#wrapper {
	position:relative;
	width: 808px; 
	text-align: left;
}
#txt-titles {
	position:absolute;
	text-align:center;
	margin:40px auto;
	color: #CCCCCC;
	height:170px;
	width:100%;
	}
#header {
	position:relative;
	width:808px;
	height:212px;
}
#header span {
	position:absolute;
	width:808px;
	height:212px;
}
#header-link {
	position:absolute;
	width:750px;
	height:95px;
	top:50px;
	left:28px;
}
#navbar {	
	position:relative;
	width:808px;
	height:56px;
	top:156px;
	left:0;
}
#content {
	position:relative;
	padding: 0 30px 100px;
}
#footer {
	position: relative;
	margin-top: -100px;
	height: 100px;
	clear:both;
}
#footer p {
	padding:45px 0 5px;
}
#admin-header {
	position:relative;
	top:40px;
	margin:0 auto 70px;
	width:628px;
	height:111px;
	background:url(../images/ff/ff_banner.gif) no-repeat;
}

/*------- Home Page Layout -------*/

#home-ani {
	position:relative;
	float:left;
	top: 45px;
	width: 376px;
	height: 411px;
	background: url(../images/ff/home_window.gif) no-repeat;
}
#home-text {
	position:relative;
	top: 24px;
	margin-left: 383px;
	padding:0 12px;
}
#home-heading {
	display:block;
	position:relative;
	margin:0 auto;
	padding-bottom:15px;
	width: 146px;
	height: 43px;
}
#home-heading span {
	display:block;
	position:absolute;
	width: 146px;
	height: 43px;
}
#home-footing {
	position:relative;
	clear:both;
	padding-top:60px;
}
#home-counter {
	width:33%;
	/*float:left*/
	padding-top:30px;
	margin:0 auto;
	height:55px;
}
.star-footer {
	width:200px;
	height:55px;
	margin:0 auto;
}


/*------- About Page Layout -------*/

#about-window {
	position:relative;
	float:right;
	margin-right:-8px;
	top: 45px;
	width: 366px;
	height: 415px;
	background: url(../images/ff/about_window.gif) no-repeat;
}
#about-text {
	position:relative;
	top: 14px;
	width:345px;
	padding:0 0 30px 14px;
}
#about-heading {
	display:block;
	position:relative;
	margin:0 0 0 60px;
	padding-bottom:15px;
	width: 350px;
	height: 49px;
}
#about-heading span {
	display:block;
	position:absolute;
	width: 350px;
	height: 49px;
}
#about-footing {
	clear:both;
	float:right;
	padding-top:60px;
	width:350px;
}
.starbig-footer {
	width:251px;
	height:78px;
	margin:0 auto;
}



/*------- Gallery Page Layout -------*/

#gallery-window {
	position:relative;
	width:725px;
	height:529px;
	top: 20px;
	left: 15px;
	background:url(../images/ff/gallery_window.gif) no-repeat;
}
#gallery-heading {
	display:block;
	position:relative;
	margin:0 auto;
	top:24px;
	width: 302px;
	height: 45px;
}
#gallery-heading span {
	display:block;
	position:absolute;
	width: 302px;
	height: 45px;
}
#gallery-inner {
	position:relative;
	font-size:90%;
	top:30px;
	left:33px;
	height:468px;
	width: 650px;
	overflow-x:hidden;
	overflow-y:auto;
}
.gallerybox {
	width: 25%;
	height: 105px;
	float:left;
	margin: 8px 0 4px;
}


/*------- Blog Page Layout -------*/

#blog-heading {
	display:block;
	position:relative;
	margin:0 auto;
	top:19px;
	padding-bottom:30px;
	width: 302px;
	height: 49px;
}
#blog-heading span {
	display:block;
	position:absolute;
	width: 302px;
	height: 49px;
}


/*------- Links Page Layout -------*/

#links-heading {
	display:block;
	position:relative;
	margin:0 auto;
	padding-left:22px;
	top:20px;
	width: 351px;
	height: 44px;
}
#links-heading span {
	display:block;
	position:absolute;
	width: 351px;
	height: 44px;
}
#links-text {
	position:relative;
	top: 35px;
	margin:0 auto;
	width:650px;
	padding:0 12px;
}


/*------- Typography -------*/

.text1 {color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.bodytext {
	color:#FFFFFF;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow:#000000 3px 3px 3px;
}
p {
	margin:0;
	padding-bottom:10px;
}
a {
	text-decoration:none;
}
a:active, a:focus {
	outline:0;
}
a:hover {
	text-decoration:none;
	color:#FFFFFF;
}
a:visited:hover {color:#FFFFFF;
}
ul, li {
	list-style:none;
}
h1, h2 {
	margin:0;
	padding:0;
	font-weight:normal;
}



/*------- Browser Hacks -------*/

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */