/*
this is formatting for the main nav bar
*/


ul#navlist
{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#navlist li
{
	display: inline;
	float: left;
	list-style-type: none;
}


#navlist a:link, #navlist a:visited
{
	color: #fff;
	background-color: #036;
	text-decoration: none;
}

#navlist a:hover
{
	color: #fff;
	background-color: #369;
	text-decoration: none;
}


#menuHome {
	display: block;
	width: 65px;
	height: 20px;
	background: url("/images/menu_home.png") no-repeat 0 0;
}

#menuHome:hover, body.home #menubar ul li #menuHome {
	background-position: 0 -20px;
}

#menuHome span {
	display: none;
}

#menuSearch {
	display: block;
	width: 148px;
	height: 20px;
	background: url("/images/menu_search.png") no-repeat 0 0;
}

#menuSearch:hover, body.search #menubar ul li #menuSearch {
	background-position: 0 -20px;
}

#menuSearch span {
	display: none;
}

#menuEditors {
	display: block;
	width: 123px;
	height: 20px;
	background: url("/images/menu_editors.png") no-repeat 0 0;
}

#menuEditors:hover, body.editors #menubar ul li #menuEditors {
	background-position: 0 -20px;
}

#menuEditors span {
	display: none;
}

#menuRecent {
	display: block;
	width: 160px;
	height: 20px;
	background: url("/images/menu_recent.jpg") no-repeat 0 0;
}

#menuRecent:hover, body.recent #menubar ul li #menuRecent {
	background-position: 0 -20px;
}

#menuRecent span {
	display: none;
}

#menuPopular {
	display: block;
	width: 117px;
	height: 20px;
	background: url("/images/menu_popular.jpg") no-repeat 0 0;
}

#menuPopular:hover, body.popular #menubar ul li #menuPopular {
	background-position: 0 -20px;
}

#menuPopular span {
	display: none;
}

#menuContact {
	display: block;
	width: 83px;
	height: 20px;
	background: url("/images/menu_contact.jpg") no-repeat 0 0;
}

#menuContact:hover, body.contact #menubar ul li #menuContact {
	background-position: 0 -20px;
}

#menuContact span {
	display: none;
}

#menuAbout {
	display: block;
	width: 67px;
	height: 20px;
	background: url("/images/menu_about.png") no-repeat 0 0;
}

#menuAbout:hover, body.about #menubar ul li #menuAbout {
	background-position: 0 -20px;
}

#menuAbout span {
	display: none;
}

#menuHelp {
	display: block;
	width: 58px;
	height: 20px;
	background: url("/images/menu_help.png") no-repeat 0 0;
}

#menuHelp:hover, body.help #menubar ul li #menuHelp {
	background-position: 0 -20px;
}

#menuHelp span {
	display: none;
}

#menuMyprofile {
	display: block;
	width: 103px;
	height: 20px;
	background: url("/images/menu_myprofile.jpg") no-repeat 0 0;
}

#menuMyprofile:hover, body.myprofile #menubar ul li #menuMyprofile {
	background-position: 0 -20px;
}

#menuMyprofile span {
	display: none;
}



/*
this is formatting for the my_profile nav bar
*/

ul#navlist_profile
{
	margin-left: 0;
	padding-left: 0;
	top: 2px;
	position: relative;
	white-space: nowrap;
}

#navlist_profile li
{
	display: inline;
	float: left;
	list-style-type: none;
	line-height: 20px;
	text-align: center;
	width: 136px;
	height: 20px;
}

#navlist_profile li#my_profile {
	width: 142px;
	color: grey;
	font-size: 14px;
}

#navlist_profile .button {
	background-color: grey;
	display: block;
	color: #FFFFFF;
	width: 130px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

#navlist_profile a:link, #navlist_profile a:visited
{
	color: #fff;
	text-decoration: none;
}

#navlist_profile a:hover
{
	color: #fff;
	background-color: #fa037f;
	text-decoration: none;
}


body.edit_profile #edit_profile {
	color: #fff;
	background-color: #fa037f;
	text-decoration: none;
}

body.my_album #my_album {
	color: #fff;
	background-color: #fa037f;
	text-decoration: none;
}

body.my_basket #my_basket {
	color: #fff;
	background-color: #fa037f;
	text-decoration: none;
}

body.history #history {
	color: #fff;
	background-color: #fa037f;
	text-decoration: none;
}