* {
     
    margin: 0; padding: 0;
    outline: 0;}
    
    body{ 
    font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
    background: #fff;
    color: #000;
    
    }

#comments {clear: left;}

#bur {position: absolute; top: 0; right: 0; width: 50px; height: 50px; }
#logmein {display: none; }
#logmein fieldset {padding: 6px 0;position: relative;}
#logmein label {padding: 0 10px;display: block; float: left;font-weight: bold;}
#logmein input {float:left; border: 2px solid #000; padding: 2px;}
#logmein input.submit {margin-left: 10px;}
#logmein a {background: black; color: white; margin-top: 1px; padding: 2px; text-decoration: none}
#logmein a:hover {text-decoration: underline}   
h2 {font-size: 1.5em;}
    
    #container {
    width: 780px;
    padding-top: 0px;
    margin: 0px auto;
    }

 
    a {
     color: #000;
      text-decoration: underline;
      
    }
    
    a:hover {
         color: #2b72c9;
   
    }
    
    a img {
    border: none;
    }
    
    #line {
    border-top: 3px solid #2b72c9;
      clear: left;

    }
    
     #stats {
    
     font-size: 90%;
    
     }
     
  
   
    
     #stats table {
     float: left;
     text-transform: uppercase;
     padding: 0 20px !important;
     margin-bottom: 20px;
     border-right: 1px solid #666;
     }
    
   
    
   #stats_button {
  
   
   background: transparent url(/img/stat.gif) no-repeat;
  
width: 100px;
   cursor: pointer;
   position: relative;

   top: -3px;
   }
    
    #header_left {
    clear: right;
    float: left;
    width: 400px;
    margin-top: 20px;
   
    }
    
    #header_left h1 {
    position: relative;
    display: block;
    height: 56px;
    font-size: 90%;
    margin-bottom: 5px;
    }
    #header_left h1 em {
    position: absolute;
    left:0;
    top: 0;
    z-index: 1;
    width: 457px;
    height: 56px;
    display: block;
    background: transparent url(../img/kajoonga.jpg) no-repeat;
    }
    
  
    
    #header_left ul li {
    list-style: none;
    float: left;
   
    
    }
    
    #header_left ul li a {
    position: relative;
    cursor: pointer;
    }
     #header_left ul li.section_1 a {
     display: block;
     width: 53px;
     margin-right: 10px;
     }
     #header_left ul li.section_2 a {
     display: block;
     width: 96px;
     margin-right: 10px
     }
    #header_left ul li.section_1 a em {
     position: absolute;
    left:0;
    top: 0;
    z-index: 1;
    width: 53px;
    height: 25px;
    display: block;
    background: transparent url(/img/header_home.gif) 0 -25px no-repeat;
    }
    
    #header_left ul li.section_1 a:hover em {
    
    }
     #header_left ul li.section_2 a em {
     position: absolute;
    left:0;
    top: 0;
    z-index: 1;
    width: 96px;
    height: 25px;
    display: block;
    background: transparent url(/img/header_archives.gif) 0 -25px no-repeat;
    }
    
     #header_left ul li.section_3 a em {
    position: absolute;
    left:0;
    top: 0;
    z-index: 1;
    width: 67px;
    height: 25px;
    display: block;
    background: transparent url(/img/header_admin.gif) 0 -25px no-repeat;
    }
    
     #header_left ul li.section_1 a:hover em, #header_left ul li.section_2 a:hover em, #header_left ul li.section_3 a:hover em{
     background-position: 0 0;
    }
     #header_right {
    margin-top: 25px;
    float: right;
    text-align: right;
    }
    
    #header_right p {margin: 0; padding:0}
    
  
   
  
    #header_right form {
    margin-top: 10px;
    }
    
     #header_right p em {
     color: #2b72c9;
     }

    #blog {
     width: 600px;
     float: left;
     margin-right: 24px;
     display: inline;
   
    
     
    }
    
    .blog_box {
    margin-bottom: 35px;
    
    position: relative;
    clear: left;
   
    }
    
    .blog_box p {
    text-align: justify;
    line-height: 1.6em;
    clear: left;
    width: 600px;
    }

