/* texan-main.css contains all of the standard elements across site versions. */
body nav#main-navigation {
	margin: 12px 0;
	height: 72px;
}

body nav#main-navigation li {
	list-style-type: none;
	list-style-image: none;
}

body nav#main-navigation ul {
	width: 100%;
	height: 36px;
	background: #444;
	position: relative;
}

body nav#main-navigation li {
	margin: 0;
	padding: 0;
}

body nav#main-navigation li a {
	color: #fff;
	text-decoration: none;

	font-size: 10pt;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	text-transform: uppercase;

	display: block;
	float: left;

	height: 36px;
	line-height: 36px;
	padding: 0 17px;

	/* prevent the default transitions from occurring */
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

body nav#main-navigation > ul.first-level li > ul.second-level {
	position: absolute;
	top: 36px;
	left: 0;

	display: none;
}

body nav#main-navigation > ul.first-level li.expanded > ul.second-level {
	display: block;
	z-index: 100;
}

body nav#main-navigation > ul.first-level li.hover > ul.second-level {
	display: block;
	z-index: 200;
}

body nav#main-navigation > ul.first-level li > ul.second-level li a {
	font-size: 9pt;
	text-transform: none;
}


/* menu colors! */
body nav#main-navigation > ul.first-level li#menu-home a.active,
body nav#main-navigation > ul.first-level li#menu-home a:hover,
body nav#main-navigation > ul.first-level li#menu-home.expanded > ul.second-level,
body nav#main-navigation > ul.first-level li#menu-home.expanded > a,
body nav#main-navigation > ul.first-level li#menu-home.hover > a,
body nav#main-navigation > ul.first-level li#menu-home.hover > ul.second-level {
	background: #2a2a2a;
}

body nav#main-navigation > ul.first-level li#menu-news a.active,
body nav#main-navigation > ul.first-level li#menu-news a:hover,
body nav#main-navigation > ul.first-level li#menu-news.expanded > ul.second-level,
body nav#main-navigation > ul.first-level li#menu-news.expanded > a,
body nav#main-navigation > ul.first-level li#menu-news.hover > a,
body nav#main-navigation > ul.first-level li#menu-news.hover > ul.second-level {
	background: #d12229;
}

body nav#main-navigation > ul.first-level li#menu-opinion a.active,
body nav#main-navigation > ul.first-level li#menu-opinion a:hover,
body nav#main-navigation > ul.first-level li#menu-opinion.expanded > ul.second-level,
body nav#main-navigation > ul.first-level li#menu-opinion.expanded > a,
body nav#main-navigation > ul.first-level li#menu-opinion.hover > a,
body nav#main-navigation > ul.first-level li#menu-opinion.hover > ul.second-level {
	background: #686868;
}

body nav#main-navigation > ul.first-level li#menu-sports a.active,
body nav#main-navigation > ul.first-level li#menu-sports a:hover,
body nav#main-navigation > ul.first-level li#menu-sports.expanded > ul.second-level,
body nav#main-navigation > ul.first-level li#menu-sports.expanded > a,
body nav#main-navigation > ul.first-level li#menu-sports.hover > a,
body nav#main-navigation > ul.first-level li#menu-sports.hover > ul.second-level {
	background: #c50;
}

body nav#main-navigation > ul.first-level li#menu-life-and-arts a.active,
body nav#main-navigation > ul.first-level li#menu-life-and-arts a:hover,
body nav#main-navigation > ul.first-level li#menu-life-and-arts.expanded > ul.second-level,
body nav#main-navigation > ul.first-level li#menu-life-and-arts.expanded > a,
body nav#main-navigation > ul.first-level li#menu-life-and-arts.hover > a,
body nav#main-navigation > ul.first-level li#menu-life-and-arts.hover > ul.second-level {
	background: #96ac48;
}

body nav#main-navigation > ul.first-level li#menu-multimedia a.active,
body nav#main-navigation > ul.first-level li#menu-multimedia a:hover,
body nav#main-navigation > ul.first-level li#menu-multimedia.expanded > ul.second-level,
body nav#main-navigation > ul.first-level li#menu-multimedia.expanded > a,
body nav#main-navigation > ul.first-level li#menu-multimedia.hover > a,
body nav#main-navigation > ul.first-level li#menu-multimedia.hover > ul.second-level {
	background: #385789;
}

body nav#main-navigation > ul.first-level li#menu-blogs a.active,
body nav#main-navigation > ul.first-level li#menu-blogs a:hover,
body nav#main-navigation > ul.first-level li#menu-blogs.expanded > ul.second-level,
body nav#main-navigation > ul.first-level li#menu-blogs.expanded > a,
body nav#main-navigation > ul.first-level li#menu-blogs.hover > a,
body nav#main-navigation > ul.first-level li#menu-blogs.hover > ul.second-level {
	background: #878553;
}

body nav#main-navigation > ul.first-level li#menu-interactives a.active,
body nav#main-navigation > ul.first-level li#menu-interactives a:hover,
body nav#main-navigation > ul.first-level li#menu-interactives.expanded > ul.second-level,
body nav#main-navigation > ul.first-level li#menu-interactives.expanded > a,
body nav#main-navigation > ul.first-level li#menu-interactives.hover > a,
body nav#main-navigation > ul.first-level li#menu-interactives.hover > ul.second-level {
	background: #878553;
}

body nav#main-navigation > ul.first-level li#menu-comics a.active,
body nav#main-navigation > ul.first-level li#menu-comics a:hover,
body nav#main-navigation > ul.first-level li#menu-comics.expanded > ul.second-level,
body nav#main-navigation > ul.first-level li#menu-comics.expanded > a,
body nav#main-navigation > ul.first-level li#menu-comics.hover > a,
body nav#main-navigation > ul.first-level li#menu-comics.hover > ul.second-level {
	background: #e8cd81;
}

body nav#main-navigation > ul.first-level li#menu-pdf-issue a.active,
body nav#main-navigation > ul.first-level li#menu-pdf-issue a:hover,
body nav#main-navigation > ul.first-level li#menu-pdf-issue.expanded > ul.second-level,
body nav#main-navigation > ul.first-level li#menu-pdf-issue.expanded > a,
body nav#main-navigation > ul.first-level li#menu-pdf-issue.hover > a,
body nav#main-navigation > ul.first-level li#menu-pdf-issue.hover > ul.second-level {
	background: #afba86;
}


/* second level highlights */
body nav#main-navigation > ul.first-level li > ul.second-level li a.active {
	background: rgba(255, 255, 255, 0.35) !important;
}

body nav#main-navigation > ul.first-level li > ul.second-level li a:hover {
	background: rgba(255, 255, 255, 0.15) !important;
}

body.device-mobile nav#mobile-navigation {
	clear: both;
	height: 30px;

	background: #cf7330;
	padding: 1px 6px;

	border-top: 2px solid #222;
	border-bottom: 2px solid #222;

	font-family: 'Helvetica Neue', 'Helvetica', 'Droid Sans', 'Arial', sans-serif;
	font-weight: bold;
	font-size: 12pt;

	text-transform: uppercase;
	color: #fff;
}

body.device-mobile nav#mobile-navigation select {
	float: right;
	background: #fff;
	font-size: 10pt;
}