/*main sections navigation */
.sections {
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	overflow: visible;
}
nav.section {
	clear: both;
}
.ie7 nav.section { margin: 3.8em 0 0 0; } /* Kludge. */
.sections-heading,
.sections ul a,
.sections h2.my-saved a,
.sections h2.todays-paper a,
nav.section a {
	background: #fff url(../_img/icon-arrow-right-ccc.png) 98% 50% no-repeat;
	border: 1px solid #ddd;
	color: #464646;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
	margin: -1px 0 0 -1px;
	overflow: hidden;
	padding: .8em 0;
	position: relative;
	text-align: left;
	text-indent: 10px;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}
.applicationcache nav.section a {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAMAAAD3eXfcAAAAG1BMVEXl5eXS0tLp6en19fX5+fnZ2dnW1tbMzMz///9ZwuSAAAAACXRSTlP//////////wBTT3gSAAAAJklEQVR42j2KMQ4AIAjETkR6/3+xyODSNE1V27ZAQ04+sr5H93kuEeMA2r7VF3kAAAAASUVORK5CYII=);
}
.applicationcache nav.section li a {
	background: none;
}
.sections a:hover,
.sections li a:hover,
.sections .collapsible-heading-expanded a,
nav.section a:hover {
	text-decoration: none;
	color: #9B1518;
}
/* last two nav links end up in top bar on mobile */
.sections-heading, 
.sections h2.my-saved {
	width: 45%;
	position: relative;
	z-index: 10; /* z-system needed */
	display: block; /* unset the basic css if present due to js-disabled */
}
/* duped today's paper link not visible on mobile */
.sections h2.todays-paper {
	display: none;
}
.sections h2.my-saved {
	position: absolute;
	top: 0;
	left: 45%;
}
.sections-heading,
.sections h2.my-saved a {
	background-image: none;
	border-top-width: 1px;
	text-align: center;
	text-indent: 0;
	margin-top: 0;
	margin-right: -2px;
}
.ie6 .sections-heading,
.ie6 .sections h2.my-saved a {
	margin-top: 1px;
}
.sections h2.my-saved .count {
	margin: -3px 0 -2px 0;
}
.sections li.my-saved {
	display: none;
}
.sections-heading {
	border-right-width: 1px;
}

.ie6 nav.section li,
.ie7 nav.section li {
	display: inline;
}


#masthead .collapsible-content {
	clear: both;
}
#masthead .collapsible-content-collapsed {
	border-top: none;
	margin-top: 0;
}

/*
	Navigation Queries
*/

/* 480 and up */
@media screen and (min-width: 480px) {
	.sections {
		float: left;
		width: 100%;
	}
	nav.section ul li,
	.sections ul li {
		float: left;
		width: 50%;
	}
	.ie6 nav.section ul li,
	.ie7 nav.section ul li,
	.ie6 .sections ul li,
	.ie7 .sections ul li {
		width: 49.9%;
	}
	nav.section.collapsible-expand-complete {
		margin-bottom: 1em;
	}
	.sections a {
		border-right-width: 1px;
	}
	/* position sections heading and mysaved top right */
	.sections-heading,
	.sections h2.my-saved {
		width: 21%;
	}
	.sections-heading {
		left: 50%;
	}
	.sections h2.my-saved {
		position: absolute;
		left: 71%;
	}
	.sections h2.my-saved a {
		border-left-width: 1px;
	}
	.sections-heading a {
		border-left-width: 1px;
	}
}

@media screen and (min-width: 480px) and (max-width: 620px){
	.sections { 
		margin-bottom: -1px; /* pulls bottom border underneath anchor borders */
	}
}

/* 600 and up w/ 10px margin */
@media screen and (min-width: 620px){
	.sections {
		clear: both;
		float: none;
	}
	.sections h2.todays-paper {
		display: block;
	}
	.sections-heading,
	.sections h2.todays-paper,
	.sections h2.my-saved {
		width: 16.333333333333333%;
	}
	.sections-heading {
		right: auto;
		left: auto;
	}
	/* "highlighted" item appears in top nav at this breakpoint */
	.sections h2.todays-paper,
	.sections h2.my-saved {
		position: absolute;
		top: 0;
		left:  16.333333333333333%;
		z-index: 10;
	}
	.sections h2.my-saved {
		left: 32.6666666666666666%;
	}
	.sections a {
		border-color: #bfbfbf;
	}
	.sections h2.todays-paper a {
		text-align: center;
		text-indent: 0;
		background-image: none;
		margin: 0;
		border-right-width: 0;
	}
	.sections h2.my-saved a {
		border-right-width: 1px;
	}
}

@media screen and (max-width: 810px) {
	/* hide the sections on mobile at load */
	.enhanced .sections ul,
	.enhanced nav.section {
		display: none;
	}
	.enhanced .sections ul.collapsible-content,
	.enhanced nav.collapsible-content {
		display:block;
	}
	.enhanced .sections ul.collapsible-content-collapsed,
	.enhanced nav.collapsible-content-collapsed {
		display: none;
	}
	
}

