body {
    background: #fff;
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
    margin: 0px 0px 20px 0px;
}

a, a:link, a:visited	{ 
    border-bottom: #88a dotted 1px;
    color: #88a;
    text-decoration: none; 
}

a:active, a:hover {
    border-bottom: #445 solid 1px;
    color: #445;  
}

h1, h2, h3 {
    margin: 0px;
    padding: 0px;
}

#banner, #banner-commentspop {
    background-image: url(clip8_27b.jpg);
    border-bottom: 3px solid #888;
    color: #000;
    font-size: x-large;
    font-weight: normal;	
    padding: 10px 0 10px 15px;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
    border: none;
    color: #000;
    font-size: 40px;
    text-decoration: none;
}

.description {
    color: #333;
    font-size: small;
    text-transform: none;	
}

#content {
    position: absolute;
    left: 275px;
    right: 65px;
}

#container {
    border: 1px solid #fff;		
    margin: 0 50px 0 50px;
}

#links {	
    margin-left: 50px;
    padding: 15px;				
    width: 200px;			
}

.blog {
    padding:15px;
}

.blogbody {
    color: #333;
    line-height: 140%;
    text-align: justify;
}

.title	{
    font-size: large;
}			

#menu {
    text-align: center;
}		

.date	{ 
    background-image: url(clip8_27b.jpg);
    border-bottom: 2px solid #888;
    color: #333; 
    font-size: medium; 
    font-weight:bold;
    margin-bottom: 10px;
    padding: 2px;
    text-align: center;
}			

.posted	{ 
    color: #000; 
    display: block;
    font-size: small; 
    margin-bottom: 25px;
    padding-top: 2px;
    text-align: center;
}

.calendar a {
    border: #888 solid 1px;
    font-weight: bold;
    padding: 0 2px 0 2px;
}

.calendar table {
    width: 100%;
}

.calendar td, .calendar th {
    color:#666;
    font-size: small;
    font-weight: normal;
    line-height: 140%;
    padding: 2px;
    text-align: center;
}

.calendarhead {	
    background-image: url(clip8_27b.jpg);
    border-bottom: 2px solid #888;
    color: #000;
    font-size: normal;
    font-weight: bold;
    padding: 2px;
    text-align: center;			
}	

.side {
    color: #333;
    font-size: small;
    font-weight: normal;
    line-height: 140%;
    padding: 2px;				
}

.side form {
    margin: 0;
}

.sidetitle {
    background-image: url(clip8_27b.jpg);
    border-bottom: 2px solid #888;
    color: #000;
    font-weight: bold;
    margin-top: 30px;
    padding: 2px;
    text-align: center;
}		

.syndicate {
    background-image: url(clip8_27b.jpg);
    border-bottom: 2px solid #888;
    font-weight: bold;
    padding: 2px;
    margin-top: 15px;
    text-align: center;
}

.syndicate a, .syndicate a:hover {
    border: none;
}

.powered {
    color: #666;
    font-size: small;
    line-height: 140%;
    padding: 2px;
    text-align: center;
}	

.comments-body {
    border-bottom: #aaa dotted 1px;
    color: #666;
    line-height: 140%;
    margin: 10px 30px;
    padding-bottom: 10px;
    text-align: justify;
}		

.comments-post {
    color: #666;
    display: block;
    font-size: small;
    text-align: center;
}	

.trackback-url {
    color:#666;
    font-size:small;
    font-weight:normal;
    line-height:140%;
    padding:5px;		
    border:1px dotted #999; 					
}


.trackback-body {
    color:#666;
    font-size:small;
    font-weight:normal;
    line-height:140%;
    padding-bottom:10px;
    padding-top:10px;		
    border-bottom:1px dotted #999; 					
}		

.trackback-post {
    color:#666;
    font-size:x-small;
    font-weight:normal;
}	


.comments-head	{ 
    background-image: url(clip8_27b.jpg);
    border-bottom: 2px solid #888;
    color: #333; 
    font-size: medium; 
    font-weight:bold;
    margin-bottom: 10px;
    padding: 2px;
    text-align: center;
}		

#author, #email, #search, #text, #url {
    border: #aaa solid 1px;
}

#text {
    width: 350px;
}

/*added for comments*/

/*Input fields*/

input,textarea  {
    border:1px solid;
    padding:2px;
    background:#f9f9f9;
    border-color:#ccc;
    color:#333;
    }
input[type="submit"]:hover {
    background:#fcfcfc;
    }
input:hover,textarea:hover {
    border:1px solid;
    background:#fff;
    border-color:#aaa;

    }
input:focus,textarea:focus {
    border:1px solid;
    background:#fff;
    border-color:#888;
    }



/*Box with the form elements*/
div.blogkbox
    {
    width: 300px;
    background:#f1f1f1;
    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: 300px; 
    /*background:#f1f1f1;*/
    margin: 15px 2px 15px 2px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    }

/*even rows*/

.commentsEven
   {
    background:#fff;
    border-top:thin dotted #999;
     border-bottom:thin dotted #999;
   }

/*odd rows*/
.commentsOdd
   {
    background:#f1f1f1;
    border-top:thin dotted #999;
     border-bottom:thin dotted #999;
   }

/*moderators blog author rows*/
.commentsMod
   {
    background:#e9e9e9;
    border-top:thin dotted #333;
     border-bottom:thin dotted #333;
   }

    
div.blogkcomments:hover
    {
    background:#fff;
    color:#333;
     border-top:thin dotted #333;
     border-bottom:thin dotted #333;
    }
/*Box around the comments End*/



/*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:11px;
    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: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;
   } 
   
.captcha
   {
   margin: 2px;
   vertical-align: bottom;
   border: 1px solid #ccc;
   } 
   
.bkVisitor{
   font-weight: bold;
   text-decoration: none;
   }
img.gravatar {
     float: left;
     margin-top: 4px;
     margin-right: 8px;
     padding: 2px;
     border: 1px solid #ccc;
}