bg
    
    
    
    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:link {
	color: #8FABBE;
	text-decoration: none;
}

a:visited {
	color: #8FBBCC;
	}

a:active {
	color: #8FCBDD;
	}

a:hover {
	color: #006699;
	}

    
    
                #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:#CCC;
        font-size:x-small;
        font-weight:bold;
        background:#4C6D4E;
        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:#CCC;
        font-weight:normal;
        font-size:17px; 
        text-align:center;
        border-bottom:none;
        border-top:none;
        background:#4C6D4E;
        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:##4C6D4E; 
        text-transform:none;    
        letter-spacing: .5em;       
        }

 

#h5content {
                      
                                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:none;
        border:1px solid #999:
        margint:1px;
        padding:20px;
        }

            
    .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: none;
}
    
    .title  { 
        font-family: verdana, arial,sans-serif; 
        font-size: small; 
        color: #003366; 
        text-transform: uppercase;
        text-align:center;
                                font-weight:bold;   
        }           


#indcontent {
                      
                                font-family:Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
                                font-size: small;
                                line-height:180%;
                                float:left;
                                width:65%;
        word-wrap: break-word ;
        background:none;
        border:none:
        margint:1px;
        padding:20px;
        }

        
    #column3 {
     
    
                                font-family:verdana, arial, sans-serif;
                                font-size:x-small;
                                
                                line-height: 200%;
                                
                                float:left;
        word-wrap: break-word ;
        width:15%;
        background:none;
            
        border-right:none;
        margin-left:1px;
        padding:10px;
        }



                      #links {
        float:left;
        word-wrap: break-word ;
        width:15%; 
        min-height: 100%;
                                margin-bottom:14px;
        background: #FFFFFF;  
                      border right:2px solid #4C6D4E; 
        padding:10px;
        }   
        
    .date   { 
        font-family:georgia, verdana, arial, sans-serif; 
        font-size: small; 
                                text-align:center;
        color: #666; 
        border:1px solid #999;
        padding:3px;
        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:#FFFFFF;
        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:#FFFFFF;
        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:#FFFFFF;        
        }



    
    
    #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:#FFFFFF;        
        }

#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; 
        }

                        
                 
    
                        
/*container shows up for archive pages */
    
                             #container {
        background:#CCC;
        border:1px solid #003399;       
        }
       {padding:15px;

/* ----- 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;
}



div.pdmenu {
	padding: 0px;
       font-color:#333399;
}

.pdmenu ul {
        display: block;
	margin: 0;
	padding: 0 0 25px 0;
	list-style-type: none;
        font-color:#333399;
       font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana,                         Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
	text-align: center;
}

.pdmenu li  {
	width:120px;
	margin: 0 -1px 0 0;
	padding: 0;
	border:none;
	font-color:#333399;;
	text-decoration:none;
        text-align: center;
	background-color:#EEEEEE;
	float:left;
}

.pdmenu a {
	text-decoration: none;
	display: block;
	color: #333399;
	background-color: #EEEEEE;
	padding: 1px;
}

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

.pdmenu li ul {
	display: none;
}

.pdmenu li:hover ul {
	visibility: visible;
	display: block;
	position:absolute;
	z-index:1;
	width:122px;
	padding: 0;
	margin: 0;
	border:1px solid black;
}

.pdmenu li li {
	border: none;
	}	

.pdmenu li li a {
	padding: 2px 2px 2px 10px;
}