/*   
Theme Name:charmix
Theme URI: http://www.Build-Reciprocal-links.com
Description: 
Author: BRL
Author URI:  http://www.Build-Reciprocal-links.com/
Version: 1.0
*/

html  {
border: 0px;
padding: 0px;

}
body  {
	font-family:  Time, georgia, verdana,tahoma, helvetica;
	font-size: 12px;
	text-align:center;
	margin: 0px;
	padding:0px;
	background:#333333 url(images/bgbody.gif) repeat fixed;
	}
a  {
	text-decoration:none;
	color:#5409b6;
	}
a img  
{
 border:none;

}
* html .hnav a  
{
 width:1%;

}

{
    float:right;
    height:100%;
    width:218px;
    padding:0 ;
    border:none;
    line-height:0;
    padding-top:0px;

}
/   .hnav  
{
 background-color:transparent;

}

{
      background:transparent;

}
/  .hide   
{
    display: none;

}
ul, ol, dl, p,  h2, h3, h4, h5, h6   
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0;
    padding-bottom: 5px;

}
ul 
{
 list-style:none;

}
p.categoryHeading 
{
  text-align:left;
  font-size:14px;
  font-weight:bold;
  margin:0 auto;
  padding: 0 0 0 5px;
  background-image:url(images/bgside.gif);

}
p.categoryHeading a 
{
  text-align:left;
  font-size:14px;
  font-weight:bold;
  color:#000000;
  margin:0 auto;
  padding: 0 0 0 0;
  background-image:url(images/bgside.gif);

}
p.headingFont   
{
     border-bottom:0px dotted #000;
   margin-bottom:10px;
     padding: 5px 0 0 30px ;
    background:url(images/headfont.gif) no-repeat top left;

}
p.headingFont a 
{
   font-size: 18px;
   font-weight:bold;
   color:#000000;

}
h1 a 
{
   text-decoration:none;
   font-size: 16px;
   padding:0;
   margin-bottom:10px;

}
hr  
{
 display:none;

}
p.blogname   
{
   font-size:34px;
   font-weight:bold;
   color:#cccccc;

}
form  
{
   margin:0px;
   padding:0px;

}
input  
{
  margin: 2px 0px 2px 20px;
  border-color: #666;
  border-style:solid;
  border-width:1px;

  color:#000000;
  font-family: Time, Georgia, Verdana;
  font-size: 11px;
  width:120px;
}

ol.commentlist li 
{
 list-style: inside decimal;
  padding:5px;

}
h3#respond  
{
 font-size:14px;

}
h3#comments  
{
 font-size:14px;

}
.inside img  
{
   padding: 3px;
   margin-left: 0px;
   margin-right: 10px;
   background-color: #ffffff;
   border: 1px solid #bac1a3;

}
.hnav  
{
    height:2em;
    line-height:2em;
    padding:0 0 0 3px;
    background-image:url(images/navigasi.gif);

}
.hnav ul span.divider   
{
    display: none;

}
.hnav ul  
{
    margin:0;
    padding:0;

}
.hnav li  
{
    float:left;
    margin:0;
    padding:0;
    list-style-type:none;
    border-right:1px solid #FFFFFF;
    white-space:nowrap;

}
.hnav li a  
{
    display:block;
    padding:0 18px;
    font-size:0.8em;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;

}
.hnav #s  
{
    height:2em;
    width:160px;
    margin:0;
    padding:0;
    border:1px solid;
    font-size:0.8em;
    vertical-align:middle;

}
.hnav #searchbutton  
{
    height:2em;
    width:auto;
    padding:0 1px;
    border:1px solid;
    font-size:10px;
    letter-spacing:1px;
    text-align:center;
    vertical-align:middle;

}
.hnav a  
{
 color:white;

}
.hnav .selected a, .hnav a:hover    
{
  background-color:#5409b6;
    color: #94c6d1;

}
.hnav #s  
{
 border-color:#FFF9EA;

}
.hnav #searchbutton  
{
    color:white;
    background-color:transparent;

}
.vnav {
  margin: 0 0 0 3px;
  background-image:url(images/bgside.gif);
  background-repeat: repeat;
  padding:0 0 20px 0;
}
.vnav ul  
{
  text-align: left;
  padding:10px 0 0 0;
  background-color: #EAEAEA;
  margin:0;
  list-style:none;

}
.vnav ul  li h2
{
text-align: left;
padding:5px 0 5px 5px;
color:#cccccc;
margin:0;
list-style:none;
background-image:url(images/bgside.gif);
font-size:20px;
}
.vnav li
{

     margin: 0 0 5px 0;
	 }
