/*! Copyright 2014 jQuery Foundation and other contributors
 * Includes:
 * - normalize.css v1.0.1 | MIT License | git.io/normalize
 * - Font Awesome - http://fortawesome.github.com/Font-Awesome - CC BY 3.0
 */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */



/* Global Nav
   ========================================================================== */

#global-nav {
	background-color:#5F7020;
}

#global-nav nav {
	height: 44px;
}

#global-nav nav ul {
	text-align: left;
	display: inline;
	float: left;
	margin: 0;
	list-style: none;
	border-right: 1px solid rgba(255, 255, 255, 0.0976562);
	border-left: 1px solid rgba(0, 0, 0, 0.347656);
}

.tinynav-container { display: none }
.tinynav { display: none }

#global-nav nav ul.links {
	float: right;
}

#global-nav nav ul li {
	font: bold 23px/27px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	display: inline-block;
	float: left;
	position: relative;
	top: 1px;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	text-shadow: 0 0px 2px #000;
	border-left: 1px solid rgba(255, 255, 255, 0.0976562);
	border-right: 1px solid rgba(0, 0, 0, 0.347656);
}
.ie #global-nav nav ul li {
	top: 2px;
}

#global-nav nav ul li:hover {
	background-color: ##707F3A;
	color: #fff;
}

#global-nav nav ul li i {
	height: 1em;
}

#global-nav nav ul li a {
	color: #e6e6e6;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	display: block;
	font-size:24px;
	padding: 8px 12px;
}

#global-nav nav ul li ul {
	padding: 0;
	position: absolute;
	top: 40px;
	left: -2px;
	width: 178px;
	display: none;
	opacity: 0;
	visibility: hidden;
	-webkit-transiton: opacity 0.2s;
	transition: opacity 0.2s;
	-webkit-box-shadow: 0 43px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
	z-index: 400;
}

#global-nav nav ul li ul.wide {
	width: 260px;
}

#global-nav nav ul li ul li {
	background-color:#5F7020;
	display: block;
	color: #fff;
	float: none;
}

#global-nav nav ul li ul li:hover { background: #707F3A; }
#global-nav nav ul li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
}

#global-nav nav ul.projects li.project {
	width: 42px;
	padding: 0;
	height: 33px;
	text-indent: -9999px;
	background: url(../images/jq-nav-icons.png) -6px 0;
	z-index: 10;
}

#global-nav nav ul.projects li.project a {
	display: block;
	height: 33px;
}

#global-nav nav ul.projects li.jquery-ui {
	background-position: -57px 0px;
}

#global-nav nav ul.projects li.jquery-mobile {
	background-position: -107px 0px;
}

#global-nav nav ul.projects li.sizzlejs {
	background-position: -155px 0px;
}

#global-nav nav ul.projects li.qunitjs {
	background-position: -204px 0px;
}

.jquery #global-nav nav ul.projects li.jquery {
	background-position: 0 bottom;
	width: 52px;
	position: relative;
	margin-top:1px;
	border: none;
}

.jquery #global-nav nav ul.projects {
	border-left: none;
}

.jquery #global-nav nav ul.projects li.jquery-ui {
	border-left: none;
	background-position: -59px 0;
}

.jquery-ui #global-nav nav ul.projects li.jquery-ui {
	background-position: -50px bottom;
	width: 52px;
	position: relative;
	margin-top:1px;
	border: none;
}

.jquery-ui #global-nav nav ul.projects li.jquery {
	border-right: none;
	background-position: -2px 0;
}

.jquery-ui #global-nav nav ul.projects li.jquery-mobile {
	border-left: none;
}

.jquery-mobile #global-nav nav ul.projects li.jquery-mobile {
	background-position: -100px bottom;
	width: 52px;
	position: relative;
	margin-top:1px;
	border: none;
}

.jquery-mobile #global-nav nav ul.projects li.jquery-ui {
	border-right: none;
	background-position: -53px 0;
}

.jquery-mobile #global-nav nav ul.projects li.jquery-mobile {
	border-right: none;
}

.jquery-mobile #global-nav nav ul.projects li.sizzlejs{
	border-left: none;
	background-position: -157px 0;
}


.sizzlejs #global-nav nav ul.projects li.jquery-mobile {
	border-right: none;
	background-position: -102px 0;
}

.sizzlejs #global-nav nav ul.projects li.sizzlejs {
	background-position: -148px bottom;
	width: 52px;
	position: relative;
	margin-top:1px;
	border: none;
}

.sizzlejs #global-nav nav ul.projects li.qunitjs{
	border-left: none;
	background-position: -206px 0;
}


.qunitjs #global-nav nav ul.projects li.sizzlejs {
	border-right: none;
}

.qunitjs #global-nav nav ul.projects li.qunitjs {
	background-position: -202px bottom;
	width: 52px;
	position: relative;
	margin-top:1px;
	border: none;
}

.qunitjs #global-nav nav ul.projects {
	border-right: none;
}

#container, 
footer {
	border-top: 1px solid #7ACEF4;
}

.jquery-ui #container, 
.jquery-ui footer {
	border-top-color: #FAA523;
}

.jquery-mobile #container, 
.jquery-mobile footer {
	border-top-color: #3EB249;
}

.sizzlejs #container, 
.sizzlejs footer {
	border-top-color: #FAA523;
}

.qunitjs #container, 
.qunitjs footer {
	border-top-color: #9C3493;
}

.jquery-learn #container, 
.jquery-learn footer {
	border-top-color: #333;
}



logo {
	width: 710px;
	background: url(TIEUDE2af.png) no-repeat;
}