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



/*
	WIDGET STRUCTURE
*/
#SecondRowContainer  { 
	width: 260px; 
	margin: 0px auto;
	/*background: url(../images/widget-bottom-bg.jpg) 7px bottom no-repeat;*/
	/*padding-bottom: 50px; */
	position: relative;
	/*
	border-top: 3px solid #f93599;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	*/
}

/*Chrome 背景要加在這裡*/
#blogSlider { 
	width: 258px;
	/*height: 97px;*/
	border: 1px solid #dcdcdc;
	border-top: 0px;
	/*background: url(../images/MemberBG.jpg) 0 0 no-repeat;*/
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { 
	float: left; 
	position: relative; 
	width: 260px;
}
.stripNav  { 
	/*margin-left: 22px;*/ 
	position: relative; 
	/*top: 18px; */
	z-index: 99;
	width: 261px !important;
}

/*IE 背景要加在這裡*/
.wrapper 							{ padding: 15px 10px; /*background: url(../images/MemberBG.jpg) 0 0 no-repeat;*/ }
.innerWrap { 
	width: 260px; 
	overflow: hidden; 
}
#push 								{ height: 35px; }


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

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 42px; text-indent: -9999px; margin-right: 1px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(../images/SecondRowTab1.jpg) bottom center no-repeat; width: 128px; }
.stripNav li.tab2 a { background: url(../images/SecondRowTab2.jpg) bottom center no-repeat; width: 128px; margin-left: 3px; }
.stripNav li.tab3 a { background: url(../images/SecondRowTab3.jpg) bottom center no-repeat; width: 128px; }
.stripNav li.tab4 a { background: url(../images/SecondRowTab4.jpg) bottom center no-repeat; width: 128px; }

.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/SecondRowTab1.jpg) top center no-repeat; }
.stripNav li.tab2 a.current { background: url(../images/SecondRowTab2.jpg) top center no-repeat; }
.stripNav li.tab3 a.current { background: url(../images/SecondRowTab3.jpg) top center no-repeat; }
.stripNav li.tab4 a.current { background: url(../images/SecondRowTab4.jpg) top center no-repeat; }


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


/* 
	HEADLINES STYLING 
*/
.panel ul 							{ width: 900px; }
.panel ul li a 						{ color: #303030;
						  		  	  display: block; padding: 9px; }
.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;
}


.MoreBTN_1 {
	position: absolute;
	bottom: 0px;
	right: 0px;
}