/*
	Author Name	: 	Chris White
	Author Site	: 	http://fyrebear.com
	Style Name	: 	master2008 - Special for MyFyrebear.com
	Version		: 	1.0
	Comments	: 	This stylesheet drives the MY-Fyrebear website.
*/

/* Color Chart
   --------------------------------
   body background:     #f0f0f0
   text:                #333333
   link gold:		    #896E03
   gold background:     #D9B43F
   gold background-alt  #fdbe0f
   
   ALT - COLOR SCHEMES
   blue background:     #3674B1
   green background:    #33a87f
   orange background:   #e06b30
   red background:      #B33D27
   
   link blue            #2f5482
   link green:		    #38b090
   link orange:		    #e06a2f
   link red:            #B33D27
  
   
   ----------------------------------------------------*/
   
   
/* Index
   --------
   -GLOBAL
   -HEADER
   -NAVIGATION
   -GENERAL LAYOUT
   -HEADINGS
   -FOOTER
   ----------------------------------------------------*/


/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
   
@import url(reset.css);
@import url(primary-menu.css);
@import url(tabs_module.css); 
/* 
@import url(suckerfish.css);
*/

body {
	background: url("http://fyrebear.com/images/lightgrey_background2.gif") repeat-y; 
    font: 11px/12px Arial,Sans-Serif;
	margin: 0;
    padding: 0;
    text-align: center;
	color:#333333;
}


a { color:#896E03; }
a:hover { text-decoration: none; }


/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/

#FB-header {
    margin: auto;
    text-align: left;
    width: 1000px;
}

	#FB-header #header-top {
			background: url("http://fyrebear.com/images/gold_main_top.gif") no-repeat;
			margin: 0px 0 0px 0;
			height: 9px;
}

#FB-masthead {
	width: 1000px;
	height: 90px;
	background-color:#ffffff;
	background: url('http://wiki.fyrebear.com//skins/monobook/headbg.jpg') -300px 200px;
	/*background: url('../images/glass_bg.gif') 0px -20px;*/
}

#masthead table {
      table-layout: fixed;
}

#FB-masthead td {
       vertical-align: top;
}

#FB-masthead #title-text h1 { 
	font-size: 52px; 
	line-height: 54px;
	color: #D9B43F;
	font-weight:700;
	margin: -1px 0 0 -2px;
	border:none;
}

#FB-masthead #title-text .caption { 
	font-weight:700;
	font-size: 14px;
	line-height: 18px;
	font-style:italic;
	color: #757575;
	margin: -14px 0 0 -1px;
}


#FB-masthead #masthead-right #masthead-box {
	width:300px;
	height:56px;
	float:right;
	background-color:#eee;
	border: 1px solid #ccc;
	margin: 0px 16px;
}


	#FB-masthead #masthead-right #masthead-box h1 { 
		font-size: 12px; 
		line-height: 14px;
		color: #757575;
		font-weight:700;
		margin: 2px 0 2px 0px;
		border-bottom: 1px solid #ccc;
}


	#FB-masthead #masthead-right #masthead-box a { 
		color: #896E03;
		line-height: 14px;
		font-weight:700;
		text-decoration:none;
		background: url("http://fyrebear.com/images/list-arrow.gif") left center no-repeat;
}

	#FB-masthead #masthead-right #masthead-box a:hover { 
		text-decoration:underline;
}


/* ---------------------------------------*/
/* ---------->>> NAVIGATION <<<-----------*/
/* ---------------------------------------*/

#FB-nav {
	width: 1000px;
	height: 60px;
}


#mainContainer #FB-nav {
	width: 1000px;
	height: 60px;
}

/* CSS Document */

