@charset "utf-8";
/* CSS Document */

/*
   GENERIC RESET & BASIC STRUCTURE
*/

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


/*
   WIDGET STRUCTURE
*/
#blogSliderWrap                     { width: 320px; margin: 50px auto;
                                     background: url(http://i601.photobucket.com/albums/tt95/Inder002/tabs/widget-bottom-bg.jpg) 7px bottom no-repeat;
                                     padding-bottom: 50px; position: relative; }
#blogSlider                         { margin-left: 15px; padding: 25px 18px 0px 18px; width: 263px;
                                     background: url(http://i601.photobucket.com/albums/tt95/Inder002/tabs/widget-middle-bg.jpg) center center repeat-y; }
.stripViewer                         { position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer         { position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 280px; }
.wrapper                             { padding: 10px; }
.innerWrap                             { width: 273px; overflow: hidden; }
#push                                 { height: 35px; }


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

.stripNav li a                         { /* Generic "CSS image replacement" */
                                     display: block; height: 18px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(http://i601.photobucket.com/albums/tt95/Inder002/tabs/tab-psdtuts.jpg) top center no-repeat; width: 63px; }
.stripNav li.tab2 a { background: url(http://i601.photobucket.com/albums/tt95/Inder002/tabs/tab-nettuts.jpg) top center no-repeat; width: 63px; }
.stripNav li.tab3 a { background: url(http://i601.photobucket.com/albums/tt95/Inder002/tabs/tab-vectortuts.jpg) top center no-repeat; width: 85px; }
.stripNav li.tab4 a { background: url(http://i601.photobucket.com/albums/tt95/Inder002/tabs/tab-audiotuts.jpg) top center 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 { background: url(http://i601.photobucket.com/albums/tt95/Inder002/tabs/tab-psdtuts.jpg) bottom center no-repeat; }
.stripNav li.tab2 a.current { background: url(http://i601.photobucket.com/albums/tt95/Inder002/tabs/tab-nettuts.jpg) bottom center no-repeat; }
.stripNav li.tab3 a.current { background: url(http://i601.photobucket.com/albums/tt95/Inder002/tabs/tab-vectortuts.jpg) bottom center no-repeat; }
.stripNav li.tab4 a.current { background: url(http://i601.photobucket.com/albums/tt95/Inder002/tabs/tab-audiotuts.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(http://i601.photobucket.com/albums/tt95/Inder002/tabs/previous.png); }
.stripNavR a                         { bottom: 35px; right: 45px; background: url(http://i601.photobucket.com/albums/tt95/Inder002/tabs/next.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; }

#blogSliderWrap {
   background: white;
   width: 285px;
   position: relative;
   overflow: hidden;
}

#blogSlider {
   background: white;
   width: 285px;
   padding: 0;
   margin: 0;
}

.stripNav {
   margin: 0;
   top: 0px;
}