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


/*
	GENERIC RESET & BASIC STRUCTURE
*/


ul { list-style: none; }


/*
	WIDGET STRUCTURE
*/
.news_date {
	width:100px;
	height:auto;
	float:left;
	color:#e4e2e2;
	font-size:36px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
}

#blogSliderWrap 					{ width: 470px; margin:0px;
									  padding-bottom:0px; position: relative; }
#blogSlider 						{ margin-left: 0px; padding: 0px 18px 0px 0px;  width: 470px;
									   }
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 470px; }
.stripNav 							{ margin-left: 12px; position: relative; top: 0px; z-index: 99;
									   width: 470px; }
.wrapper 							{ padding: 0px; }
.innerWrap 							{ width: 470px; overflow: hidden; }
#push 								{ height: 20px; }


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

.stripNav li a 						{ /* Generic "CSS image replacement" */
									   height:auto; display: block; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript 
.stripNav li.tab1 a { background: url(images/tab-psdtuts.jpg) top center no-repeat; width: 63px; }
.stripNav li.tab2 a { background: url(images/tab-nettuts.jpg) top center no-repeat; width: 63px; }
.stripNav li.tab3 a { background: url(images/tab-vectortuts.jpg) top center no-repeat; width: 85px; }
.stripNav li.tab4 a { background: url(images/tab-audiotuts.jpg) top center no-repeat; width: 73px; }*/

.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.tab1 a.current { background: url(images/tab-psdtuts.jpg) bottom center no-repeat; }
.stripNav li.tab2 a.current { background: url(images/tab-nettuts.jpg) bottom center no-repeat; }
.stripNav li.tab3 a.current { background: url(images/tab-vectortuts.jpg) bottom center no-repeat; }
.stripNav li.tab4 a.current { background: url(images/tab-audiotuts.jpg) bottom center no-repeat; }


/* 
	SUB NAVIGATION
*/
.stripNavL a, .stripNavR a 			{ display: block; position: absolute; width: 20px; 
							 		  height: 19px; text-indent: -9999px; z-index:99999; }
.stripNavL a						{ bottom: 3px; right: 30px; background: url(images/news-arrows_47.png) top left no-repeat; }
.stripNavR a 						{ bottom: 3px; right: 5px; background: url(images/news-arrows_49.png) top left no-repeat;
}


/* 
	HEADLINES STYLING 
*/
.panel ul 							{  width: 470px; }
.panel ul li							{  padding-bottom:1px;background:url(images/ind1_43.png) bottom left no-repeat;margin-bottom:3px; }
.panel ul li a 						{  text-decoration:none; color:#333333; display:inline;	
						  		  	  padding:0px 0 0px 0; }
.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#psd-list li a:hover 		{  	color:#fff; }
.panel ul#net-list li a:hover 		{	 color:#fff; }
.panel ul#vector-list li a:hover 	{ 	color:#fff; }
.panel ul#audio-list li a:hover 	{ 	color:#fff; }