/*
	A Better Blogroll
	by Chris Coyier
	http://css-tricks.com
*/


/*
	GENERIC RESET & BASIC STRUCTURE
*/

/*
	WIDGET STRUCTURE
*/

#simplepie {
	padding: 0;
	margin: 0 0 0 1px;
	background: url(images/newsbg.png); 
	width: 224px;
	}
	
#news_top							{ width: 225px; height:61px;background: url(images/new_top.png) top no-repeat;display: block; text-indent: -9999px;}
#blogSliderWrap 					{ width: 225px;position: relative;}
#blogSlider 						{ padding: 5px 10px 15px 5px; width: 210px;}
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 225px; }
.stripNav 							{ position: absolute; top: -10px;left:15px; z-index: 99; width: 225px; }
.simplewrapper						{ padding: 10px; background: none;}
.innerWrap 							{ width: 190px; overflow: hidden; }
#push 								{ width: 225px; height:18px;background: url(images/newsbtm.png) top no-repeat;display: block; }


/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul li 					{ float: left; }

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 22px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab2 a { background: url(images/tab_surf.png) top center no-repeat; width: 44px; }
.stripNav li.tab3 a { background: url(images/tab_skate.png) top center no-repeat; width: 44px; }
.stripNav li.tab4 a { background: url(images/tab_snow.png) top center no-repeat; width: 44px; }
.stripNav li.tab1 a { background: url(images/tab_store.png) top center no-repeat; width: 44px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: top center; }

/* It is neccessary to repeat the image paths here */
.stripNav li.tab2 a.current { background: url(images/tab_surf.png) bottom center no-repeat; }
.stripNav li.tab3 a.current { background: url(images/tab_skate.png) bottom center no-repeat; }
.stripNav li.tab4 a.current { background: url(images/tab_snow.png) bottom center no-repeat; }
.stripNav li.tab1 a.current { background: url(images/tab_store.png) bottom center no-repeat; }


/* 
	SUB NAVIGATION*/

.stripNavL a, .stripNavR a 			{ display: block; position: absolute; width: 75px; 
							 		  height: 22px; text-indent: -9999px; z-index: 9999}
.stripNavL a						{ bottom: 15px; left: 20px; background: url(images/previous.png); }
.stripNavR a 						{ bottom: 15px; right: 45px; background: url(images/next.png);
}


/* 
	HEADLINES STYLING 
*/
#sidebar .panel ul li				{ margin:0; padding: 0; }
.panel ul 							{ width: 165px; margin:0; padding: 0; }
.panel ul li a 						{
	color: #303030;
	display: block;
	padding: 10px 10px 10px 20px;
	margin: 0;
	background: url(images/arrow.png) left 8px no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}
.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#store-list li a:hover 		{ background: #ff6203; color: white; }
.panel ul#surf-list li a:hover 		{	background: #ff6203; color: white; }
.panel ul#skate-list li a:hover 	{ background: #ff6203; color: white; }
.panel ul#snow-list li a:hover 	{ background: #ff6203; color: white; }