/*------------------------------------------------------------------------------------------------------------------
                                  HORIZONTAL SCROLLBAR - HOMEPAGE FOOTER UPDATES                    
------------------------------------------------------------------------------------------------------------------*/
/*
This css is mostly unchanged from the original plugin. Notice, however, all the selectors are namespaced with 
#updates_wrap. This is necessary because the sister plugin - jScrollPane.js - uses identical selectors. Becasue we're
using both plugins in this theme (one for horizontal scrollbars and one for vertical scrollbars) we need to include 
separate stylesheets for both versions. If you remove this namespace, the layout is going to break badly as styles 
will override each other in unintended ways. */


#updates_wrap .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
#updates_wrap .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 70px;
	bottom: 0;
	width: 100%;
	height: 6px !important;
	background: url(../images/scrollbars/horizontal/track.png);
}
#updates_wrap .jScrollIntervalTrack { 
	position: absolute;
}
#updates_wrap .jScrollPaneDrag {
	position: absolute;
	height: 30px !important;
    width: 30px !important;
	background: url(../images/scrollbars/drag.png);
	cursor: move;
	overflow: hidden;
}
#updates_wrap .jScrollPaneDragLeft {
	position: relative;
	bottom: 0;
	left:0;
	overflow: hidden;
}
#updates_wrap .jScrollPaneDragRight {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
/* don't show arrows - we're using them for spacing only */
#updates_wrap a.jScrollArrowLeft, 
#updates_wrap a.jScrollArrowRight {
	display: none;
}


/*------------------------------------------------------------------------------------------------------------------
                                          VERTICAL SCROLLBARS - INNERPAGES                    
------------------------------------------------------------------------------------------------------------------*/
#about_page_wrap .jScrollPaneContainer,
#posts_wrap .jScrollPaneContainer {
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 595px !important;
}
#about_page_wrap .jScrollPaneContainer { width: 850px !important; }

#about_page_wrap .jScrollPaneTrack,
#posts_wrap .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 25px;
	top: 0;
	height: 100%;
	width: 7px !important;
	background: url(../images/scrollbars/vertical/track.png);
}
#about_page_wrap .jScrollPaneTrack { right: 32px; }

#about_page_wrap .jScrollPaneDrag,
#posts_wrap .jScrollPaneDrag {
	position: absolute;
	overflow: hidden;
	height: 30px !important;
    width: 30px !important;
    left: -10px;
    cursor: move;
	background: url(../images/scrollbars/drag.png);
}
#about_page_wrap .jScrollPaneDragTop,
#posts_wrap .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
#about_page_wrap .jScrollPaneDragBottom,
#posts_wrap .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

/*------------------------------------------------------------------------------------------------------------------
                                                      ALL SCROLLBARS                    
------------------------------------------------------------------------------------------------------------------*/

.jScrollPaneDrag.active, .jScrollPaneDrag:hover {
	background: url(../images/scrollbars/drag_hover.png) !important;
}