/*CSS by Amy Rae of avisualmind.com and Holger Kreis of blogkomm
Use of this style sheet is governed by a Creative Commons Attribution-NonCommercial-ShareAlike 1.0 license
   http://creativecommons.org/licenses/by-nc-sa/1.0/
Use of the images employed by this style sheet are NOT governed by the same terms!
No use of the images may be made without the permission of the above parties.
*/


/*Box with the form elements*/
a.blogkommlink:link
{
	color: Blue;
}
a.blogkommlink:visited
{
	color: Purple;
}
a.blogkommlink:hover 
{ color: Blue; text-decoration: underline 
}
div.blogkbox
    {
    width: 500px;
    background:#cccccc;
    color:#333;
	border-top:thin dotted #999;
	border-bottom:thin dotted #999;
    padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin: 20px 2px 2px 2px;
}
/*Box around the comments*/
div.blogkcomments
    {
    width: 500px; 
    background:#cccccc;
    color:#333;
	border-top:thin dotted #999;
	border-bottom:thin dotted #999;
    margin: 15px 2px 15px 2px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size:15px;
    }


/*Box around the recent comments sidebar*/     
div.blogkcommentsrecent
    {
    background:#f1f1f1;
    color:#666;
	border-top:thin dotted #adadad;
	border-bottom:thin dotted #adadad;
    font-size:11px;
    margin:0.4em 25px;
    padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size:15px;
    text-align:left;
   
    }


span.blogkommlinks
   {
   /*empty for special link effect*/
   }

div.blogkLinks
   {
   /*empty for adjusting the [x comments]-link*/
   }
/*
 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:15px;
  	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;
   } 