/* primary menu navigation */
#mainContainer #FB-nav #primary-menu {
		clear: both;
		width: auto;
		height: 20px;
		margin: 0 0px 0 0px;
		padding: 8px 6px 30px 6px; /* 8px 6px 30px 6px*/
		border-top: 1px solid #FFFFFF;
		background: #FFFFFF url("http://fyrebear.com/images/bg-primary-menu.gif") scroll left top repeat-x;
	}
	
		#mainContainer #FB-nav #primary-menu ul {
			clear: both;
			margin: 0;
			padding: 0;
		}
		
		#mainContainer #FB-nav #primary-menu ul li {
			display: inline;
			margin: 0;
			padding: 0;
			background: none;
		}
		
		#mainContainer #FB-nav #primary-menu ul li a {
			margin: 12px 0.15em;
			padding: 6px; /* 6 */
			color: #2F2F2F;
			font-family: "Helvetica Neue Condensed Bold", "Helvetica Neue", helvetica, sans-serif;
			font-size: 130%;
			font-weight: 700;
			text-decoration: none;
		}
		
		#mainContainer #FB-nav #primary-menu ul li a:hover,
		#mainContainer #FB-nav #primary-menu ul li a.active {
			padding: 6px; /* 6 */
			background: #5D5D5D url("http://fyrebear.com/images/bg-primary-menu-hover2.gif") scroll left -2px repeat-x;
			color: #FFFFFF;
		}


/* -------------------------------------------*/
/* ---------->>> GENERAL LAYOUT <<<-----------*/
/* -------------------------------------------*/

#mainContainer #FB-main {
	background: #D9B43F repeat-y;
    margin: auto;
    text-align: left;
    width: 1000px;
}


#mainContainer #FB-main #main-contents {
    margin: 0px 10px;
	padding: 0px;
}



	.main-whole {
		background:white; 
}

		.main-whole .main-whole-padded { 
			padding: 0px 6px 6px 6px;
}

	

.clearing{
	clear: both; 
	height: 1px; 
	overflow: hidden;
	margin: auto;
	width: 1000px;
}




.main-whole-boilerplate{
	background:white; 
	margin: 10px;
}

.main-whole-boilerplate h4{
	background: #cac8ca url('http://fyrebear.com/images/h4.gif') repeat-x;
	border: 1px solid #cac8ca; 
	color: #757575; 
	font-size: 11px; 
	margin: 0 0 10px; 
	padding: 4px 10px;
}

.main-whole-boilerplate img {
	margin: -1px;
}


/* -------------------------------------------*/
/* ---------->>> HEADINGS <<<-----------------*/
/* -------------------------------------------*/


h1 {
	font-size: 16px; 
	line-height: 18px;
	color: #757575;
	border-bottom: 1px dotted #ccc;
	margin: 6px 6px 14px 0px;
}


#mainContainer #FB-main #main-contents .main-whole h4 { 
	background: #cac8ca url('http://fyrebear.com/images/h4.gif') repeat-x;
	border: 1px solid #cac8ca; 
	color: #757575; 
	font-size: 14px; 
	margin: -1px 0 10px; 
	padding: 6px 10px; 
}


/* NOT USING THESE RIGHT NOW
h2 {
	background: url("../images/h2.gif") repeat-x;
	border-top: 1px solid #484848;
	color: #fff;				
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 13px 0px 22px 16px !important;
	padding: 13px 0px 22px 16px;
}

h3 {
	background: url("../images/h3.gif") repeat-x;
    color: #2a2a2a;
    font-size: 14px;
    margin: 0 -8px 4px !important; 
    margin: 0 -9px 4px;
    padding: 12px 16px 24px;
}
*/



/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/

#FB-footer {}

div#FB-footer-screen {   
	display: block;
	width: 100%;
	position: fixed;
	border-top: 1px solid #333;       
	background: #1f1f1f;
	left: 0;
	bottom: 0;
	text-align: left;
	font-size: 1em;
	color: #aaa;
	font-weight:700; 
	z-index: 10000;
	padding: 5px 10px 5px 10px;
	opacity: 0.5;
	filter: alpha(opacity:50);
}
body>div#FB-footer-screen { width:100%; }
#FB-footer-screen #rightfooter-screen {
	float: right; 
	margin: 0 20px 0 0;
}

#FB-footer-screen #leftfooter-screen {
	float: left; 
	margin: -4px 20px 0 0;
	line-height: 9px;
}

#FB-footer-screen a, 
#FB-footer-screen a:link,
#FB-footer-screen a:visited {
	color: #fff;
	text-decoration: none;
	font-weight:700;
}

#FB-footer-screen a:hover {
	color: #ccc;
	text-decoration: underline;
}

#vfooter-screen a { 
border-bottom: 1px solid #4e4e4e;
}

#FB-footer-screen { 
height: 15px;
}


/* --------------END-------------------*/
