/* --------------- Featured Slider --------------- */

.featured { z-index: 1; } 

.featured .photo { 
   background-repeat: no-repeat; 
	background-position: 120px top;
	border-radius: 8px;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; }
	
.featured .mask { 
	background: url(/design/img/featured-mask.png) no-repeat 0 0; 
	padding: 40px 570px 30px 30px;
	height: 270px;
	box-shadow: inset 3px 3px 6px rgba(0, 0, 0, .30); 	 
		-webkit-box-shadow: inset 3px 3px 6px rgba(0, 0, 0, .30);
		-moz-box-shadow: inset 3px 3px 6px rgba(0, 0, 0, .30);	
	border-radius: 8px;
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;	}
		
.ie6 .featured .mask { background-image: url(/design/img/featured-mask8.png); }		
	
/* Top Story Controls */

#controls {
   position: absolute;
      left: 154px; 
      top: 280px;
   height: 43px;
   margin: 0; 
   padding: 0;
   list-style: none;
   z-index: 1000000; }
	
.ie7 #controls li { width: 20px; float: left; margin-right: 4px; }
	
#controls li {
	background: #e60000;
	margin-top: 13px;
	border-radius: 4px;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;	
	color: #fff;
		text-transform: uppercase;	
		font-size: 10px;
		line-height: 10px;
		text-shadow: rgba(0, 0, 0, .30) 1px 1px 1px; 	
	border: none;
	cursor: pointer;
	display: inline-block; }
#controls li a {
	background: #042646;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .2);
		-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .2);
	padding: 5px 6px;
	cursor: pointer; 
	color: #fff;
	border-radius: 4px;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;	
	-webkit-transition: background-color .2s ease-in;
		-moz-transition: background-color .2s ease-in;
		-o-transition: background-color .2s ease-in;
		-ms-transition: background-color .2s ease-in;
		transition: background-color .2s ease-in;
		display: inline-block; }
#controls li a:hover { 
	background-color: #0a588f;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .4);
		-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .4); }		
#controls li.ui-tabs-selected a { 
	background: #dd0b0b;
	-webkit-box-shadow: inset .5px .5px 2.5px 0px rgba(0, 0, 0, .45);
		-moz-box-shadow: inset .5px .5px 2.5px 0px rgba(0, 0, 0, .45);
		box-shadow: inset .5px .5px 2.5px 0px rgba(0, 0, 0, .45);										
	-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none; }		

#controls .selected a:link, #controls .selected a:visited { cursor: default; }
#controls a:hover, #controls a:focus, #controls a:active { cursor: pointer; }


/* ------- Side Bar ------- */

.featured .sidebar  { 
	background: url(/design/img/sidebar.png) no-repeat 0 0;
	width: 286px;
	height: 316px;
	padding: 15px;
	position: absolute;
	top: 0;
	right: 0; 
	z-index: 100; } 
.ie6 .featured .sidebar  { background: url(/design/img/sidebar8.png); }
.ie7 .featured .sidebar  { overflow: hidden; }

.state h2 { 
	width: 136px;
	float: left; }	
	.state h2 a { 
		background: url(/design/img/in-your-state.png) no-repeat 0 0;
		-webkit-transition: background-position .2s ease-in-out;
			-moz-transition: background-position .2s ease-in-out;
			-o-transition: background-position .2s ease-in-out;
			-ms-transition: background-position .2s ease-in-out;			
		height: 17px;
		overflow: hidden;
		display: block; }	
	.state h2 a:hover { background-position: 0 -17px; }
	.state h2 a:active { 
		background-position: 0 -34px;
		-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
			transition: none; }	

.state a.expand { 
	background: url(/design/img/expand-map.png) no-repeat 0 0;
	-webkit-transition: background-position .2s ease-in-out;
		-moz-transition: background-position .2s ease-in-out;
		-o-transition: background-position .2s ease-in-out;
		-ms-transition: background-position .2s ease-in-out;
	width: 78px;			
	height: 11px;
	margin-top: 2px;
	float: right;
	overflow: hidden;
	display: block; }	
	
.state a.expand:hover { background-position: 0 -11px; }
.state a.expand:active { 
	background-position: 0 0;
	-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none; }	
			
.state .more { padding: 10px 4px 7px; }

