﻿html, body {
  height: 100%;	
  padding: 0;
  margin: 0
}

#bodyWrapper
{
  height: 100%;
}

  #header
   { 
    height: 95px;
  }
  
    #header .leftSection
       {
      float: left;
      width: 50%;
      height: 100%;
    }
    
    #header .leftSection .liner
       {
      height: 100%;
      width: 500px;
      float: right;
    }
    
    #header .rightSection
       {
      float: left;
      width: 50%;
      height: 100%;
    }
    
    #header .rightSection .liner
      {
      height: 100%;
      width: 500px;
      float: left;
    }
    
    #headerImage
       {
       background:url('../images/header.png') no-repeat center left;
       width: 88px;
       height: 59px;
       margin-left: 3px;
       margin-top: 15px;
    }
    
  #content
   {
    width: 1000px;
    margin: 20px auto;
  }
  
    #leftColumn
       {
      float: left;
      width: 490px;
      margin-top: 20px;
    }
    
      #leftColumn .leftSection
          {
        float: left;
        width: 235px;
        padding-right: 10px;
      }
      
        .columnContentWrapper
              {
          margin-bottom: 15px;
        }

        .columnContentWrapper img
              {
          margin-bottom: 5px;
        }

          .columnContentWrapper p,
          .columnContentWrapper div
                 {
            margin-left: 15px;
          }
      
      #leftColumn .rightSection
          {
        float: left;
        width: 235px;
        padding-right: 10px;
      }
    
    #rightColumn
       {
      float: right;
      width: 500px;
      xbackground-color: purple;
    }
    
      /* entry formatting */
  		.entryContent
          {
  			margin-bottom: 30px;
      }
  		
  			.entryContent h1
              {
  				font-size: 200%;
  				margin-bottom: 10px;
  			}
  			
  			.entryContent .entryInfo
              {
  				border-left: 1px solid #000;
          margin-top: 10px;
          padding-bottom: 5px;
          float: right;
  			}
  				
  				.entryContent .entryInfo .byline,
  				.entryContent .entryInfo .date,
  				.entryContent .entryInfo .extraInfo
  				   {
  					margin-left: 10px;
  				}
  			
  			.entryContent .entryBody
  			   {
  				text-align: justify;
  			}
  			
  			.entryContent .commentBlock
  			   {
  				margin-top: 96px;
          padding: 10px;
          background-color: #f4f4f4;
  			}
  			
  				.entryContent .commentBlock .comments
  				   {
  					font-size: 200%;
  					margin-bottom: 10px;
  					xborder-bottom: 1px solid #000;
  				}
  				
          .entryContent .commentBlock .message
                  {
            margin-bottom: 40px;
          }
          
  				.entryContent .commentBlock .message p
  				   {
  					margin-bottom:25px;
  				}
  				
  				.entryContent .commentBlock .message small{
  					float: right;
            margin-top: 5px;
  				}
          
          .commentSpacer
                  {
            border-top: 1px solid #eeeeee;
            margin-bottom: 20px;
          }

      		/* entry images */
      		.pivot-image
      		       {
      			padding: 8px;
            margin-bottom: 8px;
      			background-color: #fff;
      		}  
    
    
/* generics */  
.spacer
{
  clear: both;
}     

.neon,
.neon a
{
  color: #ef00ec;
}