/* PAGE/SLIDER */
#page{
	position: relative;
  width:660px;
    margin:0 auto;

	background:#161616 url(images/page-bg.png) right 0 no-repeat;
border:1px solid #262626;
}
	#slider{
		width:660px;
		margin:0 auto;
		position:relative;
		
	}

																																		/* SLIDER NAVIGATION TABS */	
	#navSlide{
		margin: 0 0 0 40px;
		position: relative;
		width: 550px;
		height: 45px;
		overflow: hidden;
	}
	#page .navigation{
		padding: 6px 0 0 0;
		height:26px;
	}
	#page .navigation li{
		height:24px;
		float:left;
		padding:0px 5px 0 0;
		list-style:none;
		
	}
	#page .navigation a{
		display:block;
		height:26px;
		line-height:20px;
		float:left;
					background:url(images/slider-tabs2.png) right top no-repeat;
		padding:0 15px 0 0;
		font-size:12px;
		color:#51545c;
		text-decoration: none;
	}
		#page .navigation a:hover,
		#page .navigation a.selected{
			color:#fff;
			background:url(images/slider-tabs.png) right top no-repeat;
					height:20px;
					
		}
	#page .navigation a span{
		padding: 2px 0 0 15px;
		display:block;
		height:26px;
		float:left;
			background:url(images/slider-tabs2.png) left top no-repeat;
	}
		#page .navigation a:hover span,
		#page .navigation a.selected span{
			background:url(images/slider-tabs.png) left top no-repeat;
					height:20px;
					
		}
	#page .navigation a:focus{
		outline:none;
	}
	
	#page p.home{
		position: absolute;
		top: 20px;
		left: 70px;
		display: block;
		width: 26px;
		height: 26px;
		padding: 0 10px 0 0;
		z-index: 10;
	}
		#page p.home a,
		#page p.home a:hover{
			display: block;
			height: 26px;
			width: 26px;
			padding: 0;
			background: url('images/slider-home.png') 0 0 no-repeat;
		}
			#page p.home a span,
			#page p.home a:hover span{
				display: none;
			}

																																		/* POST STYLING */
#page .post{
	background: url('images/ssummary-bg.png') top right no-repeat;
	margin: 0 0 20px 0;
}
#page .post .wrapper{
	background: url('images/summary-bg.png') top left no-repeat;
	margin: 0 0px 0 0;
}
	#page .post .head{
		padding: 10px 20px 10px 30px;
	}
		#page .post .head h3{
			padding: 5px 0;
			border-bottom: solid 1px #d5dae1;		
		}
			#page .post .head h3,
			#page .post .head h3 a{
				color: #27475e;
				font-family: Tahoma, Arial;
				font-size: 24px;
			}
			#page .post .head h3 a:hover{
				text-decoration: none;
				color: #000;
			}
	#page .post .postmeta{
		font-size: 11px;
		color: #96a8b4;
	}
		#page .post .postmeta a{
			color: #96a8b4;
			text-decoration: underline;
		}
		#page .post .postmeta a:hover{
			color: #27475e;
		}
	#page .post .tags{
		height: 37px;
		overflow: hidden;
		background: url('images/summary-tags-bg.png') right top no-repeat;
	}
		#page .post .tags p{
			height: 37px;
			line-height: 37px;
			width: 70px;
			text-align: center;
			color: #305993;
			font-weight: bold;
			float: left;
			background: url('images/summary-tags-bg.png') left top no-repeat;
		}
		#page .post .tags ul{
			height: 37px;
			float: left;
		}
		#page .post .tags ul li{
			height:37px;
			float:left;
		}
		#page .post .tags ul a{
			display:block;
			height:37px;
			line-height:37px;
			float:left;
			padding:0 10px 0 0;
			font-size:12px;
			color:#617693;
		}
			#page .post .tags ul a:hover,
			#page .post .tags ul a.selected{
				color:#fff;
				text-decoration: none;
				background:url(images/summary-tags.png) right center no-repeat;
			}
		#page .post .tags ul a span{
			padding: 0 0 0 10px;
			display:block;
			height:37px;
			float:left;
		}
			#page .post .tags ul a:hover span{
				background:url(images/summary-tags.png) left center no-repeat;
			}
		#page .post .tags ul a:focus{
			outline:none;
		}
	#page .post .foot{
		height: 39px;
		padding: 0 10px 0 0;
		background: url('images/summary-foot-bg.png') top right no-repeat;
	}
		#page .post .foot p{
			height: 39px;
			width: 50px;
			background: url('images/summary-foot-bg.png') top left no-repeat;
		}
		#page .post .foot ul{
			position: relative;
			height: 39px;
			background: url('images/summary-foot-bg.png') top left no-repeat;
		}
			#page .post .foot ul li{
				position: absolute;
				width: 130px;
			}
			#page .post .foot ul li,
			#page .post .foot ul li a{
				display: block;
				height: 39px;
				line-height: 39px;
				color: #4e4f52;
				font-weight: bold;
				font-size: 12px;
			}

																																		/* POST CONTENT STYLING */