.state a.overseas { 
	background: url(/design/img/overseas.png) no-repeat 0 0;
	-webkit-transition: background-position .2s ease-in-out;
		-moz-transition: background-position .2s ease-in-out;
		-o-transition: background-position .2s ease-in-out;
		-ms-transition: background-position .2s ease-in-out;
	width: 155px;			
	height: 9px;
	margin-top: 6px;
	float: right;
	overflow: hidden;
	display: block; }
		
.state a.overseas:hover { background-position: 0 -9px; }
.state a.overseas:active { 
	background-position: 0 0;
	-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none; }	
		
.state select { 
	background: #fff;
	width: 110px;
	border: none;
	border-radius: 4px;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;
	font-size: 10px;
		color: #042647;
		padding: 4px 3px 3px; 
		text-transform: uppercase;
	cursor: pointer;
	float: left;
	-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out; 	 } 	
	.state select:hover { 
		background: #dbecf8;
		color: #db0000; } 
	.state select:active { 
		background: #fff;
		color: #0a588f;
		-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
			transition: none; } 		
					
	
h3.share {
	background: #e60000;
	box-shadow: inset 0 10px 25px 0px rgba(255, 255, 255, .4);
	-webkit-box-shadow: inset 0 10px 25px 0px rgba(255, 255, 255, .4);	
		-moz-box-shadow: inset 0 10px 25px 0px rgba(255, 255, 255, .4);
	margin-top: 12px;		
	padding: 10px;
	clear: both;
	border-radius: 6px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;			
	border: none;
	cursor: pointer; 
	overflow: hidden;
	text-indent: -800px;
	-webkit-transition: background-color .2s ease-in;
		-moz-transition: background-color .2s ease-in;
		-o-transition: background-color .2s ease-in;
		-ms-transition: background-color .2s ease-in;
		transition: background-color .2s ease-in; }
		
h3.share a {
	background: url(/design/img/share.png) no-repeat 7px center;
	height: 47px;
	display: block; }
	
	.ie7 h3.share { height: 47px;  }
	.ie6 h3.share a { background: url(/design/img/share8.png) no-repeat 7px center; }	
		
h3.share:hover { 
	background-color: #1268a5;
	box-shadow: inset 0 -10px 25px 0px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0 -10px 25px 0px rgba(0, 0, 0, .2);	
		-moz-box-shadow: inset 0 -10px 25px 0px rgba(0, 0, 0, .2); }		
h3.share:active { 
	background-color: #095185; 
	-webkit-box-shadow: inset 1.5px 1.5px 2.5px 0px rgba(0, 0, 0, .3);
		-moz-box-shadow: inset 1.5px 1.5px 2.5px 0px rgba(0, 0, 0, .3);
		box-shadow: inset 1.5px 1.5px 2.5px 0px rgba(0, 0, 0, .3);										
	-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none; }	 	
		
h3.share a strong {
	background: #042647 url(/design/img/share-report.png) no-repeat center center;
	width: 155px;
	height: 47px;
	float: right;
	box-shadow: inset 0 10px 25px 0px rgba(0, 116, 198, .4);
	-webkit-box-shadow: inset 0 10px 25px 0px rgba(0, 116, 198, .4);	
		-moz-box-shadow: inset 0 10px 25px 0px rgba(0, 116, 198, .4);
	border-radius: 4px;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;			
	-webkit-transition: background-color .2s ease-in;
		-moz-transition: background-color .2s ease-in;
		-o-transition: background-color .2s ease-in;
		-ms-transition: background-color .2s ease-in;
		transition: background-color .2s ease-in; }		

h3.share:hover a strong {
	background: #e60000 url(/design/img/share-report.png) no-repeat center center;
	box-shadow: inset 0 10px 25px 0px rgba(255, 255, 255, .3);
	-webkit-box-shadow: inset 0 10px 25px 0px rgba(255, 255, 255, .3);	
		-moz-box-shadow: inset 0 10px 25px 0px rgba(255, 255, 255, .3); }			
		
h3.share:active a strong {
	background: #cd0000 url(/design/img/share-report.png) no-repeat center center;
	-webkit-box-shadow: inset 1.5px 1.5px 2.5px 0px rgba(0, 0, 0, .3);
		-moz-box-shadow: inset 1.5px 1.5px 2.5px 0px rgba(0, 0, 0, .3);
		box-shadow: inset 1.5px 1.5px 2.5px 0px rgba(0, 0, 0, .3); }				

.ie6 h3.share a strong { background-image: url(/design/img/share-report8.png); }	

/* -------  Content ------- */

.content .promos, 
.content .latest { float: left; }
	.content .promos { width: 376px; }
	.content .latest { width: 537px; padding: 0 0 10px 15px; }	
	
				
/* Latest */

.latest .title { 
	height: 40px;
	padding: 4px 0 0 0;
	position: relative; }
	
.latest .title h2 { 
	width: 121px;
	float: left;
	text-indent: -9000px;
		transition: background-position .3s ease-in-out; }	
	.latest .title h2 a { 
		background: url(/design/img/the-latest.png) no-repeat 0 0;
		-webkit-transition: background-position .2s ease-in-out;
			-moz-transition: background-position .2s ease-in-out;
			-o-transition: background-position .2s ease-in-out;
			-ms-transition: background-position .2s ease-in-out;			
		height: 17px;
		overflow: hidden;
		display: block; }	
	.latest .title h2 a:hover { background-position: 0 -17px; }
	.latest .title h2 a:active { 
		background-position: 0 0;
		-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
			transition: none; }							
			
#feed-tabs { 
	position: absolute;
	top: 0;
	right: 0; }
	