.blog_box p span span {
  line-height: 1.0em;
}
    
    h1.cat_header {
      margin: 0 0 20px 0;
    color: #316ac5;
    background: #fff;
    padding: 6px 2px 11px 2px;
    
    }
    
   
    
    .blog_box img {
    padding: 0 6px 10px 0;
    }
    
    .blog_box table.details {
    margin: 5PX 0 15px 0px;
    padding-bottom: 5px;
    
    
   
    }
    
    .blog_box table.details tr td {
    margin: 6px;
    padding: 0 20px;
    
   
    border-right: 2px solid #000;
    }
    
    .blog_box table.details tr td.twitter a img {margin: 0; padding: 0;}
    
    
     .blog_box table.details tr td.firstcell {padding-left: 0;}
    
      .blog_box table.details tr td.first {
       
          text-align: left;
      }

    .blog_box table.details tr td a {
     padding-left: 4px;
    }
      .blog_box table.details tr td.bubble {
 
   background:transparent url(/img/bubble1.gif) 7px 0px no-repeat;
      }

    .blog_box h2 {
    margin-bottom: 7px;
    }
    
    .blog_box h2 a {
    text-decoration: none;
    }
    
    #main {
    margin: 25px 0 0 0;
    width: 960px;
        
    padding-top: 50px;
    clear: both;
    float: left;
    
   
    }

   #sidebar {
    width: 336px;
    
    float: left;
    display: inline;
   
   
 
   }
   
   #sidebar h2 {
   margin-bottom: 7px;
   }
   
      #sidebar ul {
      width: 145px;
   
      }

    #sidebar ul li {
     list-style: none;
     border-bottom: 1px dotted #000;
    }
    
     #sidebar ul li  a {
     padding: 6px 0;
     display: block;
     text-decoration: none;
     }
    

    #mp3container {
    margin: 10px 0 5px 0px;
   position: relative;
   left: 6px;
background: #000;
   
     width: 336px;
  clear:left;
    }
    
    #flickr a img {
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    margin: 2px 2px 10px 2px;
    }
    
      #flickr a:hover img {
      border: 1px solid #2b72c9;
      }
    
    
    
    #flickr {
    margin-bottom: 5px;
    position: relative;
    left: 2px;
    float: left;
   
    }
    
    #footer {
    clear:both; border-top: 1px solid #fff; margin-top: 40px;
       
    }
    
    #footer ul { 
    margin: 0 auto;
    text-align: center;
      width: 782px;   
    }
    
    #footer ul li {
    list-style: none;
    float: left;
    margin: 10px 10px 10px 0;
    }
    
    
    /* individual article page */
    .comments {
    margin-right: 5px;
    }
    
    
    #comment_boxing {
    margin-left: 0px;
    }
    #comment_boxing textarea {
margin: 0px 0 8px 0;
 width: 550px;
 height: 150px;
    }
    
    a.comment_formatting {
    padding-bottom: 5px;
    display: block;
    }
    #comment_boxing input.submit {
    
    }
    
    #chatButton {
    margin-left: 4px;
    }
    
    #comments p.body {
      margin-bottom: 20px;
      border-bottom: 1px dotted #000;
      padding-bottom: 8px;
    }
    
     #comments h3 {
     margin-bottom: 7px;
     }

    /* archives left*/
    #archives_left h4, .archives_right h4{
      margin-top: 20px;
      color: #2b72c9;
      font-weight: bold;
    }
    #archives_left h2, .archives_right h2 {
      margin-bottom: 10px;
    }

    

    #archives_left, .archives_right {
    
     margin: 30px 15px 0 0;
     width: 240px;
    }

    #archives_left li, .archives_right li  {
      list-style: none;
      margin: 0;
      padding: 0;
    }

     #archives_left li a, .archives_right li a {
       text-decoration: none;
       margin: 0; 
       padding: 0;
     }
     #format {margin-bottom: 20px;}
     #format table tr td {margin: 0 10px 0 0; padding: 0;}
     #format table tr td a, #format table tr td p {color: #ccc;font-size: 11px; margin-right: 10px}