#ohoho {
background:transparent;
}	
																																		
#ohoho:hover {
background:#222;
}																																	
																																		
#page .post .body{
	color: #434251;
	padding: 0 0px 20px 0px;
}

	#page .post .body a{
		text-decoration:none;
		
		
		font-weight:bold;
		
	}
	#page .post .body a.plain,
	#page .post .body .gallery a{
		padding: 0;
		background: none;
	}
		#page .post .body a:hover{
			text-decoration:underline;
		}
	#page .post .body .gallery img{
		padding:2px;
		background:#e0e3e6;
		border:solid 1px #c0c5d6;
	}
	#page .post .body blockquote,
	#page .post .body ul,
	#page .post .body ol,
	#page .post .body pre{
		margin:1em .5em 2em .5em;
		padding:10px 15px;
		background:#e0e3e6;
		border: solid 1px #d3d4d5;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	#page .post .body blockquote p{
		padding:.4em 0 !important;
		text-indent:0 !important;
	}
	#page .post .body li{
		list-style-position: inside;
		padding: .25em 0;
	}
		#page .post .body ul li{
			margin:0 0 0 1em;
			list-style:square;
		}
		
		#page .post .body ol li{
			margin:0 0 0 1.5em;
			list-style:decimal;
		}
		#page .post .body dl dt{
			font-weight: bold;
		}
		#page .post .body dl dd{
			padding: 0 0 .5em 1em;
		}
	#page .post .body pre{
		line-height:1em;
		color:#1C194C;
		font-size:13px;
		overflow:auto;
		background:#f8f8f8;
		border:solid 1px #e5e5e5;
	}
	#page .post .body code{
		padding:0 3px;
		color:#33333e;
		background:#f8f8f8;
		border:solid 1px #e5e5e5;
		font-family: monospace;
		font-size:13px !important;
	}

	#page .post .body .gallery{
		text-align:center;
	}


	
																																		/* SLIDER CONTAINER */
	#page .scroll{
		height:395px;
		width:650px;
		margin:0 auto;
		overflow:auto;
		position:relative;
		clear:left;
	}
		#page .scrollContainer .panel{
			padding:15px 0px 0 0px;
			height:320px;
			width:650px;
			overflow:hidden;
		}
		#page .scrollContainer .panel .pane{
			height: 320px;
		}
																																					/* SLIDER SCROLLBAR */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
	.jScrollPaneTrack {
		position: absolute;
		cursor: pointer;
		right: 0;
		top: 0;
		height: 100%;
		background: url('images/scrollbar-track.png') 0 0 no-repeat;
	}
	.jScrollPaneDrag {
		position: absolute;
		cursor: pointer;
		overflow: hidden;
		background: url('images/scrollbar-drag-middle.png') 0 50% repeat-y;
	}
		.jScrollPaneTrack:hover .jScrollPaneDrag{
			background-position: -20px 50%;
		}
	.jScrollPaneDragTop {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		background: url('images/scrollbar-drag-top.png') 0 0 no-repeat;
		height: 5px;
	}
		.jScrollPaneTrack:hover .jScrollPaneDragTop{
			background-position: -20px 0;
		}
	.jScrollPaneDragBottom {
		position: absolute;
		bottom: 0;
		left: 0;
		overflow: hidden;
		background: url('images/scrollbar-drag-bottom.png') 0 0 no-repeat;
		height: 5px;
	}
		.jScrollPaneTrack:hover .jScrollPaneDragBottom{
			background-position: -20px 0;
		}