#feed-tabs ul { 
	list-style: none;	
	float: right; 
	margin: 0; }
	.ie #feed-tabs ul { width: 331px; }	
	.ie7 #feed-tabs ul { width: 361px; }	
#feed-tabs li { 
	float: left;
	display: inline-block; }

	#feed-tabs li a { 
		background: #a9cbe0;
		box-shadow: inset 0 6px 10px 0px rgba(255, 255, 255, .6);
		-webkit-box-shadow: inset 0 6px 10px 0px rgba(255, 255, 255, .6);	
			-moz-box-shadow: inset 0 6px 10px 0px rgba(255, 255, 255, .6);
		border-radius: 4px;
			-moz-border-radius: 4px; 
			-webkit-border-radius: 4px;				
		display: block;
		margin: 0 1px;
		padding: 6px 7px 5px;
		font-size: 12px;
		line-height: 12px;
		color: #063e73;
		font-weight: 600;
		text-shadow: .8px .8px 1px rgba(0, 0, 0, .15);	
		text-transform: uppercase; }
	#feed-tabs li a:hover { 
		background: #1268A5;	
		box-shadow: inset 0 6px 10px 0px rgba(255, 255, 255, .3);
		-webkit-box-shadow: inset 0 6px 10px 0px rgba(255, 255, 255, .3);	
			-moz-box-shadow: inset 0 6px 10px 0px rgba(255, 255, 255, .3);		
		color: #fff; }
	
	#feed-tabs li.ui-tabs-selected a { 
		background: #db0202 url(/design/img/active-tab.png) repeat-x 0 0;
		-webkit-box-shadow: inset .5px .5px 2px .8px rgba(0, 0, 0, .20);
			-moz-box-shadow: inset .5px .5px 2px .8px rgba(0, 0, 0, .20);
			box-shadow: inset .5px .5px 2px .8px rgba(0, 0, 0, .20);
		color: #fff; }

/*  
.latest #news-latest, 
.latest #releases, 
.latest #facebook, 
.latest #twitter { padding: 25px 20px; }						
*/

.item.highlight {
	min-height: 100px;
	margin: 4px 0 10px;
   padding-left: 175px;
	font-size: 15px;
	line-height: 15px;
	color: #616161; }		
.item.highlight a { color: #525252; display: block; }
.item.highlight p { padding: 4px 0; }

.item.highlight a.thumb { 
	width: 160px;
	height: 100px;	
	border-radius: 6px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;		
	margin: 0 15px 5px -175px;
	display: block;
	float: left; }
	
.item.highlight a.thumb .mask { 
	width: 160px;
	height: 100px;	
	border-radius: 6px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;	
	-moz-box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.5);
		box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.5); }	
	.highlight:hover a.thumb .mask { 	
		-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); 
			-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);	
			box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }	
	.highlight:active a.thumb .mask { 	
		-moz-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 1);
			-webkit-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 1);
			box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 1); }		
	
