/*
WIDGET STRUCTURE
*/
* { margin: 0; padding: 0; }

a { /* remove the dotted outlines when clicking tabs */
outline: none; text-decoration: none; }
ul { list-style: none; }

#blogSliderWrap { width: 320px;
padding-bottom: 20px; position: relative; background-color:#f6f6f6; border: #c1c0c0 1px solid; }
#blogSlider { margin-left: 15px; padding: 25px 18px 0px 18px; width: 263px;
 }
.stripViewer { position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer { position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 265px; }
.wrapper { padding: 10px; }
.innerWrap { width: 273px; overflow: hidden; }
#push { height: 35px; }

/*
MAIN TABBED NAVIGATION
*/
.stripNav {position: relative; top: 0px; z-index: 99;
width: 285px; }
.stripNav ul li { float: left; }

.stripNav li a { /* Generic "CSS image replacement" */
display: block; height: 30px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(/images/imagesrss/tab-psdtuts.jpg) top center no-repeat; width: 64px; }
.stripNav li.tab2 a { background: url(/images/imagesrss/tab-nettuts.jpg) top center no-repeat; width: 107px;   }
.stripNav li.tab3 a { background: url(/images/imagesrss/tab-vectortuts.jpg) top center no-repeat; width: 93px;  }

.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/imagesrss/tab-psdtuts.jpg) bottom center no-repeat; }
.stripNav li.tab2 a.current { background: url(/images/imagesrss/tab-nettuts.jpg) bottom center no-repeat; }
.stripNav li.tab3 a.current { background: url(/images/imagesrss/tab-vectortuts.jpg) bottom 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/imagesrss/previous_en.png); }
.stripNavR a { bottom: 35px; right: 45px; background: url(/images/imagesrss/next_en.png);
}

/*
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 { /* 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; }