#metakat {
    	width:590px;
    	float: left;
    	display: block;
	}
#metakat .metal {
	font-size:10px;
	color:#fff;
	padding: 0 0 0 0px;
	font-weight: normal;
	font-family: tahoma, arial;
	}

#metakat .metal a {
	color:#fff;
	font-weight: normal;
	font-family: tahoma, arial;
	}
#metakat .metal a:hover {
	color:#fff;
	font-weight: normal;
	font-family: tahoma, arial;
	}
	
#metakat .judul {
	font-weight:bold;
	font:11px tahoma;
	padding-top: 5px;
	padding-bottom: 3px;
	}
	
#metakat .judul a {
	color: #ffff00;
	font-weight:bold;
	padding-left: 33px;
	}

#metakat .judul a:hover {
	color: #fff;
	font-weight:bold;
	}
	
#arsipcoda {
	padding:2px 5px 6px 10px;		
	background:url(images/codaslide.png) top center repeat-x;
	border:1px solid #3294a9;
	-moz-border-radius: 9px 9px 9px 9px;
	font-family: tahoma, arial, helvetica;
	font-size: 11px;
	line-height: 15px;
	color: #C7E1E7;

	}

#photocoda {
	padding:1px 5px 10px 5px;		
	background:url(images/codaslide.png) top center repeat-x;
	font-family: tahoma, arial, helvetica;
	font-size: 11px;
	color: #C7E1E7;
	}

#photocoda p {
	font-family: tahoma, arial, helvetica;
	font-size: 11px;
	color: #C7E1E7;
	}
	
#pagecoda{
    	width:520px;
    	min-height: 230px;
    	margin:0 auto;
    	float: left;
    	clear: both;
}
	#slider{
		width:530px;
		margin:0 auto;
		position:relative;
	}

	#pagecoda .navigation{
		background: url(images/bg-favblogsingle.png) bottom no-repeat;
		padding:0 0 0 4px;
		height:20px;
		font-family: tahoma, verdana, arial;
		z-index: 1000;
		text-transform: lowercase;
		font-weight: bold;
		text-align: center;
		margin-bottom: 2px;
	}
	
	#pagecoda .navigation li{
		height:20px;
		float:left;
		padding:0 0 0 0;
		list-style: none;
	}
	
	#pagecoda .navigation a {
		background: url(images/ngebul.png) center;
		display:block;
		line-height:20px;
		float:left;
		padding:0 3px 0 3px;
		font-size:11px;
		color: #1c1c1c;
		text-transform: uppercase;
	}
	#pagecoda .navigation a:hover {
		color:#000;
		text-decoration: none;
		/*-moz-border-radius: 6px 6px 6px 6px;*/
		}

	#pagecoda .navigation a.selected {
		color:#000;
		text-decoration: none;
		background: none;
		/*-moz-border-radius: 6px 6px 6px 6px;*/
		}
		
	#pagecoda .navigation a span{
		display:block;
		height:20px;
		float:left;
		padding:0 10px;
	}
	#pagecoda .navigation a:hover span, #pagecoda .navigation a.selected span{
		/*-moz-border-radius: 9px 9px 0px 0px;
		background:#458016; */
		background: url(images/ngebul.png) center;
		}
	#pagecoda .navigation a:focus{
		outline:none;
	}

	#pagecoda .scroll{
		height:230px;
		width:530px;
		margin:0 auto;
		overflow:auto;
		position:relative;
		clear:left;
		float: left;
	}
	
		#pagecoda .scrollContainer .panel{
			padding:2px;
			padding-top: 0px;
			height:200px;
			width:530px;
			overflow:hidden;
		}		
			#pagecoda .panel p{
				padding:0 0 0 0;
	font-size:1.04em;
	line-height:1.35em;
	font-family: tahoma, arial, verdana;
				/*font-size:11px;
				line-height:1.5em;*/
				color:#C7E1E7;
			}
			#pagecoda .panel h3{
				font-size:20px;
				padding:0 0 0px 0;
				letter-spacing:-1px;
				color:#000;
				font-weight:bold;
			}
			#pagecoda .panel h4{
				padding:0 0 .5em 0;
				font-size:15px;
				letter-spacing:-0.5px;
				font-weight:bold;
				color:#C7E1E7;
			}
			#pagecoda .panel strong{
				color:#33333e;
			}
			#pagecoda .panel em{
				font-style:italic;
			}
			#pagecoda .panel a{
				white-space:nowrap;
				color:#1c194c;
				font-weight:bold;
			}
				#pagecoda .panel a:hover{
					text-decoration:underline;
				}
			#pagecoda .panel .gallery img{
				padding:2px;
				border:solid 1px #c0c5d6;
			}
			#pagecoda .panel blockquote,
			#pagecoda .panel ul,
			#pagecoda .panel ol,
			#pagecoda .panel pre{
				font-size:12px;
				margin:1em 2em 2em 2em;
				padding:10px 15px;
				background:#ecedf3;
			}
			#pagecoda .panel blockquote p{
				padding:.4em 0 !important;
				text-indent:0 !important;
			}
			#pagecoda .panel li{
				list-style-position: inside;
				padding: 0 0 .5em 0;
			}
				#pagecoda .panel ul li{
					margin:0 0 0 1em;
					list-style:square;
				}
				
				#pagecoda .panel ol li{
					margin:0 0 0 1.5em;
					list-style:decimal;
				}
			#pagecoda .panel pre{
				line-height:1em;
				color:#1C194C;
				font-size:13px;
				overflow:auto;
				background:#f8f8f8;
				border:solid 1px #e5e5e5;
			}
			#pagecoda .panel code{
				padding:0 3px;
				color:#33333e;
				background:#f8f8f8;
				border:solid 1px #e5e5e5;
				font-size:13px !important;
			}
			
			#pagecoda .panel .gallery{
				text-align:center;
			}

	#pagecoda .scrollButtons{
		width:30px;
		height:30px;
		position:absolute;
		top:280px;
		cursor:pointer;
	}
		#pagecoda .scrollButtons a{
			display:block;
			height:30px;
			width:30px;
		}
		#pagecoda .scrollButtons span{
			display:none;
		}
		#pagecoda .scrollMeLeft{
			left:-40px;
		}
			#pagecoda .scrollMeLeft a{
				background:url(images/left_right.png) 0 0 no-repeat;
			}
			#pagecoda .scrollMeLeft a:hover{
				background:url(images/left_right.png) 0 -30px no-repeat;
			}
		#pagecoda .scrollMeRight{
			right:-40px;
		}
			#pagecoda .scrollMeRight a{
				background:url(images/left_right.png) -30px 0 no-repeat;
			}
			#pagecoda .scrollMeRight a:hover{
				background:url(images/left_right.png) -30px -30px no-repeat;
			}