/*
Name:        nav.css
Author:      Kyle Brickman
Description: CSS navigation definitions
Created:     10 September 2009
Notes:       This file should contain ONLY definitions for what appears the main site navigation
*/

@media all
{
	/* Navigation items *****************************/
	div.layNav a.menuHome, div.layNav a.menuQuicktips, div.layNav a.menuNew,      div.layNav a.menuInspiration,
	div.layNav a.menuShop, div.layNav a.menuBlog,      div.layNav a.menuFreebies, div.layNav a.menuDesign,
	
	div.layNav a.selectedHome, div.layNav a.selectedQuicktips, div.layNav a.selectedNew,      div.layNav a.selectedInspiration,
	div.layNav a.selectedShop, div.layNav a.selectedBlog,      div.layNav a.selectedFreebies, div.layNav a.selectedDesign,
	
	div.layNav a.adminAdministrators, div.layNav a.adminAccounts, div.layNav a.adminContent,   div.layNav a.adminBlog,
	div.layNav a.adminStorefront,     div.layNav a.adminOrders,   div.layNav a.adminDownloads, div.layNav a.adminAvibe
	{
		float:               left;
		display:             block;
		height:              48px;
		background-position: top left;
		text-decoration:     none;
		margin-right:        1px;
	}
	
	div.layNav a.menuHome:hover, div.layNav a.menuQuicktips:hover, div.layNav a.menuNew:hover,      div.layNav a.menuInspiration:hover,
	div.layNav a.menuShop:hover, div.layNav a.menuBlog:hover,      div.layNav a.menuFreebies:hover, div.layNav a.menuDesign:hover,
	
	div.layNav a.selectedHome:hover, div.layNav a.selectedQuicktips:hover, div.layNav a.selectedNew:hover,      div.layNav a.selectedInspiration:hover,
	div.layNav a.selectedShop:hover, div.layNav a.selectedBlog:hover,      div.layNav a.selectedFreebies:hover, div.layNav a.selectedDesign:hover,
	
	div.layNav a.adminAdministrators, div.layNav a.adminAccounts, div.layNav a.adminContent,   div.layNav a.adminBlog,
	div.layNav a.adminStorefront,     div.layNav a.adminOrders,   div.layNav a.adminDownloads, div.layNav a.adminAvibe
	{
		/*background-position: bottom left;*/
		text-decoration:     none;
	}
	
	div.layNav a.menuHome
	{
		width:            129px;
		background-image: url( ../images/nav/home.png );
	}
	
	div.layNav a.selectedHome
	{
		width:               129px;
		background-image:    url( ../images/nav/home_sel.png );
		background-position: bottom left;
	}
	
	div.layNav a.menuQuicktips
	{
		width:            129px;
		background-image: url( ../images/nav/quicktips.png );
	}
	
	div.layNav a.selectedQuicktips
	{
		width:               129px;
		background-image:    url( ../images/nav/quicktips_sel.png );
		background-position: bottom left;
	}
	
	div.layNav a.menuNew
	{
		width:            127px;
		background-image: url( ../images/nav/new.png );
	}
	
	div.layNav a.selectedNew
	{
		width:               127px;
		background-image:    url( ../images/nav/new_sel.png );
		background-position: bottom left;
	}
	
	div.layNav a.menuInspiration
	{
		width:            128px;
		background-image: url( ../images/nav/inspiration.png );
	}
	
	div.layNav a.selectedInspiration
	{
		width:               128px;
		background-image:    url( ../images/nav/inspiration_sel.png );
		background-position: bottom left;
	}
	
	div.layNav a.menuShop
	{
		width:            128px;
		background-image: url( ../images/nav/shop.png );
	}
	
	div.layNav a.selectedShop
	{
		width:               128px;
		background-image:    url( ../images/nav/shop_sel.png );
		background-position: bottom left;
	}
	
	div.layNav a.menuBlog
	{
		width:            127px;
		background-image: url( ../images/nav/blog.png );
	}
	
	div.layNav a.selectedBlog
	{
		width:               127px;
		background-image:    url( ../images/nav/blog_sel.png );
		background-position: bottom left;
	}
	
	div.layNav a.menuFreebies
	{
		width:            127px;
		background-image: url( ../images/nav/freebies.png );
	}
	
	div.layNav a.selectedFreebies
	{
		width:               127px;
		background-image:    url( ../images/nav/freebies_sel.png );
		background-position: bottom left;
	}
	
	div.layNav a.menuDesign
	{
		width:            129px;
		background-image: url( ../images/nav/design.png );
		margin:           0 !important;
	}
	
	div.layNav a.selectedDesign
	{
		width:               129px;
		background-image:    url( ../images/nav/design_sel.png );
		margin:              0 !important;
		background-position: bottom left;
	}
	
	div.layNav a.adminAdministrators
	{
		width:            129px;
		background-image: url( ../images/nav/admin_administrators.png );
	}
	
	div.layNav a.adminAccounts
	{
		width:            129px;
		background-image: url( ../images/nav/admin_accounts.png );
	}
	
	div.layNav a.adminContent
	{
		width:            127px;
		background-image: url( ../images/nav/admin_content.png );
	}
	
	div.layNav a.adminBlog
	{
		width:            128px;
		background-image: url( ../images/nav/admin_blog.png );
	}
	
	div.layNav a.adminStorefront
	{
		width:            128px;
		background-image: url( ../images/nav/admin_storefront.png );
	}
	
	div.layNav a.adminOrders
	{
		width:            127px;
		background-image: url( ../images/nav/admin_orders.png );
	}
	
	div.layNav a.adminDownloads
	{
		width:            127px;
		background-image: url( ../images/nav/admin_downloads.png );
	}
	
	div.layNav a.adminAvibe
	{
		width:            129px;
		background-image: url( ../images/nav/admin_avibe.png );
		margin:           0 !important;
	}

	/* Dropdown menus *******************************/
	div.menu
	{
		position:    absolute;
		z-index:     100;
		width:       200px;
		font-size:   12px;
		line-height: 12px;
	}

	div.menu a
	{
		width:            auto;
		display:          block;
		padding:          15px;
		color:            #fff;
		text-decoration:  none;
		background-color: #a58971;
	}

	div.menu a:hover
	{
		background-color: #764c23; 
	}

	/* IE only hack - yay IE ************************/
	* html div.menu a
	{ 
		width: 100%;
	}
}