/*  
Theme Name: Indobilling
Theme URI: http://www.indobillingcom/
Description: Indobilling Wordpress Theme
Version: 1.0
Author: Jony
Author URI: http://mantep.com
*/
body
{
   margin:0;
   padding:0;
  background:  #9797E1 url(images/bgkotak.gif) repeat top;
  font-family:arial,sans-serif;
  font-size:80%;
}


h1#title
{
   margin:30px auto 2px auto;
   font-family:arial bold,arial,sans-serif;
   font-size:25px;
   color:#FFF;
   padding:0px;
   text-transform:uppercase;
   width:80%;
   max-width:800px;
}

div#wrap
{
   margin:0px auto 30px auto;
   width:80%;
   max-width:800px;
}

div#content
{
   float:left;  
   background:  #FFFFFF url(images/bgcontent.gif) repeat top center;
   padding:10px;
   margin:0px 0px 0px 0px;
   border:0px;
   width:801px;
}

div#left
{
   float:left;
   width:68%;
}

div#right
{
   float:left; 
   width:28%;
   padding:0px 0px 0px 9px;
   margin:0px 0px 0px 10px;
  
}






div#left a
{
   text-decoration:underline;
   font-weight:bold;
   color:#8f0f0f;
}

div#left a:hover
{
   color:#648de0;
}

div#left p,ul,ol,dl
{
   font-family:arial,sans-serif;
   font-size:12px;
   line-height:16px;
   color:#000;
}

div#left small
{
   font-family:arial,sans-serif;
   font-size:11px;
   color:#000;
   margin:0;
   padding:0;
}

div#left p,dl
{
   padding:0;
   margin:2px 0px 8px 0px;
}

div#left ol,ul
{
   padding:0;
   margin:2px 0px 10px 30px;
}

div#left h1,h2,h3,h4
{
   font-family:arial bold,arial,sans-serif;
   color:#000;
   padding:0;
   margin:2px 0px 1px 0px;
}

div#left h1
{
   font-size:18px;
}

div#left h2
{
   font-size:16px;
}

div#left h3
{
   font-size:15px;
}

div#left h4
{
   font-size:14px;
}

div#left acronym
{
   border-bottom:1px dashed #2e435e;
   color:#2e435e;
   cursor:help;
}

div#left acronym:hover
{
   border-bottom:1px dashed #000;
   color:#000;
   cursor:help;
}

div#left img.photo
{
   border:1px solid #999;
   background:#fff;
   padding:2px;
   margin:3px;
}


div#left hr
{
   width:80%;
   height:0px;
   border:1px solid #c90000;
}


div#left .centre
{
   margin:3px auto;
   text-align:center;
}

div#left hr.centre
{
   margin:7px auto;
}

div#left .right
{
   float:right;
}

div#left .left
{
   float:left;
}

div#left ol.commentlist
{
   list-style-type:none;
}

div#left ol.commentlist li
{
   padding:8px;
   margin:10px;
   border:6px solid #00234e;
   background:#dae4f1;
}

div#left ol.commentlist li.alt
{
   padding:8px;
   margin:10px;
   border:6px solid #7b0000;
   background:#ecd9d9;
}

div#left textarea
{
   width:400px;
   height:150px;
}

div#left input,textarea
{
   border:1px solid #003679;
   padding:5px;
   background:#dbe3ec;
   font-family:arial,sans-serif;
   font-size:12px;
}

div#left input:focus
{
  border-color:#8c1717;
  background:#ffe8e8;
}


div#left textarea:focus
{
  border-color:#8c1717;
  background:#ffe8e8;
}

/* ------------------ */
div#right h1
{
   padding:0;
   margin:0px 0px;
   font-family:arial,sans-serif;
   font-size:15px;
   color:#000;
   text-transform:uppercase;
}

div#right p
{
   padding:0;
   margin:0px 0px;
   font-family:arial,sans-serif;
   font-size:11px;
   color:#000;
   line-height:17px;
}

div#right ul
{
   padding:0;
   margin:0px 0px 0px 0px;
   font-family:arial,sans-serif;
   font-size:10px;
   color:#000;
   line-height:17px;
}


div#right li
{
  margin-bottom:1px;
}

div#right img.photo
{
   border:1px solid #999;
   background:#EEE;
   padding:1px;
   margin:0px;
}


div#right .right
{
   float:right;
}

div#right .left
{
   float:left;
}

div#right a
{
	font-family:verdana;
	font-size: 12px;
   text-decoration:none;
   color:#000000;
}

div#right a:hover
{
	font-family:verdana;
	font-size: 12px;
   text-decoration:none;
   color:#721414;
}

div#right hr
{
   width:0px;
   height:0px;
   margin:0px 0px;
}

/* Header */

#header {
	width: 821px;
	height: 160px;
	background: url(images/header.gif) no-repeat bottom;
}

#header h1, #header p {
	font-family:verdana;
	font-size: 11px;
	padding-left: 180px;
	margin: 0;
	color: #000000;
	font-weight:bold;
}

#header h1 {
	font-family:arial;
	font-weight:none;
	color:#000066;
	padding-top: 50px;
	padding-left: 180px;
	font-size: 18px;
}

#header span {
   float:right; 
   padding:42px 25px 0px 0px;
   margin:0px 0px 0px 0px;
   	font-family:arial;
	font-weight:bold;
	color:#FFF;
	font-size: 14px;
}

#header a {
	text-decoration: none;
}
	

#footer {
	background: url(images/footer.gif) no-repeat top; 
	width: 821px;
	clear: both;
}
	
	/* main navigation */
#pages a {
	background: url('images/menu.gif') no-repeat top left;
	font-size: 10px;
	display: block;
	font: 1em Verdana,sans-serif;
	height: 1.4em;
	padding: 0.4em 0 0 1em;
	text-decoration: none;
}
#pages a:hover {
	background: url('images/menu2.gif') no-repeat top left;
	font-size: 10px;
	display: block;
	font: 1em Verdana,sans-serif;
	height: 1.4em;
	padding: 0.4em 0 0 1em;
	text-decoration: none;
}

#searchheader {
   float:right; 
   width:27%;
   padding:50px 0px 0px 0px;
   margin:0px 0px 0px 0px;
}
#copyr{
   float:center; 
   width:100%;
   padding:10px 0px 0px 0px;
   margin:0px 0px 0px 0px;
}
#sidebar{background-color:#D2DFEE;margin:0;padding:5px;}
#sidebar h2 {font-size: 110%;background-color:#ACC5DF;}
#sidebar li,#sidebar ul li{list-style-type:none;}