@namespace url(http://www.w3.org/1999/xhtml);
/**
 * Facebook Usability
 * Author: 	Yorick Peterse
 * URL:		http://www.yorickpeterse.com/
 * License: MIT License
 *
 * Facebook Done Right fixes the new Facebook layout and makes the websites look better.
 */
 /* The sprites can be found here: http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png */
@-moz-document domain("facebook.com") {
	/* Header */
	/* Fix the icons to the left (requests, messages and notifications). Sprite URL: http://www.facebook.com/rsrc.php/z8S5R/hash/ez3x5cuc.png */
	#jewelCase .jewel > a:hover
	{
		background-color: #3B5998!important;		
	}
	#jewelCase #jewelRequest:hover				{background-position: -78px -105px!important;}
	#jewelCase #jewelMail:hover 				{background-position: -78px -73.5px!important;}
	#jewelCase #jewelAlert:hover				{background-position: -78px -137px!important;}
	
	#jewelCase .openToggler #jewelRequest:hover	{background-position: -105px -106px!important;}
	#jewelCase .openToggler #jewelMail:hover 	{background-position: -105px -74.5px!important;}
	#jewelCase .openToggler #jewelAlert:hover	{background-position: -105px -138px!important;}
	#jewelCase .openToggler #jewelRequest:hover,#jewelCase .openToggler #jewelMail:hover,#jewelCase .openToggler #jewelAlert:hover{background-color:#fff!important;}
	/* Account panel, we'll ignore the account info box using pure CSS wizardy. */
	#navAccount ul
	{
		border-width: 1px!important;
		border-color: #333!important;
	}
	#navAccount ul li:first-child~li a
	{
		height: 7px!important;
		margin: 0px 0px 3px 10px!important;
		padding: 1px 0px 9px 23px!important;
	}
	#navAccount ul li:first-child:hover
	{
		border-bottom: 1px solid #E0E0E0!important;
	}	
	#navAccount ul li:first-child:hover,#navAccount ul li:first-child:hover a
	{
		background: none!important;
		color: #3A579A!important;
		border-top: none!important;
	}
	#navAccount ul li
	{
		height: 22px!important;
		margin-bottom: 3px!important;
		padding-top: 2px!important;
	}
	/* Fix the hovers */
	#navAccount ul li:hover
	{
		background: #6D84B4!important;
		border-top: 1px solid #3B5998;
		border-bottom: 1px solid #3B5998;
		height: 20px!important;
	}
	#navAccount ul li:hover a,#navAccount ul li a:hover
	{
		color: #fff!important;
		border: none!important;
	}
	/* Add the images */
	#navAccount ul li a[href="http://www.facebook.com/friends/?ref=tn"]
	{
		background: url("http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png") no-repeat 0px -605px!important;
	}
	#navAccount ul li a[href="http://www.facebook.com/editaccount.php?ref=mb&drop"]
	{
		background: url("http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png") no-repeat 0px -845px!important;
	}
	#navAccount ul li a[href="http://www.facebook.com/settings/?tab=privacy&ref=mb"]
	{
		background: url("http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png") no-repeat 0px -509px!important;
	}
	#navAccount ul li a[href="http://www.facebook.com/editapps.php?ref=mb"]
	{
		background: url("http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png") no-repeat 0px -493px!important;
	}	
	#navAccount ul li a[href="http://www.facebook.com/editaccount.php?payments"]
	{
		background: url("http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png") no-repeat 0px -1117px!important;
	}
	#navAccount ul li a[href="http://www.facebook.com/help/?ref=drop"]
	{
		background: url("http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png") no-repeat 0px -1277px!important;		
	}
	#navAccount ul li:last-child a
	{
		background: url("http://facebook.com/rsrc.php/z2GUG/hash/7b59hpg7.png") no-repeat 0px -301px!important;
	}
	/* Align the header properly */
	body.profile #headNavOut
	{
		margin-left: 220px!important;
	}
	/* Switch the locations of the search bar and the main navigation menu */
	#navSearch
	{
		left: auto!important;
		right: 4px!important;
	}
	#pageNav
	{
		left: 0px!important;
		right: auto!important;
	}
	/* Profile page. The profile page needs to be fixed since it isn't aligned properly. */
	#profile_stream_container
	{
		margin-top: 20px!important;
	}
	.right_column_container
	{
		width: 980px!important;
	}
	.profile_color_bar
	{
		margin-left: -40px!important;
	}
	#right_column, .right_column
	{
		margin-left: 10px!important;
		width: 760px!important;
	}
	/* Remove the ads */
	#pagelet_ads
	{
		display: none!important;
		/* I know that defining the width and height isn't required, but I prefer to do so just in case something goes wrong. */
		height: 1px!important;
		width: 1px!important;
	}
	/* Increase the width */
	body.profile .feed_comments > div, body.profile .like_box, body.profile .comments_add_box, body.profile .comment_box .paging_header
	{
		width: 100%!important;
	}
	body.profile .comments_add_box textarea
	{
		float: none!important;
		width: 91%!important;
	}
	body.profile .comments_add_box_submit
	{
		margin-right: 17px!important;
	}
	body.profile .comment_box .pager_count
	{
		margin-right: 15px!important;
	}
}