/*Box with the form elements*/
div.blogkbox
    {
    width: 300px;
    background-color: transparent;
    border: 0px dashed #999999;
    padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin: 20px 2px 2px 2px;
}
/*Box around the comments*/
div.blogkcomments
    {
    width: 300px; 
    border: 0px dashed #999999; 
    font-size:11px;
    margin: 15px 2px 15px 2px;
    padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size:11px;
    }

/*Box around the last comments*/    
.blogkcommentsrecent
    {
    border: 0px dashed #999999;
    font-size:11px;
    margin-left:20px;
    margin-bottom: 2px;
    padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size:11px;
    text-align:left;
    background: transparent;
    }




span.blogkommlinks
   {
   /*empty for special link effect*/
   }



/*
 now handling tableless forms
 you don't have to edit from here 
 this goes back to an article at
 http://www.alistapart.com/articles/practicalcss/ 
 describing a code concept by eric meyer.

*/
    
div.blogkrow
	{
  	clear: both;
  	padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
	padding-bottom: 5px;
    font-size:11px;
  	text-align:left;
	}

div.blogkrow span.blogkLeftClmn
    {
    padding-top: 5px;
    float: left;
    width: 30%;
    text-align: right;
    }

div.blogkrow span.blogkRightClmn
   {
   padding-top: 5px;
   float: right;
   width: 60%;
   text-align: left;
   }