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

/*
	WIDGET STRUCTURE
*/
#blogSliderWrap 					{ width: 763px; min-height: 250px; position: relative;
									  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
									  background: url(widget-middle-bg.jpg) center center repeat-y;
                                      /*padding-bottom: 50px; padding-left: 29px;*/
                                      max-height: 280px; min-height: 280px; height: 280px; }
#blogSlider 						{ /*margin: 18px 22px 0; float: left; overflow: hidden;*/margin: 18px 0 0; width: 690px;
									  background: transparent url(widget-bottom-bg.jpg) no-repeat scroll center bottom; padding: 1px;
									  max-height: 250px; min-height: 250px; height: 250px; }
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 690px; }
.stripNav 							{ /*width: 285px; margin-left: 21px;*/ position: relative; z-index: 99; width: 690px;
									  background: transparent url(top.jpg) no-repeat scroll center center;
                                      padding: 1px 1px 0; height: 35px; background: transparent url(top.jpg) no-repeat scroll center center; }
/*width: 940px; background-image: url(scripts/betterblogroll/top.jpg); background-repeat: no-repeat; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -moz-background-clip: border; background-attachment: scroll; background-color: transparent; margin-left: 22px;*/
.wrapper 							{ padding: 0 20px; }
.innerWrap 							{ width: 690px; overflow: hidden; }

/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul						{ list-style: none; margin: 0; padding: 0; }
.stripNav ul li 					{ float: left; background-color: #FFFFFF; text-align: center; padding: 0;
									  border-color: #E8E8E8; border-style: solid; border-width: 0 0 1px; }

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  outline: none; text-decoration: none;
                                      display: block; height: 25px; padding-top: 10px;/*height: 18px; text-indent: -9999px;*/ }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background-color: #FFFFFF; color: #939393; width: 230px; }
.stripNav li.tab2 a { background-color: #FFFFFF; color: #939393; width: 230px; }
.stripNav li.tab3 a { background-color: #FFFFFF; color: #939393; width: 230px; }

.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-color: #939393; color: #FFFFFF; }
.stripNav li.tab2 a.current { background-color: #939393; color: #FFFFFF; }
.stripNav li.tab3 a.current { background-color: #939393; color: #FFFFFF; }

/* 
	HEADLINES STYLING 
*/
/*.panel ul 							{ width: 240px; list-style: none; }*/
.panel ul li a 						{ border-bottom: 1px solid #C1B599; color: #303030;
						  		  	  outline: none; text-decoration: none;
                                         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; }

/**
 *  Horizontal Buttons
 */

.stripNavR							{ position: absolute; top: 110px; right: 0px;/*right: 5px;*/ width: 32px;
								      height: 87px; cursor: pointer;
                                      background: transparent url(next.png) no-repeat 0 0; z-index: 3; display: block; }
.stripNavR:hover					{ background-position: -32px 0; }
.stripNavR:active					{ background-position: -64px 0; }

.stripNavL							{ position: absolute; top: 110px; left: 0px;/*left: 5px;*/ width: 32px;
								      height: 87px; cursor: pointer;
                                      background: transparent url(previous.png) no-repeat 0 0; z-index: 3; display: block; }
.stripNavL:hover					{ background-position: -32px 0; }
.stripNavL:active					{ background-position: -64px 0; }