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


/*
	GENERIC RESET & BASIC STRUCTURE
*/
a { /* remove the dotted outlines when clicking tabs */ 
	outline: none; text-decoration: none; 
	}

ul { 
	list-style: none;
	}

/*
	WIDGET STRUCTURE
*/
#blogSliderWrap { 
	margin: 10px auto;
	width: 260px;
	height: auto;
	/*background-color: #222222;*/
	padding-bottom: 50px; 
	position: relative; 
	float: left;
	}
	
#blogSlider { 
	margin-left: 0px; 
	padding: 0px 8px 0px 8px; 
	width: 263px;
	/*background-color: #222222;*/
	}
	
.stripViewer { 
	position: relative; 
	overflow: hidden; 
	clear: both; 
	}
	
.stripViewer .panelContainer { 
	position: relative; 
	left: 0px; 
	top: 0px; 
	}
	
.stripViewer .panelContainer .panel { 
	float: left; 
	position: relative; 
	width: 280px;
	}
	
.stripNav { 
	/*margin-left: 18px;*/
	position: relative; 
	/*top: 18px;*/
	z-index: 99;
	width: 285px; 
	}

ul.rollnav {
	padding: 0px;
	margin: 0px;
	}
	
.wrapper { 
	padding: 10px; 
	}
	
.innerWrap { 
	width: 273px; 
	overflow: hidden; 
	}
	
#push { 
	height: 35px; 
	}


/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul li { 
	float: left;
	width: auto;
	background-color: #000000;
	border: 5px solid #ffffff;
	padding: 0px;
	margin-right: 5px;
	}

.stripNav li a { /* Generic "CSS image replacement" */
	display: block; 
	height: 28px; 
	text-indent: -9999px;
	}
	
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { 
	background: url(images/blog_gr.png) no-repeat; 
	width: 73px; 
	}
	
.stripNav li.tab2 a { 
	background: url(images/tweet_gr.png) no-repeat; 
	width: 73px; 
	}
.stripNav li.tab3 a { 
	background: url(images/nano_gr.png) 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, .stripNav li.tab1 a:hover, .stripNav li.tab1 a:active, .stripNav li.tab1 a:focus { 
	background: url(images/blog.png) no-repeat;
	}
.stripNav li.tab2 a.current, .stripNav li.tab2 a:hover, .stripNav li.tab2 a:active, .stripNav li.tab2 a:focus { 
	background: url(images/tweet.png) no-repeat; 
	}
.stripNav li.tab3 a.current, .stripNav li.tab3 a:hover, .stripNav li.tab3 a:active, .stripNav li.tab3 a:focus { 
	background: url(images/nano.png) no-repeat; 
	}


/* 
	SUB NAVIGATION
*/
.stripNavL a, .stripNavR a { 
	display: block; 
	position: absolute; 
	width: 75px; 
	height: 22px; 
	text-indent: -9999px; 
	}
.stripNavL a { 
	bottom: 35px;
	/*left: 18px;*/
	background: url(images/previous.png); 
	}
.stripNavR a { 
	bottom: 35px; 
	right: 0px; 
	background: url(images/next.png);
}


/* 
	HEADLINES STYLING 
*/


ul#blo-list {
	padding: 0px;
	margin: 0px;
	}
ul#twe-list {
	padding: 0px;
	margin: 0px;
	}
ul#nano-list {
	padding: 0px;
	margin: 0px;
	}

.panel ul { 
	width: 240px; 
	}
.panel ul li a { 
	/*border: 1px solid #C1B599; */
	color: #ffffff;
	display: block; 
	padding: 7px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
/*.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#blo-list li a:hover { 
	background: #ffcc33; 
	color: white; 
	}
.panel ul#twe-list li a:hover {	
	background: #33ccff; 
	color: white; 
	}
.panel ul#nano-list li a:hover { 
	background: #99cc33; 
	color: white; 
	}