body {
    

                               font-family:Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
                                
                                margin:0px 0px 10px 10px;
        background: transparent;
                                text-align:left;
                                padding-left:8px;
        padding-top:0px;
        padding-right:8px;
        font-size: small;
        }



    A           { color: #CC66FF; text-decoration: none; font-weight:bold; } 
    A:link  { color: #CC66FF; text-decoration: underline; } 
    A:visited   { color: #999966; text-decoration: none; } 
    A:active    { color: #99CC66;  } 
    A:hover     { color: #99CC66; text-decoration: underline; }
    
    
                #header {
                               background:white;
                               line-height:50%;

}

.headerbody {
}


.update {
        font-family:Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
        float:right;
        color:#99CCFF;
        font-size:xx-small;
        line-height:50%;
        font-weight:normal;
        
        letter-spacing: .2em;       
        }

#graybanner {
        font-family:verdana, arial, sans-serif;
        color:#666;
        font-size:x-small;
        font-weight:bold;
        background:#EEE;
        line-height:140%;
        padding:1px;
        margin-top:10px;
        text-align:center;
        text-transform:uppercase;
        letter-spacing: .2em;                   
         width: 100%;        
}   


#banner {
        font-family:Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
                                color:#000000;
        font-weight:normal;
        font-size:17px; 
        text-align:center;
        border-bottom:none;
        border-top:none;
        background:#EEE;
        padding:2px;
/*padding determines size of banner bar */
        text-transform:none;
              
        }
    

    #banner a,
        #banner a:link,
        #banner a:visited,
        #banner a:active,
        #banner a:hover {
        font-family:verdana, arial, sans-serif;
        font-size: small;
        color: #000000;
        text-decoration: none;
        letter-spacing: .5em; 
        word-spacing: 2em;        
          
}








   
    .description {
        font-family:Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif; 
        color:#FFFF00;
        font-size:x-small;
        font-weight:bold;
        background:#336699; 
        text-transform:none;    
        letter-spacing: .5em;       
        }

 

#content {
                      
                                font-family:Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
                                font-size: small;
                                line-height:180%;
                                float:left;
                                width:50%;
        word-wrap: break-word ;
        background:;
        border:1px solid #CCC;
        margin-right:0px;
        padding:10px;
        }

            
    .blog {
        text-align:left;
                                padding-left:5px;
        padding-top:15px;
        padding-right:15px;
                                border:1px solid #999;          
        }   
  /*added border but can't see it for .blog*/ 
    
    .blogbody {
        font-family:Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
        color:#333;
        font-size:small;
        font-weight:normal;
        background:#FFF;
        line-height:140%;
        padding-left:10px;  
        padding-right:10px;
        padding-top:10px;
                                border:none;
                                text-align:left         
        
}

    .blogbody a,
    .blogbody a:link,
    .blogbody a:visited,
    .blogbody a:active,
    .blogbody a:hover {
        font-weight: normal;
        text-decoration: underline;
}
    
    .title  { 
        font-family: verdana, arial,sans-serif; 
        font-size: small; 
        color: #003366; 
        text-transform: uppercase;
        text-align:center;
                                font-weight:bold;   
        }           
        


                      #links {
        float:left;
        width:20%;
                                margin-bottom:14px;
        background: #EEE;  
                      border:2px solid #999:
                      padding:2px;   
        }   
        
    .date   { 
        font-family:georgia, verdana, arial, sans-serif; 
        font-size: small; 
                                text-align:center;
        color: #666; 
        border:1px solid #999;
        padding:1px;
        margin-bottom:10px;
        font-weight:bold;
        }           
        
    .posted { 
        font-family:verdana, arial, sans-serif; 
        font-size: x-small; 
        color: #003366;
        margin-bottom:15px; 
        }
        
        
    .calendar {
        font-family:verdana, arial, sans-serif;
        color:#666;
        font-size:xx-small;
        font-weight:normal;
        background:#FFF;
        line-height:140%;
        padding:0px;
        text-align:center;  
        }
    
    .calendarhead { 
        font-family:verdana, arial, sans-serif;
        color:#003399;
        font-size:x-small;
        font-weight:bold;
        background:#FFF;
        line-height:140%;
        padding:2px;                
        }   
    
    .side {
        font-family:verdana, arial, sans-serif;
        color:#333;
        font-size:x-small;
        font-weight:normal;
        background:#8BC344;
        line-height:140%;
        padding:1px;                
        }   
        
               .rightsidetitle {
        font-family:verdana, arial, sans-serif;
        color:#333;
        font-size:x-small;
                                text-align:center;
        font-weight:normal;
        background:#FFF;
        line-height:140%;
        padding:1px;                
        }   
        


.sidetitle {
        font-family:verdana, arial, sans-serif;
        color:#000;
        font-size:x-small;
        font-weight:bold;
        background:#8BC344;
        line-height:140%;
        padding:1px;
        margin-top:10px;
        text-align:center;
        text-transform:uppercase;
        letter-spacing: .2em;                   
        }   


                       .syndicate {
        font-family:verdana, arial, sans-serif;
        font-size:xx-small;
        font-weight:bold;       
        line-height:140%;
        padding:1px;
        margin-top:10px;
        text-align:center;
        background:#8BC344;        
        }



    
    
    #syndicate {
        font-family:verdana, arial, sans-serif;
        font-size:xx-small;
        font-weight:bold;       
        line-height:140%;
        padding:1px;
        margin-top:10px;
        text-align:center;
        background:#8BC344;        
        }

