/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/

#featured { background: url(../images/featured-bg.png) no-repeat; height: 310px; width:960px; margin-left:50px;margin-bottom: 45px; }
	#featured #description { float: left; width: 525px; }
	#featured .slide { padding: 40px 0px 0px 35px; width:490px; }
		#featured h2.title { font-size: 24px; margin-bottom: 6px; }
			#featured h2.title a { color: #000; }
			#featured h2.title a:hover { text-decoration: none; }
			#featured p { color: #7A7575; text-shadow: 1px 1px 1px #fff; line-height: 18px; }
			
			#featured p.meta { float: right; font-style: italic; color: #c1c1c1; margin-top: 9px; }
				#featured p.meta a { color: #b4341f; font-weight: bold; }
	#featured #controllers { float: right; width: 363px; margin-top: -11px; background-color: #bfbfbf; }
		#featured #controllers .alignleft { width: 233px; }
		#featured #controllers .alignright { width: 110px; margin-top:12px; }
 a.readmore { background: url(../images/readmore-right.png) no-repeat right bottom; display: block; height: 23px; padding-right: 11px; line-height: 23px; text-shadow: 1px 1px 1px #797979; font-size: 12px; float: right; color: #fff !important; }
	 a.readmore span { display: block; background: url(../images/readmore-left.png) no-repeat; padding:0 6px 0 14px; height:23px;  }	
		#featured #controllers a { display: block; position:relative; }
		#featured #controllers a:hover { text-decoration: none; }
			#featured #controllers img { border: 3px solid transparent; }
			#featured #controllers a.active img { border-color: #be341f; }
			
			span.date { display: block; position:absolute; text-shadow: -1px -1px 1px #8e0601; color: #fff; background: url(../images/date-small-bg.png) no-repeat; width: 56px; height: 22px; top: -11px; left: -9px; font-size: 10px; padding: 4px 0px 0px 9px; z-index: 5; text-transform: uppercase; }
			
			#featured #controllers .alignleft span.date { background: url(../images/big-date-bg.png) no-repeat; height:30px; left:-10px; top:-12px; width:82px; padding: 9px 0px 0px 4px; font-size: 15px; text-transform: uppercase; }
	
			#featured a.second { margin-top: -3px; }
			#featured .alignright img { margin-bottom:-3px; margin-left:-1px; }
			
			#featured .alignleft span.overlay { position: absolute; top: 3px; left: 3px; background: url(../images/feat-big-overlay.png) no-repeat; width: 249px; height: 157px; }
			
			#featured .alignright span.overlay { position: absolute; top: 2px; left: 2px; background: url(../images/feat-small-overlay.png) no-repeat; width: 104px;  }