/*THIS PART IS FOR THE NAVIGATION LINKS*/

.nav1 a:link, .nav1 a:visited, .nav2 a:link, .nav2 a:visited, .nav3 a:link, .nav3 a:visited, .nav5 a:link, .nav5 a:visited, .nav6 a:link, .nav6 a:visited{

	color: #4E4E4E;

	width: 70px;

	height: 20px;

	line-height: 20px;

	background: url(/blogs/skins/leaf/images/01_linkbg2.png) top repeat-y;

	padding: 0;

	text-align: center; 

}	

.nav4 a:link, .nav4 a:visited{

	color: #4E4E4E;

	width: 70px;

	height: 20px;

	line-height: 20px;

	background: url(/blogs/skins/leaf/images/01_linkbg4.png) top repeat-y;

	padding: 0;

	text-align: center; 

}	

.nav7 a:link, .nav7 a:visited, .nav8 a:link, .nav8 a:visited, .nav9 a:link, .nav9 a:visited, .nav10 a:link, .nav10 a:visited{

	color: #4E4E4E;

	width: 70px;

	height: 20px;

	line-height: 20px;

	background: url(/blogs/skins/leaf/images/01_link2bg2.png) top repeat-y;

	padding: 0;

	text-align: center; 

				

}

.nav1 a:link, .nav1 a:visited{

	position: absolute;

	top: 2px;

	left: 4px;

	font-color: #FFFFFF;

}

.nav2 a:link, .nav2 a:visited{

	position: absolute;

	top: 2px;

	left: 78px;

	font-color: #FFFFFF;

}

.nav3 a:link, .nav3 a:visited{

	position: absolute;

	top: 2px;

	left: 150px;

	font-color: #FFFFFF;

}

.nav4 a:link, .nav4 a:visited{

	position: absolute;

	top: 2px;

	left: 222px;

	font-color: #FFFFFF;

}

.nav5 a:link, .nav5 a:visited{

	position: absolute;

	top: 2px;

	left: 294px;

	font-color: #FFFFFF;

}

.nav6 a:link, .nav6 a:visited{

	position: absolute;

	top: 2px;

	left: 366px;

	font-color: #FFFFFF;

}

.nav7 a:link, .nav7 a:visited{

	position: absolute;

	top: 2px;

	left: 474px;

	font-color: #FFFFFF;

}

.nav8 a:link, .nav8 a:visited{

	position: absolute;

	top: 2px;

	left: 547px;

	font-color: #FFFFFF;

}

.nav9 a:link, .nav9 a:visited{

	position: absolute;

	top: 2px;

	left: 620px;

	font-color: #FFFFFF;

}

.nav10 a:link, .nav10 a:visited{

	position: absolute;

	top: 2px;

	left: 693px;

	font-color: #FFFFFF;

}









/*HOVER EFFECTS*/

.nav1 a:hover, .nav1 a:active, .nav2 a:hover, .nav2 a:active, .nav3 a:hover, .nav3 a:active, .nav4 a:hover, .nav4 a:active, .nav5 a:hover, .nav5 a:active, .nav6 a:hover, .nav6 a:active, .nav7 a:hover, .nav7 a:active, .nav8 a:hover, .nav8 a:active, .nav9 a:hover, .nav9 a:active, .nav10 a:hover, .nav10 a:active{

	background: url(/blogs/skins/leaf/images/01_linkbg1.png) top repeat-y;

	margin: 0px 0 0 0;

}



/*USE A DIFFERENT COLOR WHEN USER IS ON THAT PAGE*/

#home .nav1 a:link, #home .nav1 a:visited, #itempage .nav1 a:link, #itempage .nav1 a:visited, #archives .nav2 a:link, #archives .nav2 a:visited{

	background: url(/blogs/skins/leaf/images/01_linkbg3.png) top repeat-y;

	font-color: #ffffff;

}

/*THE FOLLOWING PART IS FOR THE FONT CONTROL*/

#bfpprofilepic{

	background: none;

	width: 80px;

	height: 80px;

	border: 0px;

	position: absolute;



	top: 8px;

	left: 612px;

}

#bfpinc_nav{

	background: none;

	width: 250px;

	height: 16px;

	position: absolute;



	top: 106px;

	left: 20px;

}

#fontcontrol{

	background: none;

	width: 66px;

	height: 18px;

	position: absolute;

	top: 106px;

	left: 620px;

}

#fontcontrol ul{

	background: none;

	list-style: none;

	padding: 0;

	margin: 0;

}

#fontcontrol li{

	background: none;

}

#fontcontrol i{

	display: block;

	visibility: hidden;

}

.font1 a:link, .font1 a:visited{

	width: 18px;

	height: 18px;

	position: absolute;

	top: 0;

	left: 0;

	background: url(images/01_font1.gif) no-repeat;

}

.font2 a:link, .font2 a:visited{

	width: 18px;

	height: 18px;

	position: absolute;

	top: 0;

	left: 22px;

	background: url(images/01_font2.gif) no-repeat;

}

.font3 a:link, .font3 a:visited{

	width: 18px;

	height: 18px;

	position: absolute;

	top: 0;

	left: 44px;

	background: url(images/01_font3.gif) no-repeat;

}

.font1 a:hover, .font1 a:active{

	background-position: 0 -18px;

}

.font2 a:hover, .font2 a:active{

	background-position: 0 -18px;

}

.font3 a:hover, .font3 a:active{

	background-position: 0 -18px;

}