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



/*
	WIDGET STRUCTURE
*/
#blogSliderWrap {
	width:920px;
	/*margin: 50px auto;*/
margin:0;
	/*	background: url(../images/widget-bottom-bg.jpg) 7px bottom no-repeat; */
padding-bottom:30px;
	position: relative;
background-color:#000;

padding-left:50px;
}
#blogSlider {
/* width */

/*		margin-left:50px;*/
padding:15px 0 0;
width:850px; 

/* New SEO Friendly Positioning */
height:312px;
}
.stripViewer {
	position: relative;
	overflow: hidden;
	clear: both;
}
.stripViewer .panelContainer {
	position: relative;
	left: 0px;
	top: 0px;
}
.stripViewer .panelContainer .panel {
	float: left;
	position: relative;
	width:850px;
	
/* New SEO Friendly Positioning */
height:312px;
}
.stripNav {
/* width */

	margin-left: 22px;
	position: relative;
	top: 18px;
	z-index: 99;
	width: 285px;
	display:none;
}
.wrapper {
	padding: 10px;
}
.innerWrap {
	width:850px;
	overflow: hidden;
}
#push {
	height: 35px;
}
/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul li {
	float: left;
}
.stripNav li a { /* Generic "CSS image replacement" */
	display: block;
	height: 18px;
	text-indent: -9999px;
}
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a {
	background: url(../images/slider/tab-psdtuts.jpg) top center no-repeat;
	width: 63px;
}
.stripNav li.tab2 a {
	background: url(../images/slider/tab-nettuts.jpg) top center no-repeat;
	width: 63px;
}
.stripNav li.tab3 a {
	background: url(../images/slider/tab-vectortuts.jpg) top center no-repeat;
	width: 85px;
}
.stripNav li.tab4 a {
	background: url(../images/slider/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/slider/tab-psdtuts.jpg) bottom center no-repeat;
}
.stripNav li.tab2 a.current {
	background: url(../images/slider/tab-nettuts.jpg) bottom center no-repeat;
}
.stripNav li.tab3 a.current {
	background: url(../images/slider/tab-vectortuts.jpg) bottom center no-repeat;
}
.stripNav li.tab4 a.current {
	background: url(../images/slider/tab-audiotuts.jpg) bottom center no-repeat;
}
/* 
	SUB NAVIGATION
*/
.stripNavL a, .stripNavR a {
	display: block;
	position: absolute;
	width: 75px;
	height: 22px;
	text-indent: -9999px;
}
.stripNavL a {
bottom: 30px;
left:66px;
	background: url(../images/slider/previous.png);
}
.stripNavR a {
bottom:30px;
right:45px;
	background: url(../images/slider/next.png);
}
/* 
	HEADLINES STYLING 
*/
.panel ul {
	width:740px;
}
.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#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;
}
/* Link Styles */

#blogSliderWrap a:link {
	text-decoration:none;
	border-bottom:none;
}
#blogSliderWrap a:visited {
	text-decoration:none;
	border-bottom:none;
}
#blogSliderWrap a:hover {
	text-decoration:none;
}
#blogSliderWrap a:active {
	text-decoration:none;
}