/*
	WIDGET STRUCTURE
*/

/* LINKS */
.cross-link{
	background-color: #FFFFFF;
	border: 1px solid #000000;
	color: #616161;
	display: inline;
	margin: 0 2px 0 2px;
	padding: 2px 6px;
	text-decoration: none;
}

.cross-link:hover, .cross-link:focus, .cross-link:active{
	background-color: #4C6FB0;
	color: #FFFFFF;
}

.innerWrap 							{
	overflow: hidden;
	width: 270px;
}

/* 
	HEADLINES STYLING 
*/
.panel ul 							{
	width: 240px;
}

.panel ul li a 						{
	border-bottom: 1px solid #C1B599;
	color: #303030;
	display: block;
	padding: 7px 10px;
}

.panel ul li:last-child a 			{
	border: none; /* Remove bottom border on last list item
	   							  	  Hooray for pseudo selectors! */
}

.panel ul#audio-list li a:hover 	{
	background: #4F7C11;
	color: #000000;
}

.panel ul#net-list li a:hover 		{
	background: #4A8C7F;
	color: #000000;
}

/* Unique rollover colors for each list */
.panel ul#psd-list li a:hover 		{
	background: #B20202;
	color: #000000;
}

.panel ul#vector-list li a:hover 	{
	background: #1F5293;
	color: #000000;
}

/* 
	MAIN TABBED NAVIGATION
*/
.stripNav 							{
	display: none;
}

.stripNav li a 						{
	display: block; /* Generic "CSS image replacement" */
	height: 18px;
	text-indent: -9999px;
}

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{
	background-position: top center; /* Restore focus styling that we removed when we removed outlines */
}

.stripNav ul li 					{
	float: left;
}

.stripNavL a						{
	bottom: 35px;
	left: 45px;
}

/* 
	SUB NAVIGATION
*/
.stripNavL a, .stripNavR a 			{
	display: block;
	height: 22px;
	position: absolute;
	text-indent: -9999px;
	width: 75px;
}

.stripNavR a 						{
	bottom: 35px;
	right: 45px;
}

.stripViewer 						{
	clear: both;
	overflow: hidden;
	position: relative;
}

.stripViewer .panelContainer 		{
	left: 0px;
	position: relative;
	top: 0px;
}

.stripViewer .panelContainer .panel {
	float: left;
	height: 300px;
	position: relative;
	width: 305px;
}

.wrapper 							{
	margin: 10px 0 25px 0;
	width: 270px;
}

#blogSlider 						{
	margin-left: 15px;
	width: 270px;
}

#blogSliderWrap 					{
	margin: 0;
	padding: 0;
	position: relative;
	width: 305px;
}

#push 								{
	height: 35px;
}

