/*
	Author Name	: 	Chris White
	Author Site	: 	http://fyrebear.com
	Style Name	: 	master2008
	Version		: 	1.0
	Comments	: 	This stylesheet drives the main website. We are using the FB- prefix to differentiate ids from 3rd party vendors.
*/

/* 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(http://fyrebear.com/css/reset.css);
@import url(http://fyrebear.com/css/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/twotone2_bg.jpg') repeat-x;*/
}

#FB-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 #FB-dashboard {
	width:300px;
	height:56px;
	float:right;
	background-color:#eee;
	border: 1px solid #ccc;
	margin: 0px 16px;
}

	#FB-masthead #masthead-right #FB-dashboard table {
	
		margin-left:8px; 
		width:200px

}


	#FB-masthead #masthead-right #FB-dashboard h1 { 
		font-size: 14px; 
		line-height: 15px;
		color: #757575;
		font-weight:700;
		margin: 2px 0 2px 0px;
		border-bottom: 1px solid #ccc;
}

	#FB-masthead #masthead-right #FB-dashboard .caption { 
		font-size: 11px; 
		line-height: 11px;
		color: #757575;
		font-weight:700;
		margin: 0px 0 9px 0px;
}


	#FB-masthead #masthead-right #FB-dashboard 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 #FB-dashboard a:hover { 
		text-decoration:underline;
}


/* ---------------------------------------*/
/* ---------->>> NAVIGATION <<<-----------*/
/* ---------------------------------------*/

#FB-nav {
	width: 1000px;
	height: 60px;
}


/* -------------------------------------------*/
/* ---------->>> GENERAL LAYOUT <<<-----------*/
/* -------------------------------------------*/

#FB-main {
	background: #D9B43F repeat-y;
    margin: auto;
    text-align: left;
    width: 1000px;
}


#FB-main #main-contents {
    margin: -1px 10px;
	padding: 0px;
}


/* Single Content Area Layout */
.main-whole {
	background:white; 
}

	.main-whole .main-whole-padded { 
		padding: 0px 6px 6px 6px;
}
/* Single Content Area Layout */



#FB-main #main-contents .padded  {
	clear: both;
	margin: 6px 6px 6px 6px; 
}

#FB-main #main-contents blockquote  {
	margin: 6px 6px 20px 60px; 
	padding: 0px 6px 0px 6px;
	font-style:italic;
	font-weight:500;
	border-left: 1px solid #ccc;
	border-right:1px solid #ccc;
	width: 75%;
	color: #999; 
	font-size: 11px Arial,Helvetica,Verdana,Sans-Serif;
	
}

#FB-main #main-contents .main-left {
				background: url("http://fyrebear.com/images/gold_main_bg.gif") repeat-y;
				width: 670px; 
				overflow: hidden;
				float:left;
			}
			
		#FB-main #main-contents .main-left .left-content {
				width: 661px;
			} 
			
				#FB-main #main-contents .main-left .left-content .left-content-padded {
					margin: 6px 6px 6px 6px;
                                        line-height: 1.5em; 
			} 
			
			
#FB-main #main-contents .main-right {
			background: url("http://fyrebear.com/images/gold_right_bg.gif") repeat-y;
			width: 305px;
			padding: 0 3px 0 0;
			float:right;
			}
			
		#FB-main #main-contents .main-right .right-content {
			
			width: 300px;
			background:#fff;
			margin: 0;
		}
		
			#FB-main #main-contents .main-right .right-content .right-content-padded {
					margin: 6px 6px 6px 6px; 
			} 
		
		#FB-main #main-contents .main-right .right-content-clearer {
			background-color:#D9B43F; 
			width:305px; 
			height:6px; 
			margin-top:0px;
		}

#FB-main #main-bottoms{
			background: url("http://fyrebear.com/images/gold_main_bottom.gif") no-repeat;
			margin: 0px 0 0px 0;
			height: 9px;
			
		}	

.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;
}


h4 { 
	background: #cac8ca url('http://fyrebear.com/images/h4.gif') repeat-x;
	border: 1px solid #cac8ca; 
	color: #757575; 
	font-size: 14px; 
	margin: 0 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;
}

#FB-footer-screen a { 
border-bottom: 1px solid #4e4e4e;
}

#FB-footer-screen { 
height: 15px;
}


/* --------------END-------------------*/