@charset "UTF-8";
/* CSS Document */
/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* specific sliders  */
#coda-nav-left-blog { margin: 0 1px 0 135px }
#coda-nav-left-blog, #coda-nav-blog, #coda-nav-right-blog { float: left }
#coda-nav-blog ul { margin: 0 !important }
#coda-nav-left-blog a, #coda-nav-right-blog a { padding: 4px; width: 20px }
#coda-slider-blog { clear: both }


/* Most common stuff you'll need to change */
	.panel-wrapper .title { /*hide the title above blog feeds*/
		position: absolute; 
		left: -9999px;  
		top: -9999px; 
	}
	#blog-slider-wrapper { 
		width: 300px;
		margin: 0 auto;
		padding-bottom: 10px; 
		position: relative;
		overflow: hidden;
		/*left: 6px; */
	}
	/* coda slider for videos */
	.video-slider-wrapper { 
		width: 330px;
		margin: 0;
		padding: 0; 
		text-align: center;
	}
	.video-slider-wrapper ul { width: 330px!important; }
	.video-slider-wrapper ul li { display: inline; }
	#video-slider, #video-slider .panel {
		background-color: #1D1D1D;
		text-align: center;
		padding: 0;
		margin: 0;
		width: 330px;
		margin: 0 auto;
	}
		#video-slider .panel-wrapper {
			padding: 15px;
		}
		#video-slider h2.title { position: absolute; left: -9999px; }

	.coda-slider { background: #FFF; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { 
		height: 200px; overflow: auto !important; padding-right: 20px; 
	}
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 300px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	#blog-slider-wrapper.arrows .coda-slider, 
	.coda-slider-wrapper.arrows .coda-slider .panel { width: 300px; margin: 0 auto; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px; }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px; }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center; }


/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none; }
	
	/* Miscellaneous */
	.coda-slider { float: left; overflow: hidden; position: relative; }
	.coda-slider .panel { display: block; float: left; }
	.coda-slider .panel-container { position: relative; }
	.coda-nav-left { float: left;}
	.coda-nav-right {float: right;}
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; }
	
	#push { height: 20px; }
	
/* Blogslider HEADLINES STYLING */
.panel ul 	{ width: 240px; }
.panel ul li a { 
	border-bottom: 1px solid #C1B599; 
	color: #303030;
	display: block; 
	padding: 7px 10px; 
}
.panel ul li:last-child a 			{ /* Remove bottom border on last list item
	   							  	  Hooray for pseudo selectors! */
								  	  border: none; }
								  	  /* Unique rollover colors for each list */
.panel ul#hcsc-list li a:hover 		{ background: #d71920; color: white; }
.panel ul#tws-list li a:hover 		{ background: #00C0A8; color: white; }
.panel ul#sbrdr-list li a:hover 	{ background: #CCCCCC; color: white; }
.panel ul#yobeat-list li a:hover 	{ background: maroon; color: white; }
.panel ul#fueltv-list li a:hover 	{ background: #F0027F; color: white; }
.rss-date {
	color: #999;
	font-style: italic;
	font-size: 0.8em;
}