/* CSS Document */

#container {
	margin: 0px auto;
	padding: 0;
	text-align: left;
	height: 100%;
	position: relative;
	}
	
	#container, #header_block, #news_block { width: 926px; }
	#header_block, #news_block, #blog_block, #shows_block, #left, #right { 
		height: auto !important; }
	#header_block, #news_block { 
		height: 445px;
		min-height: 445px;
		display: block; }
	#blog_block, #shows_block {
		height: 423px;
		min-height: 423px; }
	#left, #right {
		height: 422px;
		min-height: 422px; }
	
	#header_block, #news_block, #blog_block, #shows_block { margin: 0; padding: 0; }
	
	#left, #blog_block { float: left; }
	#right, #blog_items, #shows_block { float: right; }
	
	
	#header_block { background: url(images/clouds-top.jpg) no-repeat; }
	
	#left { background: url(images/kellye/kellye-main.jpg) no-repeat; }
		#left { 
			width: 545px;
			margin: 11px 0 0 13px;
			_margin: 11px 0 0 6px;
			padding: 0;
			display: block; }
			#left .logo { width: 193px; margin-left: 5px; }
			#left .top_menu { 
				padding-top: 5px; 
				color: #FFF;
				text-transform: uppercase;
				font-size: 16px; }
			#media {width: 565px; display: block; float: left; margin-top: 90px;}
			#media div {float: left; width: 25%; border-right: 1px solid #438acb; padding: 5px 10px; margin: 10px 0 0 10px; color: #fff;}
				#media div.last {border-right: none;}
			#media p {padding: 0; margin: 0;}
			#media ul { margin: 0; padding: 0;}
			#media li { list-style: none; display: inline; margin-right: 5px;}
		
		#right { 
			width: 344px; 
			padding-top: 10px;
			_padding:0;
			margin: 12px 13px 0 10px;
			_margin: 22px 10px 0 0; }
	
	
	#news_block { border-top: 2px solid #CCC; }
	#news_block hr {
		padding: 0; 
		margin: 5px;
		background-color: #333; 
		height: 1px; 
		border: 0;
		color: #333;
		clear: both;}
		#news_block .blogscroll hr {margin-bottom: 15px;}
		
	#news_block .classic { font-size: 12px; }
		
		#blog_block, #shows_block { margin: 0; padding: 11px; }
		#blog_block h3.title { font-size: 13px; display: inherit; float: none; clear: none; width: auto; }
		.scroll-pane-news, .scroll-pane-shows { overflow: auto; }
		.scroll-pane-news { width: 417px; _width: 400px; height: 350px; }
		.scroll-pane-shows { width: 320px; height: 245px; }
		
		#blog_block {
			width:537px;
			background: url(images/clouds-left-block.jpg) no-repeat;
			display: block;
			position: relative;
			border-right: 2px solid #CCC;
			overflow: hidden;
			}
			#blog_items { 
				width: 417px; 
				_width: 400px; 
				height: 350px; 
				padding-top: 5px; 
				float: right; 
				overflow: hidden; }
				#blog_block h3 a:hover, #shows_block h3 a:hover {color: #000;}
			
		#shows_block {
			width:343px;
			background: url(images/clouds-right-block.jpg) no-repeat;
			overflow: hidden;
			}
			#show_items { 
				width: 320px; 
				height: 245px; 
				padding-top: 5px;
				overflow: hidden; }
				
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #000;
}
.jScrollPaneDrag {
	position: absolute;
	background: #FFF;
	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;
	background: #000 url(js/jScrollpane/basic_arrow_up.gif) no-repeat 0 0;
	height: 9px;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: #000 url(js/jScrollpane/basic_arrow_down.gif) no-repeat 0 0;
	height: 9px;
}
a.jScrollArrowDown:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }