/**************************************************************
Thanks for reading my css, shows you care. Like what you see? 
Feel free to contact me, you've earned the right:
justin (at) jpschroeder (dot) com 

Copyright 2010 Justin Schroeder, All Rights Reserved
**************************************************************/

.push_down{
	padding-top: 166px;
}
.nav_push{
	padding-top: 30px;
	width: 580px;
}
.navigation{
	height: 33px;
	width: 580px;
}

.navigation ul{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	display: inline;
}

.navigation li{
	display: inline;
}

/* MASTER NAVBAR EXPLICIT */
#navbar{
	height: 33px;
	margin: 0px auto;
	overflow: hidden;
	display: block;
	position: relative;
	left: 16px;
}
#navbar ul li a{
	background-image: url(../graphics/navbar.png);
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
	width: 77px;
	height: 33px;
}
#navbar ul li#bio a{
	background-position: -77px 0px;
	width:  63px;
}
#navbar ul li#join a{
	background-position: -140px 0px;
	width:  71px;
}
#navbar ul li#photos a{
	background-position: -211px 0px;
	width:  88px;
}
#navbar ul li#issues a{
	background-position: -299px 0px;
	width:  81px;
}
#navbar ul li#campaign a{
	background-position: -380px 0px;
	width:  103px;
}
#navbar ul li#blog a{
	background-position: -483px 0px;
	width:  70px;
}

#navbar ul li#home a:hover{
	background-position: -0px -33px;
}
#navbar ul li#bio a:hover{
	background-position: -77px -33px;
}
#navbar ul li#join a:hover{
	background-position: -140px -33px;
}
#navbar ul li#photos a:hover{
	background-position: -211px -33px;
}
#navbar ul li#issues a:hover{
	background-position: -299px -33px;
}
#navbar ul li#campaign a:hover{
	background-position: -380px -33px;
}
#navbar ul li#blog a:hover{
	background-position: -483px -33px;
}


#navbar ul li#home.selected a{
	background-position: -0px -33px;
}
#navbar ul li#bio.selected a{
	background-position: -77px -33px;
}
#navbar ul li#join.selected a{
	background-position: -140px -33px;
}
#navbar ul li#photos.selected a{
	background-position: -211px -33px;
}
#navbar ul li#issues.selected a{
	background-position: -299px -33px;
}
#navbar ul li#campaign.selected a{
	background-position: -380px -33px;
}
#navbar ul li#blog.selected a{
	background-position: -483px -33px;
}

/* MINOR NAVIGATION ELEMENTS */
#top_button{
	float: right;
	height: 40px;
	position: relative;
	right: 22px;
	top: 8px;
	width: 244px;
}
#top_button a{
	width: 215px;
	height: 48px;
}

#top_button a#contribute_now{
	float: left;
	background-image: url(../graphics/contribute_now.png);
	background-position: 0px 0px;
}
#top_button a#contribute_now:hover{
	float: left;
	background-image: url(../graphics/contribute_now.png);
	background-position: 0px -48px;
}