/*
Version: 1.3 [Mixed from "Biru_Manteb Themplate"]
Author: Hendrawan a.k.a Kodokhunt
Author URI: http://kodokhunt.blogsome.com
*/
/*---------------|||||||||||Global------------------------------------------------------*/
*, html { margin: 0; padding: 0; }

body { margin: 0 auto; background: #000000 url('_img/rut_bkg.jpg') no-repeat bottom; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana; }

a { color: #000000; text-decoration: underline; }

a:hover { color: #FFCC00; text-decoration: none; }

abbr { cursor: help; border-bottom: 1px dotted #000; }

/*---------------|||||||||||Container------------------------------------------------------*/
#container { width: 745px; margin: 10px auto; font-size: 11px; line-height: 1.6em; color: #000; background-color: #fff; }

#container2 { width: 745px; margin: 0 auto; margin-top: 10px; font-size: 11px; color: #000; background: #FFCC00; background-color: #fff; }

/*---------------|||||||||||header-------------------------------------------------------------------*/
#header { width: 743px; height: 150px; clear: both; color: #fff; text-align: center; /*For TExt*/ background: #FFCC00; border: 1px solid #FFF; }

		
/*---------------|||||||||||Menu-------------------------------------------------*/
#nav { background: #FFCC00; }

#nav li { display: inline; float: left; background: url('_img/menu.gif') no-repeat; }
		
#nav li a { text-decoration: none; color: #000; padding: 0 10px; font-size: 1em; font-weight: bold; }

#nav .selected, #nav a:hover{ background: #000; border: 0px solid #000; color: #FFCC00; text-decoration: none; }

/*---------------|||||||||||Contener------------------------------------------------*/
#content { width: 520px; padding-left: 10px; padding-right: 10px; padding-top: 10px; float: left; }

#content h2 { color: #000000; font-size: 16px; font-weight: bold; }

#content h2 a { color: #000; text-decoration: none; }

#content h2 a:hover { color: #999; }

.splitleft{ float: left; width: 50%; }

.splitright{ float: right; width: 46%; }

.splitleft2{ float: left; width: inherit; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding-left: 15px; }

.splitright2{ float: right; width: 90%; border-left: 1px solid #ccc; padding-left: 15px; }

.splitleft3{ float: left; width: 50%; border-right: 1px solid #ccc; padding-left: 35px; padding-top: 5px; }

.splitright3{ float: right; width: 90%; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 30px; padding-top: 5px; }

.cent { text-align: center; font-style: italic; font-size: 11px; color: #000; }

div.box2 { padding: 5; margin: 10px; width: 250px; height: 300px; border: 1px solid #000; background: #eee; }

.box2 p { margin: 0 5px 2px 5px; font-size: 11px; margin-left: 30px; line-height: 16px; color: #000; }

.box2 img { margin: 0 auto; }

/*---------------|||||||||||Sidebar------------------------------------------*/
#sidebar { width: 175px; float: right; background: #FFFFFF; }

#sidebar p { padding-bottom: 10px; }

#sidebar h2 { color: #fff; font-size: 16px; padding-left: 15px; font: bold 16px georgia; border-bottom: 1px solid #ddd; }

div.box { padding: 5; margin: 10px; width: 170px; background: #000000 url('_img/bottom.gif') no-repeat bottom; overflow: hidden; float: right; }

div.boxtop { height: 10px; width: 170px; background: url('_img/top.gif') no-repeat top; }

.box p { margin: 0 5px 2px; font-size: 11px; color: #fff; }

.box ul { margin: 0 5px 5px; color: #fff; }

.box li { margin: 0 15px 5px; }

.box a{ color: #fff; }

.box a:hover { background: #fff; color: #000000; list-style-type: none; }

/*---------------|||||||||||BOX--------------------------------------------------------------*/		
#black_box { clear: both; height: 15px; padding-left: 165px; padding-top: 1px; background: url('_img/blek_box.gif') no-repeat; }

#blue_box { clear: both; width: 743px; height: 200px; font-size: 10px; color: #000; background: #FFCC00; border-right: 1px solid #fff; border-left: 1px solid #fff; }

/*---------------|||||||||||Footer-----------------------------------------------*/
#footer { clear: both; width: 743px; background: #000000; border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; margin-bottom: 10px; }

#footer p { color: #ccc; padding: 5px; font-size: 10px; }

#footer ul { padding: 2px; float: right; color: #fff; font-size: 10px; }

#footer li { display: inline; padding: 6px 1px; }

#footer a { color: #ccc; text-decoration: none; padding: 2px; }

#footer a:hover { color: #FF0000; border-bottom: 1px solid #FF0000; }

/*---------------|||||||||||old stuff & Kanan--------------------------------------------------------------*/		
#kanan { padding: 14px 10px 35px; }

#kanan h2 { color: #fff; font: normal 20px georgia; padding-left: 6px; }

#kanan img { padding: 5px; margin: 5px; background: #000000; border: 1px solid #FFF; }

#kanan p { color: #fff; padding: 5px; }

#kanan a:link { text-decoration: underline; color: #FFF; }

#kanan a:hover { text-decoration: none; color: #FF0000; }

/*----*/
#old_stuff { float: right; width: 350px; padding: 14px 10px 35px; background: #000000; color: #fff; }

#old_stuff h2 { color: #fff; font: normal 20px georgia; }

#old_stuff a { color: #FF0000; border-bottom: 1px dotted #007BC9; text-decoration: none; }

#old_stuff a:hover { color: #fff; background: #000; }

#old_stuff ul { list-style: none; font-size: 10px; }

#old_stuff li { display: block; margin-bottom: 1px; padding: 1px 5px 5px; }

#old_stuff li:hover { background: #fff; cursor: pointer; color: #007BC9; }