/* 810 and up */
@media screen and (min-width: 810px){
	.sections {
		background: #FFF url("../_img/px-bbb.gif") repeat-x 0 100%;
		border: 1px solid #bfbfbf; /* border moves from individual links to their parent */
		border-bottom: 0;
		float: none;
		margin-right: 0;
		text-align: center;
		width: auto;
	}
	nav.section {
		border: 1px solid #bfbfbf;
		border-top: 0;
		text-align: center;
	}
	.ie7 nav.section { 
		margin: 0; 
	}
	nav.section ul li {
		float: none;
		width: auto;
	}
	nav.section.collapsible-expand-complete {
		margin-bottom: 0;
	}
	.sections-heading {
		position: absolute;					/* hide, but keep available as an audible cue */
		left: -99999px;
	}
	.sections ul,
	nav.section,
	.enhanced nav.collapsible-content-collapsed {
		display: block;					/*collapsible nav is disabled from here up */
	}
	
	.sections ul li {
		border-left: 1px solid transparent;
		border-right: 1px solid transparent;	/* placeholder for dark borders on hover */
		display: inline-block;
		float: none;
		line-height: 1;
		margin: 0 -1px;					/* offset the border space */
		text-align: center;
		width: auto;
	}
	.ie6 .sections ul li,
	.ie7 .sections ul li {
		border-right: 1px solid #fff;			/* placeholder for dark borders on hover */
		border-left: 1px solid #fff;
	}
	.ie7 .sections ul li, .ie6 .sections ul li {
		display: inline;
	}
	.no-display-table .sections ul,
	.no-display-table .sections ul.collapsible-content,
	.no-display-table .sections ul.collapsible-content-collapsed {
		display: block;
	}
	.display-table .sections ul,
	.display-table .sections ul.collapsible-content,
	.display-table .sections ul.collapsible-content-collapsed {
		display: table;
		width: 100%;
	}
	.no-display-table .sections ul li {
		display: inline;
		width: auto;
	}
	.display-table .sections ul li {
		display: table-cell;
	}
	.sections li a {
		padding-right: 3px;
		padding-left: 3px;
		text-align: center;
		text-indent: 0;
		border-width: 0;
		background: none;
		display: inline-block;
	}
	.sections h2.my-saved, 
	.sections h2.todays-paper {
		display: none;
	}
	.sections li.my-saved {
		display: inline-block;
	}
	.type-internal .sections ul li.active {
		border-right-color: #bfbfbf;
		border-left-color: #bfbfbf;
		background: #eee;
	}
	.type-internal .sections li.active a {
		color: #9B1518;
		border-bottom: 1px solid #eee;
	}
	.type-internal .sections ul.menu-expanded li.active {
		background: #eee url(../_img/px-bbb.gif) bottom repeat-x;
	}


	/* section secondary navigation */
	nav.section {
		background: #eee;
	}
	.enhanced nav.section li {
		display: inline-block;
		vertical-align: middle;
		width: auto;
	}
	nav.section li a {
		font-weight: normal;
		font-size: 1em;
		padding: .7em 1px;
		background: none;
		border: none;
		display: inline-block;
	}
	.ie7 body nav.section li,
	.ie6 body nav.section li, /*specifics*/
	.ie7 nav.section li a,
	.ie6 nav.section li a {
		display: inline;
		width: auto;
	}
	.sections li.my-saved .count {
		display: none;
	}
	.sections li.my-saved .count {
		display: inline-block;
	}
	nav.section li a {
		padding-right: 4px;
		padding-left: 4px;
	}
}

@media screen and (min-width: 900px){ 
	.sections li a {
		padding-right: 8px;
		padding-left: 8px;
	}
}	

@media screen and (min-width: 960px){ 
	.sections li a {
		padding-right: 10px;
		padding-left: 10px;
	}
	nav.section li a {
		padding-right: 8px;
		padding-left: 8px;
	}
}

/* 1200 and up */
@media screen and (min-width: 1200px){ 
	.sections ul li,
	.sections h2.todays-paper,
	.sections .my-saved {
		width: 9.090909090909091%;
		float: left;
		clear: none;
	}
	.ie7 .sections ul li, .ie6 .sections ul li,
	.ie7 .sections h2.todays-paper, .ie6 .sections h2.todays-paper,
	.ie7 .sections .my-saved, .ie6 .sections .my-saved {
		width: 9%;
	}

	.display-table .sections ul li {
		width: auto;
		float: none;
		padding-left: 0;
		padding-right: 0;
	}
	.sections li a {
		display: block;
	}
	
	nav.section li {
		float: none;
		width: auto;
		margin-bottom: 0;
	}
	nav.section li a {
		padding-right: 0;
		padding-left: 0;
	}
	nav.section li a {
		padding-right: 14px;
		padding-left: 14px;
	}
}