/*
Theme Name: Iggli.com emerald theme
Theme URI: iggli.com
Description: Nav for all iggli pages
Version: 1.0
*/

/* mainnav */

.main-header .nav .mainnav { /* targeting main nav */
	float: right;
	margin: 17px 10px 0px 0px;
	padding: 0px;
	}

.main-header .nav .mainnav li { 
	margin: 0px 0px 0px 1px;
	float: left;
	list-style: none;
	width: 84px;}

.main-header .nav .mainnav li a { 
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	height: 25px;
	width: 84px;
	display: block;
	background-image: url(../images/emerald/nav-top.png);
	background-position: -182px 0px;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 23px;
	font-weight: 100;
	text-shadow: 0px 1px 0px #1b4c25;
	}

.main-header .nav .mainnav li a:hover {
	background-position: -92px 0px;
	}

/* mainnav - MYinvite */

.main-header .nav .mainnav .myinvite { 
	margin: -5px 0px 0px 0px;
	width: 94px;}

.main-header .nav .mainnav .myinvite a { 
	font-size: 16px;
	height: 35px;
	width: 94px;
	background-position: -192px -27px;
	text-align: center;
	text-indent: -10000px;
	outline: none;
	}

.main-header .nav .mainnav .myinvite a:hover {
	background-position: -96px -27px;
	}


/* subnav */

.main-header .nav .subnav {
	margin: 0px;
	padding: 0px;
	background: url(../images/emerald/subnav-top.gif) bottom left no-repeat;
	height: 26px;
	position: absolute;
	top:58px;
	right:10px;
	padding: 0px 0px 0px 10px;
	}

.main-header .nav .subnav ul {
	margin: 0px;
	padding: 0px;
	background: url(../images/emerald/subnav-top.gif) top right no-repeat;
	height: 26px;
	padding: 0px 10px 0px 0px;
	}

.main-header .nav .subnav ul li {
	margin: 0px 0px 0px 1px;
	float: left;
	list-style: none;
	font-size: 13px;
	color: #fff;
	margin-top: 1px;
	text-shadow: 0px -1px 0px #000;
	}

.main-header .nav .subnav ul li a {
	color: inherit;
	text-decoration: none;
	padding: 0px;
	padding: 0px 3px;
	color: #fff;}

.main-header .nav .subnav ul li a:hover {
	text-decoration: underline;}

/* footer */

.footer {
	padding: 12px 0px 30px 0px;
	text-align: center;
	margin: 0px 10px;
	}

.footer .nav {
	border-top:1px solid #D1D1D1;
	padding-top: 20px;}	

.footer .nav ul {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	text-align: center;}

.footer .nav li {
	list-style: none;
	display: inline;}

.footer .nav a {
	text-decoration: none;
	color: #006400;
	padding: 0px 5px;}

.footer .nav a:hover {
	text-decoration: underline;}
	
/* --- CURRENT NAV and HIDE/SHOW SUBNAV --- */

.emerald-index .main-header .nav .mainnav .home a, .emerald-index .main-header .nav .mainnav .home a:hover {
	background-position: -2px 0px;
	color: #000;
	text-shadow: 0px 1px 0px #fff;
	}
	
.emerald-events .main-header .nav .mainnav .events a, .emerald-events .main-header .nav .mainnav .events a:hover {
	background-position: -2px 0px;
	color: #000;
	text-shadow: 0px 1px 0px #fff;
	}
	
.emerald-about .main-header .nav .mainnav .about a, .emerald-about .main-header .nav .mainnav .about a:hover {
	background-position: -2px 0px;
	color: #000;
	text-shadow: 0px 1px 0px #fff;
	}

.emerald-blog .main-header .nav .mainnav .blog a, .emerald-blog .main-header .nav .mainnav .blog a:hover {
	background-position: -2px 0px;
	color: #000;
	text-shadow: 0px 1px 0px #fff;
	}

.emerald-partners .main-header .nav .mainnav .partners a, .emerald-partners .main-header .nav .mainnav .partners a:hover {
	background-position: -2px 0px;
	color: #000;
	text-shadow: 0px 1px 0px #fff;
	}

.emerald-reports .main-header .nav .mainnav .partners a, .emerald-reports .main-header .nav .mainnav .partners a:hover {
	background-position: -2px 0px;
	color: #000;
	text-shadow: 0px 1px 0px #fff;
	}

.emerald-myinvite .nav .mainnav .myinvite a, .emerald-myinvite .nav .mainnav .myinvite a:hover {
	background-position: -2px -27px;
	}

/* subnav */

.emerald-myinvite #myinvitenav {
	visibility: visible;}