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


/*
	GENERIC RESET & BASIC STRUCTURE

* 									{ margin: 0; padding: 0; }
body 								{ font-family: Verdana, Arial, Helvetica, sans-serif;
						  		 	  background: url(images/body-bg.jpg); font-size: 11px; }
a 									{ /* remove the dotted outlines when clicking tabs */ /*
						  		      outline: none; text-decoration: none; }
									  
									  */
ul 									{ list-style: none; margin-left: -40px;}


/*
	WIDGET STRUCTURE
*/
#blogSliderWrap 					{ width: 288px; margin: 0 0 0 0;
									  /*background: url(../images/newsTopBG.gif) top no-repeat; */
									 position: relative; margin-top: 40px;}
#blogSlider 						{ padding: 0 0 0 0; width: 288px; height: 304px;
									  background: url(../images/newsTopBG.gif) top left no-repeat;}
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 288px; }
.stripNav 							{ margin-left: 0px; position: relative; top: 0px; z-index: 99;
									  width: 248px; }
.wrapper 							{ font:11px 'verdana',tahoma,sans-serif; color: #191919; text-align: left; padding: 0 15px 0 15px;}
.innerWrap 							{ width: 278px; overflow: hidden; }
#push 								{ height: 25px; }


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

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 16px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(../images/newsTab.gif) top left no-repeat; width: 99px; }
.stripNav li.tab2 a { background: url(../images/blogTab.gif) top left no-repeat; width: 87px; }

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

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current { background: url(../images/newsTab.gif) bottom left no-repeat; }
.stripNav li.tab2 a.current { background: url(../images/blogTab.gif) bottom left no-repeat; }


/* 
	HEADLINES STYLING 
*/
.panel ul 							{ width: 258px; }
.panel ul li a 						{ border-bottom: 1px solid #C1B599; color: #e65f0d;
						  		  	  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#news-list li a:hover 		{ background: #b20202; color: #e65f0d; }
.panel ul#blog-list li a:hover 		{	background: #4a8c7f; color: white; }