/***********************************************************************************
* STSS Reunion blog style
* author: Zen
* Modified from a blog template. Reformatted for easy edit and added some extra
* stuff as well. 
***********************************************************************************/





/**************
* page layout *
**************/
  
    
   body {
      margin: 0px;;
      padding: 0px;;
      background: #333;

      /*
      background-image: url("http://www.geocities.com/orb_57/img/bgstripe_white.bmp");
      background-repeat: repeat;
      */
   }

   #fullClm {
      float: left;
      padding-left: 20px;
      padding-right: 20px;
   }
   
   #mainClm {
      width: 520px;;
      float: left;
      margin: 0px;
      padding-left: 20px;
      padding-right: 10px;
   }   
   
   #sideClm {
      width: 180px;
      float: left;
      padding: 0px;
      margin: 0px;
   }
   
   #contentFrame {
      width: 750px;
      text-align:left;
      margin-bottom: 50px;
      margin-top: 30px;
      background: #ececec;
   }
   
   #contentBar {
      float: left;
      margin-top: 20px;
      margin-top: 20px;
      font: 9pt Trebuchet MS, Tahoma, sans-serif, monospace;
      color: #404040;
   }
  
   #header-logo {
      background-image: url("http://www.geocities.com/orb_57/img/2006whiteenginebg.jpg");
      background-position: bottom left;
      height: 250px;
   }

   #navbar {
      font: 10pt Trebuchet MS, sans-serif;; 
      margin: 0px;
      margin-bottom: 10px;
      padding-top: 8px;
      background: #e0e0e0;;
      line-height: 30px;;

      border-bottom: 2px solid #ddd;

   }

   #footer {
      width: 732px;
      padding: 3px 0px 3px 18px;
      border-top: 2px solid #ccc;
      float: left;
      background: #e0e0e0;
   }


/********
* links *
*********/

        
   #navbar a {
      color: #666;
      text-decoration: none;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 5px;
      padding-bottom: 8px;
   }
   
   
   #navbar a:hover {
      color: #000;
      background: #f7f7f7;
   }
   
   #navbar a.selected {
      color: #000;
      text-decoration: none;
      background: #ececec;
      font-weight: bold;
   }
   
   #navbar a.selected:hover {
   }
   
   
/*************************
* contentBar / sideClm   *
*************************/

   #sideClm h1,h2 {
      margin: 0px;
      margin-bottom: 3px;

      font-size: 16pt;
      font-family: Trebuchet MS, sans-serif;
      font-weight: normal;
      border-bottom: 1px dashed #aaa;

   }

   #sideClm a {
      color: #105ad6;
      text-decoration: none;
   }

   #sideClm a:hover {
      color: #105ad6;
      background: #fff;
   }

   .sideClmBox {
      background: #f9f9f9;
      padding: 10px;
      
      margin: 0px;
      margin-bottom: 5px;

      font-size: 9pt;

   }

/***************
* mainClm      *
****************/
 
     
   /* blogPost header 
    */ 
   #mainClm h2 {
      margin: 0px;
      margin-bottom: 3px;
      padding-top: 4px;
      padding-bottom: 3px;
      padding-left: 20px;
      background: #fff;
      
      font-size: 16pt;
      font-family: Tresbuchet MS, sans-serif;
      font-weight: normal;

      text-decoration: italics;
      border-top: 1px solid #ececec;
      border-bottom: 1px solid #ececec;
   }

   /* blogPost sub header
    */
   #mainClm h3 {
      padding: 0px;
      padding-bottom: 2px;
      border-bottom: 1px solid #e9e9e9;
      margin-bottom: 0px;
   }

   /* blogPost subHeader
    */
   #mainClm h4 {
      font-size: 12pt;
      margin-bottom: 5px;
   }

   #mainClm ul {
      margin-top: 0px;
      margin-bottom: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
   }

   #mainClm pre.code {
      color: #777;
      background: #eee;
      border: 1px solid #ccc;
      padding: 5px;
      font-family: courier new, monospace;
      font-size: 8pt;

      width: 100%;
      overflow: auto;
   }

   #mainClm b.code {
      color: #777;
      background: #eee;
      border: 1px solid #ccc;
      padding-left: 2px;
      padding-right: 2px;
      font-family: courier new, monospace;
      font-size: 9pt;
      font-weight: normal;
   }

   .notesHeader {
      margin-bottom: 0px;
      margin-top: 0px;
      padding: 5px;
      background: #eee;
      font-size: 9pt;
      width: 100%;
   }

   .notesHeader-key {
      padding-right: 5px;
   }

   .notesHeader-value {

   }

    