.item.highlight h3 {
	margin: 0;
	padding-bottom: 4px;
	font-size: 23px;
	line-height: 23px;
	color: #042748; }	
.item.highlight h3 a { color: #042748; }	
.item.highlight h3 a:hover, .highlight:hover h3 a { color: #af0a10; }	
	
.item.highlight p.date {
	font-size: 10px;
	line-height: 10px;
	color: #979797;
	text-transform: uppercase;
	padding-top: 4px; }
.item.highlight p.date a { color: #555555; }	
.item.highlight p.date a:hover {	color: #6b6b6b; }		

/* ------ Partners ------- */

.partners { padding: 0 0 0 0; }		

.partners h4 {
	width: 79px;
	margin: 18px 0 0;
	padding: 0 15px;
	border-right: 1px solid #042748;
	float: left; }	
	.partners h4 a {
		background: url(/design/img/coalition-partners.png) no-repeat 0 0;
		height: 28px;
		overflow: hidden;
		display: block;
		-webkit-transition: background-position .2s ease-in;
			-moz-transition: background-position .2s ease-in;
			-o-transition: background-position .2s ease-in;
			-ms-transition: background-position .2s ease-in;
			transition: background-position .2s ease-in; }	
	.partners h4 a:hover { background-position: 0 -28px; }
	.partners h4 a:active { background-position: 0 -56px; }	
			
.partners .slider { 
	width: 845px;
	margin: 12px;
	float: left;
   overflow: hidden; }
	
.partners .slider ul {
	width: 848px;
	height: 40px;
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0; }
	.partners .slider li {
		width: 90px;
		float: left;
		margin: 0 4px 0 0; 
		padding: 0; }	
		
	.partners .slider li a { 
      background-color: #fff;
   	background-repeat: no-repeat;
		background-position: center center;
      background-size: contain;
   		-webkit-background-size: contain;
   		-moz-background-size: contain;
   		-o-background-size: contain;        
      -webkit-box-shadow: inset 1px 1px 1.5px 0 rgba(0, 0, 0, .1);
			-moz-box-shadow: inset 1px 1px 1.5px 0 rgba(0, 0, 0, .1);
			box-shadow: inset 1px 1px 1.5px 0 rgba(0, 0, 0, .1);          
   	border-radius: 6px;
			-moz-border-radius: 6px; 
			-webkit-border-radius: 6px;         
   	width: 90px;         
		height: 40px;
		display: block;
   	-webkit-transition: all .3s ease-in;
			-moz-transition: all .3s ease-in;
			-o-transition: all .3s ease-in;
			-ms-transition: all .3s ease-in;
			transition: all .3s ease-in-out; }				
   .partners .slider li a { 
      background-color: #fff;
   	background-repeat: no-repeat;
		background-position: center center;
      background-size: contain;
   		-webkit-background-size: contain;
   		-moz-background-size: contain;
   		-o-background-size: contain;        
      -webkit-box-shadow: inset 1px 1px 2.5px 0 rgba(0, 0, 0, .1);
			-moz-box-shadow: inset 1px 1px 2.5px 0 rgba(0, 0, 0, .1);
			box-shadow: inset 1px 1px 2.5px 0 rgba(0, 0, 0, .1);          
   	border-radius: 6px;
			-moz-border-radius: 6px; 
			-webkit-border-radius: 6px;         
   	width: 90px;         
		height: 40px;
		display: block;
   	-webkit-transition: all .3s ease-in;
			-moz-transition: all .3s ease-in;
			-o-transition: all .3s ease-in;
			-ms-transition: all .3s ease-in;
			transition: all .3s ease-in-out; }	
   .partners .slider li a:hover {       
      -webkit-box-shadow: inset 1px 1px 2.5px 0 rgba(0, 0, 0, .3);
			-moz-box-shadow: inset 1px 1px 2.5px 0 rgba(0, 0, 0, .3);
			box-shadow: inset 1px 1px 2.5px 0 rgba(0, 0, 0, .3); }  
   .partners .slider li a:active {       
      -webkit-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .4);
   		-moz-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .4);
			box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .4); }           
