/* CSS Document */

body {
	margin:0; padding:0; font-family: Arial; font-size: 12px; color: #4B3929; background:#735942 url(http://villambali.com/images/bg_body.jpg) top left repeat-x;
	}
form {margin:0; padding:0}
#container {
	width:900px; margin:0 auto;
}

#header { width: 795px; height: 130px; display: block; position: relative; }
#header #header_logo { float: left; margin: 38px 0 0 138px; padding: 0; }
#header #lang { float: right; margin: 60px 0 0 0; padding: 0; list-style: none; }
#header #lang li { float: left; margin: 0 0 0 7px; padding: 0; }

#wrap_content {
	width:900px; background-color:#fff
}
#judul {
	width:auto; margin-bottom:15px
}
h1 {
	margin:0; padding:0; font-family:Georgia,Verdana,Arial, Serif;font-size: 1.5em;	font-weight: normal;letter-spacing: 1px; float:left
	}
h1 a{text-decoration:none; color:#642B12}
h1 a:hover{color:#FFCC00}
#judul #searchform
{
	float:right;
	margin-right:2px
}	
	
/*---------------------------- LEFT --------------------------------- */
#content-left {
	width:120px; float:left; color: #FFF;
}
#content-left .skype { padding: 0 0 0 3px; }
	#content-left .ym { margin: 30px 0 0 0; padding: 0 10px 0 0; text-align: right; }
	#content-left .ym img { vertical-align: middle; padding-bottom: 2px; }
	#nav { margin: 0; padding: 0; list-style: none; }
		#nav li { margin: 0 0 1px 0; padding: 0; font-size: 12px; }
		#nav li a { color: #FFF; width: 100px; padding: 5px 10px 5px 10px; display: block; text-decoration: none; background-color: #5F4935 }
		#nav li a:hover { color: #FFCC00; }
		#nav li a#active { background-color: #FFCC00; } #nav li a#active:hover { color: #FFF; }
		#nav li a.active { background-color: #FFCC00; } #nav li a.active:hover { color: #FFF; }
		#nav li ul { margin: 0; padding: 0; list-style: none; }
		#nav li ul li a { color: #FFCC00; }
        
        	#content-left form { width: 110px; margin: 30px 0 0 0; padding: 5px; background-color: #5F4935; font-size: 10px; }
		#content-left form h1 { font-size: 11px; margin: 0 0 10px 0; padding: 0; }
		#content-left form .input_text { font-family: Arial; font-size: 10px; color: #666; border: 1px solid #CCC; background-color: #FFF; width: 105px; margin: 0 0 5px 0; padding: 0; }
		#content-left form .input_submit { font-family: Arial; font-size: 10px; color: #FFF; border: 1px solid #000; background-color: #000; margin: 0; padding: 0; cursor: pointer; }
		#content-left form a { color: #FFF; text-decoration: underline; }
		#content-left form a:hover { color: #FFCC00; }

#content-left h2 {width:auto; padding:5px 2px 5px 10px; background-color: #A07346; margin:15px 0 0 0; color: #FFF; font:12px "Verdana", Arial, Helvetica, sans-serif}
#meta {margin:0; padding:0; list-style:none}
#meta li {padding:2px 2px 2px 5px}
#meta li a {text-decoration:none; color:#D1B89E}
#meta li a:hover {text-decoration:none; color:#FFFF00}

#content-center {
	width:600px; float:left; margin:0 5px 0 5px; background: #E7D7C6 url(http://villambali.com/images/bg_content_02.jpg) top left no-repeat;
}

.content {
	width:590px; padding:5px; 
}
.content .inner { padding: 8px; }
.content h2 { color: #003300; font-size: 24px; font-weight: normal; margin: 0 0 15px 0; padding: 0; }
.content h2 a {text-decoration:none; color: #003300;}
.content h2 a:hover {text-decoration:underline}
.content p { line-height: 12pt; margin: 0 0 15px 0; padding: 0; display: block; position: relative; text-align:justify }
.content ul { margin: 0 0 0 15px; padding: 0; }
.content ul li { line-height: 140%; margin: 0 0 5px 5px; padding: 0; }
.content a { color: #FF6600; text-decoration: underline; }
.content a:hover { color: #000; }
.content .post-info {
	width:100%; border-bottom:1px solid #DCC8B4; padding:2px 0 2px 0; font: 10px "Verdana", Arial, Helvetica, sans-serif; line-height:normal
}
.content p img { padding:2px; border:1px solid #A3A3A3}
.content p img a {text-decoration:none}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
.navigation a{text-decoration:underline; color: #FF6600}
.navigation a:hover{color: #000;}
.post-info a{text-decoration:none}
.post-track { width:auto; padding:5px 0 5px 0; font-size:11px; margin-bottom:15px}
.post-track a{text-decoration:none}
.commentlist {
	margin: 0;
	padding: 0;		
	border-top: #ccc 1px solid;
	list-style:none;
}
.commentlist a{text-decoration:none}
.commentlist li 
{
	list-style:none;
	margin: 0;
	padding:1em;	
	border-bottom: #ccc 1px solid;	
}
.commentlist li.alt 
{
    background:#f9f7f5;    
}
.commentlist li .cmtinfo 
{
	font-size:1em;		
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
.commentlist li .cmtinfo em 
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
.commentnum 
{
	font-size:1.5em;
	font-weight:bold;	
	padding:3px;
}
.comment {
	width:464px; background-color:#FCF9E2; border:1px solid #DDD9CC; padding:5px
}
.respond {margin: 2em 0 10px 5px;	
	font-size:1.4em;
	font-weight:normal;
}
input.textbox
{
	border:#ccc 1px solid;
	background:#f9f9f9;
	font:1em Verdana, Arial, Serif;
	padding:2px;
	width:150px;
}
input.btnSearch
{
	border:#ccc 1px solid;
	font:10px Verdana, Arial, Serif;
	padding:3px 3px 1px 3px !important;
	padding:1px 2px 2px 2px;
}

textarea{
	width: 90%;
	padding:5px;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f9f9f9;
	font:1em Verdana, Arial, Serif;
}
.textbox:focus, textarea:focus
{
	background:#fff;
	border:#999 1px solid;
}

#content-right {
	width:165px !important; width:165px; float:left;
}
#content-right h2{
	width:auto; padding:5px 2px 5px 10px; background-color: #5F4935; margin:0; color: #FFF; font:12px "Verdana", Arial, Helvetica, sans-serif
}
#content-right ul{
	margin:0; padding:0; list-style:none; margin-bottom:5px
}
#content-right li {
	color:#DCC8B4; padding:5px; border-bottom:1px solid #B78C62
}
#content-right a{
	text-decoration: none; color:#D1B89E; display:block
}
#content-right a:hover{
	color:#FFFF00
}
.clear {
clear:both
}
#footer { width: 900px; margin: 0 auto; margin-top:10px; border-top:1px solid #9F754A; padding:5px 0 5px 0 }
	#footer p { text-align: left; margin: 0; padding: 0; color: #4C2F23; font-size: 10px; }
	#footer a { color: #4C2F23; text-decoration: none; }
	#footer a:hover { color: #FFF; text-decoration: underline; }