/**************
 * blog post  *
 **************/
   
   .blogPost {
      margin: 0px 0px 0px 0px;
      margin-bottom: 20px;
      text-align: justify;
      background: #f9f9f9;
   }

   .blogPostHeader {
      background-image: url("http://www.geocities.com/orb_57/img/blogPost-template.jpg");
      height: 10px;
   }

   .blogPostFooter {
      height: 10px;
      background-image: url("http://www.geocities.com/orb_57/img/blogPost-template.jpg");
      background-position: bottom right;
   }

   .blogPostContent {
      padding-left: 20px;
      padding-right: 20px;
   }

   .blogPost a {
      color: #2266ff;
      text-decoration: none;
   }

   .blogPost a:hover {
      color: #1134ee;
   }
   
   .blogPost li {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
   }
   
   strike {
      color: #999999;
   }
   
   .bug {
      padding: 5px;;
      border: 0px;
   }

   .blogPost font {
      font-size: 9pt;
      color: #aaa;
   }

   img.photo {
      border: 1px solid #eee;
      padding: 2px;
      margin-top: 5px;
      margin-bottom: 5px;
   }
   
/*********************
* byline & comments  *
*********************/
         
   .byline {
      padding: 0px;;
      padding-left: 20px;
      margin: 0px;;
      color: #999;
      font-size: 8pt;
   }
         
   .byline a {
      color: #888;
      text-decoration: none;
   }
         
   .byline a:hover {
      color: #000;
      text-decoration: none;
   }
         
   .blogComments {
      padding: 0px;
      margin: 0px;
      font-size: 90%;;
      font-weight: bold;;
      font-family: Verdana, Sans-Serif;
    }
         
         .blogComment  {
            margin-bottom: 1px;
            padding-left: 7px; 
            padding-right: 7px;
            font-weight: normal;;
            line-height: 12pt;;
            background: #f9f9f9;
            color: #666;
            padding-bottom: 3px;
         }
         
         .commentBar a {
            text-decoration: none;
            padding: 5px;
            background: #f9f9f9;
            color: #999;
         }
         
         .commentBar a:hover {
            color: #000;
            border-bottom: 2px solid #ddd;
         }
         
         .blogComments .byline {
            padding: 0px;;
            
            font-weight: normal;;
            display: inline;;
            
            margin-right: 10px
            margin-top:10px;
            margin-bottom:20px;
         }
         
         .deleted-comment {
            font-style: italic;;
            color: gray;
         }
         
   /**********************
    * byline & comments  *
    **********************/  
   
         #profile-container {
            
         }
         
         .profile-datablock {
            text-align: justify;
         }
         
         .profile-img {
            
         }
         
         .profile-img img {
            margin-left: 5px;;
            float: right;
         }
         
         .profile-data strong {
            
         }
         
         #profile-container p {
            
         }
         
         #profile-container .profile-textblock {
            text-align: justify;
         }
         
         .profile-link a:link {
            color: #999999;;
            text-decoration: none;
         }
         
         .profile-link a:active {
            color: #ff0000;;
            text-decoration: none;
         }
         
         .profile-link a:visited {
            color: #999999;;
            text-decoration: none;
         }
         
         .profile-link a:hover {
            color: #DE7008;;
            text-decoration: none;
         }
      
  
/************
technorati
************/ 

   #te {
      font-size: 8pt;
   }

   #te_search {
      font-size: 8pt;
   }


/*************
objects 
*************/

   #calendar
   {
      position:absolute; 
      border: 1px solid #ccc; 
   }