.vnav li a 
{
   display: block;
   width: 88.89%;
   height:20px;
   padding: 3px 0px 0px 12px;

   BORDER-bottom: #f5f5f5 1px solid;
   color: #333333;
   text-decoration: none;
   background:#EAEAEA;

}
.vnav li a:hover  
{
   BACKGROUND: url(images/link.gif) #000;
  COLOR: #c0c0c0;


}
.no-bullet  
{
  text-align: left;
  padding:0px;
  margin: 0 0 0 0;
  list-style:none;

}
.no-bullet li a 
{
  display: block;
   width: 88.24%;
   height:20px;
   padding: 3px 0px 0px 5px;
   margin: 0 0 0px 0;
   BORDER-bottom: #f5f5f5 1px solid;
   color: #336600;
   text-decoration: none;
   background: transparent;

}
.no-bullet li a:hover 
{
    color: #666666;
   background: #FFFCF4;
    border-color: #fff #fff #fff #fff;

}
.alignleft  
{
    float: left;

}
.alignright  
{
    float: right;

}
.commentlist  
{
 padding:10px 0 15px 0;
  margin:0;

}
.post {
padding:0 0 30px 0;
}
.post-teaser  
{
float: left;
width: 100%;
height: 3px;
background-image:url(images/link.gif);
margin-top: 5px;
margin-bottom: 20px;
background-repeat: repeat-x;

}
.otherRecentArticle ul li 
{
  font-size: 1em;
  list-style-image:url(images/recentul.gif);

}
.otherRecentArticle p 
{
  font-size: 1em;
  font-style: italic;

}
#middleColumn>.post-teaser 
{
 height: 59%;

}
#pageWrapper 
{
  margin:0px auto;
  width:81.43%;
  background-color:#FFFFFF;

}
#masthead 
{
   width:100%;
   height:163px;
   background-image: url(images/header.jpg);
    background-repeat:no-repeat;
   background-position:center;
   color: #000;
   margin:0 auto;
   padding:0;
   overflow:hidden;
/* header tidak berjarak.. margin top 0 */;

}
#outerColumnContainer   
{
    margin: 0 ;
   padding:0;
/* compensate for the borders because of         100% width declaration */;
    width: 100%;
   height:362px;
    background-image:url(images/background.gif);
  background-repeat:no-repeat;
/* reserves space for the left and right columns. you can use either    * padding, margins, or borders, depending on your needs. however you     * can use the border method to create a background color for both left    * and right columns    */;

}
#innerColumnContainer   
{
    margin: 0 ;
   padding:0;
/* compensate for the borders because of         100% width declaration */;
    width: 100%;

}
#SOWrap  
{
  float:left;
  width:79.27%;
  overflow:hidden;

}
#leftColumn  
{
 float:left;
  width:27.69%;
  margin:0 0 0 0;
  overflow:hidden;

}
#middleColumn 
{
  float:right;
  margin:15px 0 15px 0;
  width:72.31%;
  overflow:hidden;

}
#rightColumn  
{
  float:right;
  width:20.73%;
  overflow:hidden;

}
#footer  
{
    margin: 0 auto;
   padding:15px;
   clear: both;
   width:790px;
   background-image:url(images/footer.jpg);

}
#middleColumn .inside 
{
 text-align: justify;
  padding:0 5px 0 10px;

}
#rightColumn .inside 
{
  margin: 0px 3px 0 10px;
  border:0;

}
#left-float  
{
     float: left;
    width: 45%;
    padding: 15px 0 0 0;
   overflow:hidden;

}
#right-float  
{
     float: right;
    width: 45%;
     padding: 15px 0 0 0;
  overflow:hidden;

}
#left-float2  
{
      float: left;
    width: 45%;
    padding: 15px 0 0 0;
  overflow:hidden;

}
#right-float2  
{
     float: right;
    width: 45%;
     padding: 15px 0 0 0;
  overflow:hidden;

}
#header h1 
{
   font-size: 20px;
   margin: 5px 0 20px 0;

}
#headerimg  
{
   text-align:left;
   margin: 50px 0 0 20px;
   color:#000;
   padding:0px;
   color:#e4d0ff;
   font-weight:bold;

}
#headerimg a 
{
   text-decoration:none;
   color:#dedede;

}
#categoryPage  
{
  margin: 30px 0 0 0;

}
#commentform textarea  
{
  margin: 2px 0px 2px 0px;
  border-color: #000000;
  border-style:solid;
  border-width:1px;
  background-color:transparent;
  color:#000000;
  font-family: Time, Georgia, Verdana;
  font-size: 11px;
  width:400px;
  height:150px;

}
#commentform input.button:hover  
{
  background-color:#006699;
  color:#FFFFFF;

}
#spacer  
{
    float: left;
    width: 95%;
    height: 3px;

}
#spacer10px  
{
    float: left;
    width: 95%;
    height: 10px;

}
#spacer20px  
{
    float: left;
    width: 95%;
    height: 20px;

}