/*
Theme Name: Fluid Blue
Theme URI: http://twostudio.ro
Description: A simple two column fluid width theme. Right sidebar supports widgets. Tags and gravatars supported. Valid XHTML and CSS.
Version: 1.0
Author: Georgescu Vlad
Author URI: http://twostudio.ro
Tags: blue, light, two-columns, flexible-width, right-sidebar, threaded-comments


*/

.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background:url(../Images/ScrollBar.png) no-repeat center;}
.jScrollPaneDrag {position: absolute;background: url(../Images/ScrollButton.png) no-repeat center;height:48px;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 48px;}
a.jScrollArrowUp:hover {	/*background-color: #f60;*/ }

a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden; /*background-color: #666;*/ height: 48px; }
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}


a.jScrollArrowUp {background: url(../images/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -15px;}
a.jScrollArrowDown {background: url(../images/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}
.orange-bar .jScrollPaneTrack {background: #f60;}
.orange-bar .jScrollPaneDrag {background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;}
.orange-bar .scroll-pane {background: #69f;}		
.holder {float: left;margin: 10px;}
.scroll-pane {width: 520px;height: 200px;overflow: auto;	float: left;}
.wide {width: 400px;}
.super-wide {width: 700px;}
.tall {height: 400px;}
#pane1 {height:509px;}
#pane2 {height: 150px;}
#pane3 {height: 190px;}
#pane4 {height: 190px;}