/*
Theme Name: David Binder

David Binder / Global Stylesheet

Author:		Ronit Shaham
Version:	1.0

Copyright © 2009, Ronit Shaham.  Don't Steal.
-----------------------------------------------------------------------------*/


/*
-----------------------------------------------------------------------------
CORE RESET 
-----------------------------------------------------------------------------*/
html, body { margin: 0; padding: 0; font-size: 14px;}
	body { background: #b7b781; }
* { font: normal normal 1em/1em Georgia, serif; line-height: 16px;  margin: 0; padding: 0; outline: 0;  color: #eee; }
	
img { border: none; display: block; }
table, td, form, fieldset { border: none; border-collapse: collapse; border-spacing: 0; }
li { list-style: none; line-height:1.3em;margin-bottom:3px}
:focus { outline: none; }

.clear { clear: both; height: 0; margin: 0; padding: 0; line-height: 0; font-size: 1px; overflow: hidden; }
.hide { display: none; }
.right { float: right; }
.left { float: left; }
.current { cursor: default; }


/*
-----------------------------------------------------------------------------
TYPOGRAPHY & DISPLAY
-----------------------------------------------------------------------------*/
p { margin-bottom: 1em; }
a { text-decoration: none; color: #fff; border-bottom: 1px dotted #fff;cursor:pointer}
	a:hover { color: #fff; border-bottom: 1px solid #fff; }

h1 { margin: 10px 0 20px 1px; font-size: 2.4em; font-weight: bold; font-style: italic; color: #eee; letter-spacing: -1px; text-transform: lowercase; }
h2 { margin-bottom: 12px; padding: 6px 0; text-align: center; font-size: 1.3em; font-weight: bold; font-style: italic; color: #eee; border-left: none; border-right: none; }
h3 { margin-bottom: 10px; font-size: 1.6em; font-weight: bold; font-style: italic; color: #bd1f25; letter-spacing: -1px; text-align: left; text-transform: lowercase; }

strong { font-weight: bold; color: #fff; }
em { font-style: italic; font-weight: bold; }

label { display: block; font-size: 1.1em; font-weight: bold; font-style: italic; text-transform: lowercase; }
input, textarea { padding: 4px; font-size: 1.2em; color: #444; background: #fff !important; border: 1px solid #0e3252 !important; }
select { font-size: 1.2em; color: #444; }
.btn { display: block; margin: 0; padding: 0; cursor: pointer; overflow: hidden; border: none; text-indent: -5000px; }


/*
-----------------------------------------------------------------------------
CORE MODULES
-----------------------------------------------------------------------------*/
.wrapper { width: 860px; margin: 5px auto; }

#header a{ display:block;text-align:left; height: 31px; background: transparent url(images/davidbinder_header.jpg) 0px 0 no-repeat; padding-bottom:8px;margin-top:8px;border:none;}
	#header a:hover{text-decoration:none;}


#leftnav{margin:0px 0px 0px 182px;text-align:center}

#leftnav a{display:block;float:left;background:url(images/nav_productions.jpg) 0 -55px no-repeat; width:89px; height:55px;text-decoration:none;border:none;}
	#leftnav a.current, #leftnav a:hover{text-decoration:none;background-position:0px 0px !important}
	#leftnav a span{display:none}
	
#leftnav a#nav_productions{background:url(images/nav_productions.jpg) 0 -55px no-repeat;}
#leftnav a#nav_bio{background:url(images/nav_bio.jpg) 0 -55px no-repeat;}
#leftnav a#nav_events{background:url(images/nav_events.jpg) 0 -55px no-repeat;}
#leftnav a#nav_press{background:url(images/nav_press.jpg) 0 -55px no-repeat;}
#leftnav a#nav_contact{background:url(images/nav_contact.jpg) 0 -55px no-repeat;}


#content_wrap{border:5px solid #fff;width:815px;height:476px;}
	.wrapper #content_wrap{background:transparent url(images/bg_home.jpg) 0 0 no-repeat;}
	.wrapper#press #content_wrap{background:transparent url(images/bg_press.jpg) 0 0 no-repeat;}
			.wrapper#press #content_wrap #content{padding:20px 20px 30px 300px}
	.wrapper#events #content_wrap{background:transparent url(images/bg_events.jpg) 0 0 no-repeat;}
			.wrapper#events #content_wrap #content{padding:20px 20px 30px 300px}
	.wrapper#bio #content_wrap{background:transparent url(images/bg_bio.jpg) 0 0 no-repeat;}
		.wrapper#bio #content_wrap #content{padding:20px 20px 30px 290px}
	.wrapper#productions #content_wrap{background:transparent url(images/bg_productions.jpg) 0 0 no-repeat;}
				/*.wrapper#productions #content_wrap #content{padding:150px 20px 30px 250px}*/
	.wrapper#contact #content_wrap{background:transparent url(images/bg_contact.jpg) 0 0 no-repeat;}
		.wrapper#contact #content_wrap #content{padding:150px 20px 30px 250px !important;}



/*
-----------------------------------------------------------------------------
PRODUCTIONS
-----------------------------------------------------------------------------*/



/*
-----------------------------------------------------------------------------
PRESS
-----------------------------------------------------------------------------*/

#press #content li{margin-bottom:7px}


/*
-----------------------------------------------------------------------------
SCROLL
-----------------------------------------------------------------------------*/

.jScrollPaneContainer {
overflow:hidden;
position:relative;
z-index:1;
}
.jScrollPaneTrack {
background: transparent url(images/scroll_bg.png) repeat-y;
cursor:pointer;
height:100%;
position:absolute;
right:0;
top:0;
}
.jScrollPaneDrag {
background: transparent url(images/scroll_arrow.png) no-repeat;
cursor:pointer;
overflow:hidden;
position:absolute;
left:15px;
}
.jScrollPaneDragTop {
left:0;
overflow:hidden;
position:absolute;
top:0;
}
.jScrollPaneDragBottom {
bottom:0;
left:0;
overflow:hidden;
position:absolute;
}


.holder{}

.scroll_pane{
	float:left;
	height:370px;
	overflow:auto;
	width:500px;
}
#pane{
	height: 370px;
}



/*
-----------------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------------*/
#footer { padding: 5px 0;}
#footer p { text-align: center; margin: 0; line-height: 1.4em; }