/**
* MOFOS SCREEN CSS
* author: Michael Simard
* last change: October 30rd, 2008
**/

/**
* IMPORT YUI RESET BASE, CONTENT PROPORTION AND STANDARD COLOR SCHEME
**/
@import url("yui-reset.css");
@import url("content.css");
@import url("colorscheme.css");




a{-moz-outline:none;}

/**
* MASTER WRAPPER FOR EVERY SITE
**/
	
	/**
	* TOP SLOGAN
	**/
	body{background:#fff url('../images/top_bar.gif') top left repeat-x;}
	
	.slogan_wrapper{
		padding:0 16px;
		margin:0 auto;		
		width:972px;	
	}
		.slogan{
			background:#000  url('../images/header_slogan.gif')  top left no-repeat;
			height:25px;
			margin-bottom:3px;
		}
		


		
		
	/**
	* MOFOS LOGOS 
	* Can be extended in a theme css
	**/
	a.moffos_logo{
		width:330px;
		height:137px;
		display:block;
		position:absolute;
		margin-left:-28px;
		margin-top:-37px;
		background:transparent url('../images/logo_mofos.png')  top left no-repeat;
	}
	
		/* png options for browser supporting it only */
			* html a.moffos_logo{background:transparent url('../images/logo_mofos.gif')  top left no-repeat;}		
			a.moffos_logo.gif{background:transparent url('../images/logo_mofos.png')  top left no-repeat;}
		/* hiding textual representation of the logo for SEO */
			a.moffos_logo span{display:none;}
				
		
		
		.site_wrapper{	
			margin:0 auto;		
			width:973px;	
			background:#fff;		
			padding:0 16px;						
		}
		
			.site{
				background:#fff;
				border-left:1px solid #c7c8c8;
				border-right:1px solid #c7c8c8;
			}
		
	.footer_body{
		width:100%;
	}	
		
		.footer_wrapper{
			width:972px;			
			padding:0 16px;
			margin:0 auto;	
			
		}  
			
			.footer{			
				border-top:1px solid #fff;
				background:#fff;
			}



/** 
* HEADER BANNER
**/

.header:after
{ 
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 	
	visibility: hidden; 
} 
.header {display: inline-block;} 
/* Hide from IE Mac \*/ 
.header {display: block;} 
/* End hide from IE Mac */ 

.header img{float:left;}

.header .promotion_panel{
	float:right;
	width:257px;
	height:330px;
	display:block;	
}

/** 
* TOP MENU
**/

ul#mainmenu{
	list-style:none;
	background:#bebebe url('../images/menu/topmenu_gradient.gif') top left repeat-x;
	height:30px;	
	border:1px solid #d2c8ad;
	font-family:arial;
	font-weight:bold;
	font-size:16px;	
}

	ul#mainmenu li{
		float:left;
		margin:0 1px 0 0;
		padding:0;		
	}
	
		ul#mainmenu li a{
			position:relative;
			float:left;
			height:30px;
			display:block;		
			background:#bebebe url('../images/menu/topmenu_gradient.gif') top left repeat-x;
			text-decoration:none;
			line-height:30px;			
			letter-spacing:0px;			
			padding:0 15px;
			color:#000;	
		}
		
			ul#mainmenu li.selected a, ul#mainmenu li a:hover{
				background:#f7b628 url('../images/menu/topmenu_gradient_selected.gif') top left repeat-x;
			}
			
		ul#mainmenu li.search{float:right;margin-right:10px;padding-top:4px;}
				
			ul#mainmenu li.search label{				
				font-size:90%;
				padding-right:10px;				
			}
		
			ul#mainmenu li.search input{		
				padding:1px;				
				background:#000;
				color:#fff;	
				border:0;
				width:160px;
				height:14px;
				font-size:12px;
				font-weight:normal;
			}

			ul#mainmenu li.search button{
				width:22px;
				height:19px; 
				background:transparent url('../images/menu/btn_search.gif') top left no-repeat;	
				border:0;
				cursor:pointer;
			}			
				ul#mainmenu li.search button span{display:none;}
	
	
/** 
* BOTTOM MENU
**/

	
ul#bottommenu{
	list-style:none;	
	height:32px;	
	font-family:arial;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	margin-top:4px;	
}

	ul#bottommenu li{
		display:inline;
		margin:0;
		padding:0;		
	}
	
		ul#bottommenu li a{
			position:relative;			
			height:32px;					
			text-decoration:none;
			line-height:34px;			
			letter-spacing:0px;			
			padding:0 15px;
			color:#000;	
		}
		
			ul#bottommenu li.selected a, ul#bottommenu li a:hover{
				color:#fff;
			}
			

				
/**
* MAIN CONTENT 
**/

.site_content{	
	margin:0;
	margin-top:5px;
	padding-left:3px;
}



/**
* FOOTER CONTENT
**/
div.content_footer{height:100px;padding-top:50px;position:relative;margin-left:-3px;}
div.content_footer:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;} 
	div.content_footer {display: inline-block;} 
	/* Hide from IE Mac \*/ 
	div.content_footer {display: block;} 
	/* End hide from IE Mac */ 

div.content_footer a{
	font-size:36px;
	font-weight:bolder;
	color:#0000ff;
	line-height:36px;
	text-align:center;
	display:block;		
	width:400px;	
}


div.content_footer a span{
	color:#000;
	font-variant:small-caps;	
	font-size:12px;
	line-height:10px;
	
	display:block;		
}

div.content_footer a:hover span{text-decoration:underline;} 

div.footer_warning{
	text-align:center;
	margin:0;
	margin-top:180px;
	margin-left:0;
	color:#fff;
	font-size:12px;
	padding:0 20px;		
}
	div.footer_warning a{text-decoration:underline;color:#fff;}

div.footer_warning p{margin:0;padding:0;}

a.vip_pass{float:left;text-decoration:none!important;}
a.continue_tour{float:right;text-decoration:none!important;}

a.extra_big{font-size:200%;}


div.noresult{text-align:center;margin-top:30px;}


/**
* CSS RELATED TO MOFOS SKIN
**/