
#topBar {
	height: 30px;
	background: #efebd9;
	font-family: Palatino, Times, serif;
	line-height: 30px;
}

#topBar a{
	text-decoration: none;
	color: #544738;
}

#topBar a:hover{
	text-decoration: underline;
}


#nav {
	width: 800px;
	margin: 50px auto;
	margin-bottom: 0px;
}

ul, li {
 margin: 0; padding: 0;
 overflow: hidden;
}

ul li {
 float: left;
 list-style: none;
 margin-right: 1em; 
}

li a {
	font-family: "Lucida Console", sans-serif;
 color: #FFFFFF;
 text-decoration: none;
 float: left;
 font-size: 25px;
 padding: 12px;
}

li a:hover {
 color: #7eb9be;
}

/*Anitmation
li a:hover {
-webkit-animation-name: cssAnimation;
-webkit-animation-duration:1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease
}
@-webkit-keyframes cssAnimation {
from {
-webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
}
to {
-webkit-transform: rotate(350deg) scale(1.1) skew(1deg) translate(0px)
}
}
*/

.odd a:hover {
	-webkit-transition:All .5s ease-in-out;
	-moz-transition:All .5s ease-in-out;
	-o-transition:All .5s ease-in-out;
	-webkit-transform: rotate(-10deg) scale(1.2);
	-moz-transform: rotate(-10deg) scale(1.2);
	-o-transform: rotate(-10deg) scale(1.2);
}

.even a:hover {
-webkit-transition:All .5s ease-in-out;
-moz-transition:All .5s ease-in-out;
-o-transition:All .5s ease-in-out;
-webkit-transform: rotate(10deg) scale(1.2);
-moz-transform: rotate(10deg) scale(1.2);
-o-transform: rotate(10deg) scale(1.2);
}
