/*
This file contains the stuff for the picture text and it's M_O effect
as well as any divs with the 'n_' prefix

INDEX:
[1] SMALL TEXT: n_aboutme thru n_vlog in alphabetical order and the n_smallT class
[2] REPEATING TEXT: n_archive, n_first, and n_latest classes

*/
/****************/
/*[1] Small Text*/
/****************/
	.n_aboutme
	{
	background-image: url("resources/n_aboutme.png");	/*set the background image*/
	}
	.n_advertize
	{
	background-image: url("resources/n_advertize.png");	/*set the background image*/
	}
	.n_archive
	{
	background-image: url("resources/n_archive.png");	/*set the background image*/
	}
	.n_compendia
	{
	background-image: url("resources/n_compendia.png");	/*set the background image*/
	}
	.n_emporium
	{
	background-image: url("resources/n_emporium.png");	/*set the background image*/
	}
		.n_emporium span
		{
		left: -180px; /*Important for placing the span exsplanation*/
		}
	.n_facebook
	{
	background-image: url("resources/n_facebook.png");	/*set the background image*/
	}
	.n_first
	{
	background-image: url("resources/n_first.png");	/*set the background image*/
	}
	.n_forums
	{
	background-image: url("resources/n_forums.png");	/*set the background image*/
	}
	.n_homepage
	{
	background-image: url("resources/n_homepage.png");	/*set the background image*/
	}
		.n_homepage span
		{
		left: 420px; /*Important for placing the span exsplanation*/
		}
	.n_howto
	{
	background-image: url("resources/n_howto.png");	/*set the background image*/
	}
	.n_journal
	{
	background-image: url("resources/n_journal.png");	/*set the background image*/
	}
	.n_latest
	{
	background-image: url("resources/n_latest.png");	/*set the background image*/
	}
	.n_mainstory
	{
	background-image: url("resources/n_mainstory.png");	/*set the background image*/
	}
		.n_mainstory span
		{
		left: 300px; /*Important for placing the span exsplanation*/
		}
	.n_myspace
	{
	background-image: url("resources/n_myspace.png");	/*set the background image*/
	}
	.n_networking
	{
	background-image: url("resources/n_networking.png");	/*set the background image*/
	}
		.n_networking span
		{
		left: -60px; /*Important for placing the span exsplanation*/
		}
	.n_random
	{
	background-image: url("resources/n_random.png");	/*set the background image*/
	}
	.n_serverside
	{
	background-image: url("resources/n_serverside.png");	/*set the background image*/
	}
		.n_serverside span
		{
		left: 60px; /*Important for placing the span exsplanation*/
		}
	.n_start
	{
	background-image: url("resources/n_start.png");	/*set the background image*/
	}
	.n_thankyou
	{
	background-image: url("resources/n_thankyou.png");	/*set the background image*/
	}
	.n_thegrind
	{
	background-image: url("resources/n_thegrind.png");	/*set the background image*/
	}
		.n_thegrind span
		{
		left: 180px; /*Important for placing the span exsplanation*/
		}
	.n_twitter
	{
	background-image: url("resources/n_twitter.png");	/*set the background image*/
	}
	.n_mo
	{
	width: 120px;
	height: 30px;					/*set the height (as 1/3 of the picture's true height*/
	background-repeat: no-repeat;	/*hide the leftover*/
	background-position: 0px 0px;	/*defines the default position of the background (dark text)*/
	}
	a.n_mo:visited
	{
	background-position: 0px 0px;	/*defines the position of the background to show the light text*/
	}
	a.n_mo:hover, a.n_mo:focus
	{
	background-position: 0px -30px;	/*slide the background image up to reveal the mouse_over image*/
	}
	a.n_mo:active
	{
	background-position: 0px -60px;	/*slide the background image up to reveal the mouse_active image*/
	}