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


/*
	GENERIC RESET & BASIC STRUCTURE
*/
* 									{ margin: 0; padding: 0; }
body
	{ 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 11px;
	background-image: url(../images/body-bg.jpg);
	}
a 									{ /* remove the dotted outlines when clicking tabs */ 
						  		      outline: none; text-decoration: none;
	border-style: none;
}

img {
	border: none;
}

ul 									{ list-style: none; }

/*
	WIDGET STRUCTURE
*/
#blogSliderWrap                     { width: 900px; padding: 0; margin: 0px auto 50px auto;
									  background: url(../images/widget-bottom-bg.jpg) 59px bottom no-repeat;
									  padding-bottom: 50px; position: relative; }
#blogSlider                         { margin-left: 15px; padding: 35px 28px 0px 59px; width: 800px;  
                                      background: url(../images/widget-middle-bg.jpg) center center repeat-y; }  
.stripViewer                        { position: relative; overflow: hidden; clear: both; }  
.stripViewer .panelContainer        { position: relative; left: 0px; top: 0px; }  
.stripViewer .panelContainer .panel { float: left; position: relative; width: 770px; }  
.wrapper                            { padding: 35px 20px 10px 20px; }  
.innerWrap                          { width: 770px; overflow: hidden; }  
#push                               { height: 35px; } 

/* 
	MAIN TABBED NAVIGATION
*/
.stripNav                           { margin-left: 74px; position: relative; top: 50px; z-index: 99;  
                                      width: 770px;}  

.stripNav ul li 					{ float: left;}

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 50px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(../images/tab-music.jpg) top center no-repeat; width: 154px; }
.stripNav li.tab2 a { background: url(../images/tab-entertainment.jpg) top center no-repeat; width: 154px; }
.stripNav li.tab3 a { background: url(../images/tab-food.jpg) top center no-repeat; width: 154px; }
.stripNav li.tab4 a { background: url(../images/tab-events.jpg) top center no-repeat; width: 154px; }
.stripNav li.tab5 a { background: url(../images/tab-schedule.jpg) top center no-repeat; width: 154px; }

.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-music.jpg) bottom center no-repeat; }
.stripNav li.tab2 a.current { background: url(../images/tab-entertainment.jpg) bottom center no-repeat; }
.stripNav li.tab3 a.current { background: url(../images/tab-food.jpg) bottom center no-repeat; }
.stripNav li.tab4 a.current { background: url(../images/tab-events.jpg) bottom center no-repeat; }
.stripNav li.tab5 a.current { background: url(../images/tab-schedule.jpg) bottom center no-repeat; }


/* 
	SUB NAVIGATION
*/
.stripNavL a, .stripNavR a 			{ display: block; position: absolute; width: 32px; 
							 		  height: 32px; text-indent: -9999px;  z-index: 99;}
.stripNavL a						{ bottom: 235px; left: 20px; background: url(../images/previous.png); }
.stripNavR a 						{ bottom: 235px; right: 0px; background: url(../images/next.png);
}


/* 
	HEADLINES STYLING 
*/
.panel ul 							{ width: 800px; }
.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; }
.panel ul#audio-list li a:hover 	{ background: #4f7c11; color: white; }