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


/*
	GENERIC RESET & BASIC STRUCTURE
*/
* 									{ margin: 0; padding: 0; }

#blogSliderWrap a 									{ /* remove the dotted outlines when clicking tabs */ 
						  		      outline: none; text-decoration: none; }
#blogSliderWrap ul 									{ list-style: none; }


/*
	WIDGET STRUCTURE
*/
#blogSliderWrap 					{
	width: 980px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #418935;
	background-image: none;
}
#blogSlider 						{
	width: 980px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: repeat-y;
	background-position: center center;
	margin: 0px;
	padding-top: 0px;
	background-color: #418935;
}
.stripViewer 						{
	position: relative;
	overflow: hidden;
	clear: both;
	margin: 0px;
}
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel {
	float: left;
	position: relative;
	width: 980px;
}
.stripNav 							{ margin-left: 22px; position: relative; top: 18px; z-index: 99;
									  width: 285px; }
.wrapper 							{
	padding: 0px;
}
.innerWrap 							{
	width: 980px;
	overflow: hidden;
	margin-top: -20px;
}
#push 								{ height: 35px; }


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

.stripNav li a 						{ /* Generic "CSS image replacement" */
	display: block;
	height: 55px;
	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: 192px;
}
.stripNav li.tab2 a {
	background: url(images/tab-nettuts.jpg) top center no-repeat;
	width: 192px;
}


.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; }



/* 
	

/* 
	HEADLINES STYLING 
*/
.panel ul 							{
	width: 980px;
}
.panel ul li a 						{
	border-bottom: 1px solid #C1B599;
	color: #303030;
	display: block;
}
.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 		{ background: #b20202; color: white; }
.panel ul#net-list li a:hover 		{	background: #4a8c7f; color: white; }
.panel ul#vector-list li a:hover 	{ background: #1f5293; color: white; }
.panel ul#audio-list li a:hover 	{ background: #4f7c11; color: white; }


DIV#stripNavL0.stripNavL {
	visibility: hidden;
}


DIV#stripNavR0.stripNavR{
	visibility: hidden;
}


LI.tab1 {
	margin-top: -36px;
}


LI.tab2{
	margin-top: -36px;

}