#syndicate a:link   { color: #FF0066; text-decoration: none; text-align: center; font-size: xx-small;} 
    #syndicate a:active { color: #FF0066; text-decoration: none; text-align: center;} 
    #syndicate a:visited    { color: #FF0033;  } 
    #syndicate a:hover      { color: #FF0000; text-decoration: underline; }


    
        
    .powered {
        font-family:verdana, arial, sans-serif;
        color:#003399;
        font-size:xx-small;
        font-weight:bold;
        border-top:1px solid #CCC;
        border-bottom:1px solid #CCC;       
        line-height:140%;
        text-transform:uppercase; 
        padding:1px;
        margin-top:10px;
        text-align:center;
        letter-spacing: .2em                    
        }   
        
    
    .comments-body {
        font-family:verdana, arial, sans-serif;
        color:#666;
        font-size:small;
        font-weight:normal;
        background:#FFF;
        line-height:140%;
        padding:10px;           
        }       

    .comments-post {
        font-family:verdana, arial, sans-serif;
        color:#666;
        font-size:x-small;
        font-weight:normal;
        background:#FFF;            
        }   

    .trackback-body {
        font-family:verdana, arial, sans-serif;
        color:#666;
        font-size:small;
        font-weight:normal;
        background:#FFF;
        line-height:140%;
        padding:10px;           
        }       

    .trackback-url {
        font-family:verdana, arial, sans-serif;
        color:#666;
        font-size:small;
        font-weight:normal;
        background:#FFF;
        line-height:140%;
        padding:10px;
        border:1px dashed #CCC;         
        }

    .trackback-post {
        font-family:verdana, arial, sans-serif;
        color:#666;
        font-size:x-small;
        font-weight:normal;
        background:#FFF;            
        }

        
    .comments-head  { 
        font-family: georgia, verdana, arial, sans-serif; 
        font-size: small; 
        color: #666; 
        border:1px solid #999;
        padding:5px;
        font-weight:normal;
         margin-top:10px;       
        }       

    #banner-commentspop {
        font-family:georgia, verdana, arial, sans-serif;
        color:#FFF;
        font-size:large;
        font-weight:bold;
        border-bottom:1px dotted #FFF;
        border-top:3px solid #99CCFF;
        background:#336699;
        padding:15px; 
        }

                        
                 
                
                            #content2 {

        /*Newsfeed*/
                                font-family:verdana, arial, sans-serif;
                                font-size:x-small;
                                text-align:left;
                                line-height: 200%;
                                float:left;
        width:20% ! important;
        background:#99CC99 ! important;
                         /*green*/
                    
        border-right:1px solid #999;
        margin-left:1px;
        padding:4px;
        }

                           .title   { 
        font-family: verdana, arial,sans-serif; 
        font-size: small; 
        color: #003366; 
        text-transform: uppercase;
        text-align:center;
                                font-weight:bold;   
        }


/*rssfeeds has been temporarily removed from action */

    #content1 {
     
       /*reblog*/   
                                font-family:verdana, arial, sans-serif;
                                font-size:x-small;
                                
                                line-height: 200%;
                                
                                float:left;
        word-wrap: break-word ;
        width:20%;
        background;
                    /*red*/
        border-right:1px solid #999;
        margin-left:1px;
        padding:10px;
        }

                        .side {
        font-family:verdana, arial, sans-serif;
        color:#333;
        font-size:xx-small;
        font-weight: normal;
        background:#FFF;
        line-height:140%;
        padding:2px;                
        }   
    

                        .title  { 
        font-family: verdana, arial,sans-serif; 
        font-size: small; 
        color: #003366; 
        text-transform: uppercase;
        text-align:center;
                                font-weight:bold;
                                line-height:140%;   
        }




                   #rssfeeds { 
             
                                word-wrap: break-word ;
                                position:relative;
                                float:right;
                                width:12%;
                                font-family:verdana, arial, sans-serif;
                                margin:0px 0px 10px 0px;
        background:blue;        
        }                             

                    
        .title  { 
        font-family: verdana, arial,sans-serif; 
        font-size: small; 
        color: #003366; 
        text-transform: uppercase;
        text-align:center;
                                font-weight:bold;   
        }


                               
                    A   { color: #999966; text-decoration: none;                     font-weight:normal; } 
                     A:link     
                                { color: #999966; text-decoration:    none; } 
                      A:visited { color: #999966; text-decoration: none; } 
                     A:active   { color: #99CC66;  } 
                     A:hover        { color: #99CC66;  }
    
                     h1, h2, h3, h4 {
        margin: 0px;
                                line-height: 140%;
        padding: 0px;
                                     }
                               
          
                        
/*container shows up for archive pages */
    
                             #container {
        background:#99CCFF;
        border:1px solid #003399;       
        }


/* ----- Pure CSS tabs start here (from MediaTinker ----- */

#nav ul {
  display: block;
  list-style: none outside;
  padding: 0;
  margin:0 0 0 0px;
  font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  border: none;
}


#nav li {
  padding-bottom: 3px;
  margin: 0px;
  color: #333399;
  font-weight: bold;
  /* the next 4 lines are magic */
  display: block;
  float: left;
  position: relative;

}
        
#nav a {
  background-color: ##8BC344;
  color: #000000;
  text-decoration: none;
  width:auto;
  background: ##FFFF00;
  margin:0;
  padding: 2px 10px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #aaa;
}

#nav a:hover {
  background-color: #dddddd;
  color: #66CCFF;
  text-decoration: none;
}

#navclear {
  display: none;
}
html>body #navclear {
  display: block;
  clear: both;
}

.ht-tips {
 float: right;
 width: 40%;
 background-color: #99CCFF;
 padding: 2px 10px 2px 10px;
 }

/* ----- now highlight active tab based on body @class attribute ----- */
{
body.home #nav li#nav-home a,
body.weblog #nav li#nav-weblog a,
body.work #nav li#nav-work a,
body.hello #nav li#nav-hello a
{
  background: #66CCFF;
  color: #666666;
}