/*
Theme Name: BillingHotspot
Theme URI: http://www.billinghotspot.com/
Description: A billinghotspot wordpress theme
Version: 
Author: Jony & Erwin
Author URI: http://www.kadung.com
*/
body{margin:0;padding:0;background:  #ffdbac url(images/bgkotak.gif) repeat top;}
td 
{
font-family:arial; 
font-size:12px
}

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#bg
{
   float:left;   
    background:  #FFFFFF url(images/bgcontent.gif) repeat top center;
   padding:0px;
   margin:0px 0px 0px 0px;
   border:0px;
   width:819px;
}

div#content
{
   float:left;  
 
     background: url(images/phone.gif) no-repeat bottom left;
   padding:0px;
   margin:0px 0px 0px 0px;
   border:0px;
   width:819px;
}

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

div#right
{
   float:left; 
   width:29%;
}
div#left a
{
   text-decoration:underline;
   color:#000;
}

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

div#left p,ul,ol,dl
{
   font-family:arial,sans-serif;
   font-size:12px;
   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 10px 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 4px 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:0px dashed #2e435e;
   color:#2e435e;
   cursor:help;
}

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

div#left img.photo
{
   border:0px 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 #FFFFFF;
   padding:1px;
   background:#a12c01;
   font-family:arial,sans-serif;
   color:#FFF;
   font-size:12px;
}

div#left input:focus
{
  border-color:#FFFFFF;
  background:#ffe8e8;
  font-family:arial,sans-serif;
   color:#000;
   font-size:12px;
}


div#left textarea:focus
{
  border-color:#8c1717;
  background:#ffe8e8;
}
/* ------------------ */
div#right h1
{
   padding:0;
   margin:0px 0px;
   font-family:arial,sans-serif;
   font-size:14px;
   color:#FFF;
   text-transform:uppercase;
}

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

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


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

div#right img.photo
{
   border:0px 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: 11px;
   text-decoration:none;
   color:#FFFFFF;
   border:0px;
}

div#right a:hover
{
	font-family:verdana;
	font-size: 11px;
   text-decoration:none;
   color: #FFFF66;
   border:0px;
}

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: 819px;
	height: 42px;
	clear: both;
}
	
	/* main navigation */
#navigation ul{margin: 1; padding: 0;} #navigation li {margin: 0; padding: 0;}
#navigation li {list-style: none;}
#navigation {background: url('images/menu.gif') no-repeat top left;}
#navigation a {
	background: url('images/menu.gif') no-repeat top left;
	display: block;
	height: 1.7em;
	padding: 0.3em 0 0 2em;
	text-decoration: none;
}
#navigation a:hover {
	background: url('images/menu2.gif') no-repeat top left;
	display: block;
	height: 1.7em;
	padding: 0.3em 0 0 2.5em;
	text-decoration: none;
}

#searchon {
   float:right; 
   width:40%;
   padding:4px 0px 0px 0px;
   margin:0px 0px 0px 0px;
}

#foot {
   padding:6px 0px 0px 250px;
   margin:0px 0px 0px 0px;
   	font-family:arial;
	color:#FFF;
	font-size: 11px;
}

#foot a
{
	font-family:arial;
	font-size: 11px;
   text-decoration:none;
   color:#FFF;
}

#foot a:hover
{
	font-family:arial;
	font-size: 11px;
   text-decoration:underline;
   color: #FFFF66;
}

#constrip {
	background: url('images/bawahsplas.jpg') repeat;
	float:center;
   width:577px;  
   height: 28px;
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 2px;
}

#phone {
   padding:50px 0px 0px 0px;
   margin:0px 0px 0px 0px;
      background: url(images/phone.gif) no-repeat bottom;
	  
}
#spalse {
   padding:244px 0px 0px 0px;
   margin:0px 0px 0px 1px;
      background: url(images/splas.jpg) no-repeat bottom left;
	  
}
#sidebar{padding:5px;color:#fff;}
#sidebar li, #sidebar ul li{margin:0;padding:0;list-style:none;color:#fff;}
#sidebar h2{font-size:100%;color:#fff;}
img,a img{border:none;}