body {
     margin:0;
  padding:20px 20px;
background:#fff;

  font: Georgia,Serif;

  color:#333333;
  width:850px;
        
   }
a:link {
  color:#000000;
  text-decoration:none; font-weight:bold;
  }
a:visited {
  color:#000000;
  text-decoration:none; font-weight:bold;
  }
a:hover {
  color:#000000;
  text-decoration:underline; font-weight:bold;
  }


h1, h2, h3 {
   margin: 0px;
   padding: 0px;
   font-weight: normal;
   }

h5 {margin-top: 0;
   color: #333;
   font-size: 15px;
   font-weight: normal;
   line-height: 150%;
   text-align: left; margin-bottom: 15px;
   
   }

h6 {
   font: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
font-size:x-small; text-align:left;
  color:#333; margin-bottom: 0px;
   }


#container{
 width:700px;

margin-left:80px;
 margin-right:auto;
}


#banner {
padding:30px 20px .25em;
margin:30px 0px 30px 0px;
  border:none;


   }

#container > #banner {
   padding:30px 10px .25em;

}



a#banner-img {
   display: none;
   }




#center{
 width:475px;
 float: left;
 display:inline;  
 position:relative; 
 }
 
#right{background-color: #FFFFFF;  
 float: right; 
 
 position: relative; 
 width: 210px;
 }         
 

 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#right{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}  

.banner h2 {
   
  font: Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.2em;
font-size:small;
font-weight: bold;
 text-align:center;
  color:#333; margin-bottom: 0px;

   
   }

.banner img {border: 0;}

.sidebar1 {

padding: 0px 20px 0px 0px;
border-style: dotted;
border-width: 0px 2px 0px 0px;
}

.sidebar1 ul  {
   padding-left: 0px;
   margin: 0px;
   margin-bottom: 30px;
text-align:left
   }

   .sidebar1 li {
     margin-bottom: 10px; list-style-type: none;
   }

.headline {text-transform:uppercase;
  letter-spacing:.2em;
font-size:x-small; text-align:left;
  color:#333; margin-bottom: 1px; margin-top: 1px}



.content {
   padding: 0px 15px 5px 15px;
   background-color: #FFFFFF;

   color: #333;
font-size: 15px;
   }

.floatleft
{
float: left; 
padding: 5px 15px 0 0; display: inline;
}

.content  a img {border: solid black 1px;}






.content ul {
   padding-left: 0px;
   margin: 0px;
   margin-bottom: 10px;
text-align:left
   }

.content li {
      text-align:left; margin-bottom: 10px;
  line-height:150%;
   }







.content p {margin-top: 5px;
   color: #333;
   font-size: 15px;
   font-weight: normal;
   line-height: 150%;
   text-align: left; margin-bottom: 15px;
   
   }


.content blockquote {
   line-height: normal; text-align: left;
   }



.content h2 {
   
  font: 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
font-size:x-small; text-align:left;
  color:#333; margin-bottom: 8px;

   
   }

.content h3 {
   color: #333;
text-transform:uppercase;
line-height: 125%;
   
   font-size: large;
font-weight:bold;
   
   text-align: left;

margin-bottom: 5px;
   
   
   

   
   }

.content h4 {
   color: #666;
text-transform:uppercase;
line-height: 100%;
   
   font-size: x-small;
font-weight:bold;
   
   text-align: right;
   
   
   

   
   }



.content p.posted {
   color: #333;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
;
  text-transform:uppercase;
   
   font-size: x-small;
   

   text-align: left;
   
   
   
   margin-bottom: 25px;

   
   
   }

.content p.postee{
   color: #333;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
;
  text-transform:uppercase;
   
   font-size: x-small;
   

   text-align: left;
   
   
   
   margin-bottom: 0px;

   
   
   }



.sidebar {
   padding: 0px 10px;
   }



.sidebar h5 {
   font: 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
color:#333;
  letter-spacing:.2em;
font-size: xx-small; text-align:left;}


.sidebar h2 {
   font: 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
font-size:x-small; text-align:left;
  color:#333; margin-bottom: 8px;
   }

.sidebar h3 {color: #333;
   font-size: small;
   font-weight: normal;
   line-height: 175%;
   text-align: left; margin-bottom: 20px;}

.sidebar h4 {text-transform:uppercase;
  letter-spacing:.2em;
font-size:x-small; text-align:left;
  color:#333; margin-bottom: 1px; margin-top: 1px}



.sidebar a img {border: 1px solid black;}

.sidebar ul {
   padding-left: 0px;
   margin: 0px;
   margin-bottom: 30px;
text-align:left
   }

.blogrollmain {
     text-transform:uppercase;
  letter-spacing:.2em;
font-size:x-small; text-align:left;
  color:#333; margin-bottom: 20px; line-height: 250%;
 list-style-type: none; 
   }

.sidebar li {
     text-transform:uppercase;
  letter-spacing:.2em;
font-size:x-small; text-align:left;
  color:#333; margin-bottom: 10px; list-style-type: none;
   }

.sidebar img {
   border: 3px solid #FFFFFF;
   }

.photo {
   text-align: left;
   margin-bottom: 20px;
   }

.link-note {
   
   font-size: x-small;
   line-height: 150%;
   text-align: left;
   padding: 2px;
   margin-bottom: 15px;
   }

#powered {
   font-family: Verdana, Arial, sans-serif;
   font-size: x-small;
   line-height: 150%;
   text-align: left;
   color: #666666;
   margin-top: 50px;
   }

#comment-data {
   float: left;
   width: 180px;
   padding-right: 15px;
   margin-right: 15px;
   text-align: left;
   border-right: 1px dotted #BBB;
   }



textarea[id="comment-text"] {
   width: 80%;
   }

