@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700);

body {
margin:0;
background:url(../layout/header-bg.png) repeat-x white;
font-family: Arial, sans-serif;
}


/*--------------- General Text Formatting ---------------*/

h1, h2, h3, h4, h5 {
line-height:1.2;
margin:.3em auto;
font-family: 'Yanone Kaffeesatz', sans-serif;
}

h1 {
font-size:2.5em;
color:#447838;
}

p {
line-height:1.4;
font-size:14px;
margin:.8 auto;
}



/*-------- Header ----------*/

.header {
margin-bottom:10px;
}



/*----- Top Nav -----*/
.nav ul  {
margin:1px;
padding:0;
list-style:none;
text-align:center;
}

.nav li {display:inline; position: relative;}

.nav li a {
display:inline-block;
background:#DFF1DB;
padding:8px 24px 9px;
margin:0 2px;
line-height:1;
text-decoration:none;
font-family:arial;
font-size:16px;
color:#242;
border:solid 1px rgba(0,55,77,.09);
position:relative;
}

.nav li a:hover {
background:#B3DBAB;
}

/*---drop down-------*/

.nav ul ul{
display:none;
z-index:999;
}

.nav li:hover ul {
display: block;
position: absolute;
left:0;
}

.nav li li {
display: block;
}

.nav li li a {
display: block;
}


/*----- Left Nav -----*/

.leftnav {
width:180px;
margin-right:25px;
margin-top:12px;
}

.leftnav ul, #category-navigation ul {
margin:0px;
padding:0;
list-style:none;

}

.leftnav li a, #category-navigation li a {
display:block;
background:#c9edff;
border:solid 1px #90c6e2;
font-size:14px;
padding:8px;
line-height:1;
text-decoration:none;
margin:2px;
color:#123;
position:relative;
border-radius:3px;
}

.leftnav li a:hover {
background:#A0E59C;
}

* a[href="/"]:hover:after {
content:" Coming Soon... ";
display:inline-block;
padding:5px;
background:#222;
background:rgba(0,0,0,.7);
color:white;
position:absolute;
font-size:12px;
top:0; right:0;
cursor:default;
}







/*---------------- footer ---------------*/

.footer {
background:url(../layout/footer-bg.png) repeat-x bottom  #A0DDFF; 
border-top:solid 1px #79a;
margin-top:20px;
width:100%;
}

.fat-footer p {
margin:16px auto;
}

p.ez-hit-counter {
display:block;
text-align:center;
margin:0 auto;
position:relative;
bottom:10px;
width:100px;
}




.animate{
background:rgba(50,110,180,.1);
-webkit-animation: cssAnimation 1.1s 1 ease;
-webkit-animation-fill-mode: both;
-webkit-backface-visibility: visible !important;
}

@-webkit-keyframes cssAnimation {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}


@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}