/*
Font size is set at 62.5% so that 
1em = 10px.
*/
body {
   margin:0;
   padding:0;
   background:#bfa399 url(../images/pattern.jpg);
   font-family:Trebuchet MS, Georgia, Arial;
   font-size:62.5%;
   color:#682304
   }
   
h1,h2,h3,h4,p,ul,li {
   margin:0;
   padding:0
   } 
   
p  {
   font-size:1.4em;
   line-height:1.4em
   }  
   
p.emphasis {  
   font-size:1.6em;
   font-weight:bold;
   line-height:1.7em
   }   
   
p a {
   text-decoration:none;
   color:#732306;
   font-weight:bold
   }   

ul {
   list-style-type:none;
   }
   
/* 
"margin: 0 auto" with a width will center the layout
in the browser window
*/ 

#wrap {
   margin:0 auto;
   margin-top:15px;
   padding:0;
   width:800px;
   background:#f2eed8;
   }
   
#masthead {
   margin:0 10px; 
   padding:0; 
   } 
   
#masthead h1 {
   padding:15px 0 0 0;  
   float:left;	
   font-size:3em;
   }	
   
#masthead h1 a {
   text-decoration:none;
   color:#f29f05
   }   	
   
#masthead span {
   color:#682304
   } 
   
#masthead h2 {
   padding:30px 0 0 3px; 
   float:left;
   font-size:1.5em;
   color:#732306;
   }
   
#nav {	
   float:right;	 
   list-style:none;
   margin:20px 0 0 0;
   font-size:1.4em;
   }

#nav li { 	  
   float:left
   }   

#nav li a{ 		
   padding:0 10px 0 20px;
   color:#732306;
   text-decoration:none
   }

#nav li a:hover, #nav li a.active {
    background: url('../images/link_on.gif') no-repeat left center
	}

#header {
   clear:both;
   margin:0 10px;
   padding:0; 
   }  
   
#footer {
   clear:both;
   margin:0 10px;
   padding:0; 
   }     

/*
Setting vert align to bottom eliminates gap after image
*/   
#header img {
   vertical-align:bottom
   }
      
#header h2 {  
   margin:0;
   padding:5px; 
   color:#732306;
   text-align:center;
   font-size:1.5em;
   line-height:1.4em; 
   letter-spacing:.1em;
   background:#f29f05
   }	      
   
#header span {
   color:#fff;
   }
   	  
#main {
   margin:0 10px;
   }
      
#content { 
   margin:0;
   padding:0 20px 20px 0;
   float:right;	 
   width:390px;
   }

#content h3 {	
   padding:20px 0 5px 0;
   font-size:1.9em;
   }

span#orange {	
   color:#f29f05
   }   
  
   
#content h4 {	
   padding:10px 0 5px 0;
   font-size:1.5em;
   }  
   
#content h4.arch_title {	
   padding:10px 0 5px 0;
   font-size:1.3em;
   }     	
   
#content p.more_spacing {  
   margin:0;
   padding:0 0 10px 0;
   line-height:2em;
   font-weight:bold;
   color:#b08f84
   } 
   
#content p.more_spacing a {
   text-decoration:none;
   border-bottom:1px dotted #b08f84;
   color:#b08f84
   }      

#content p.blog {	 
   margin:0;
   padding:0 0 10px 0;
   }
   
#content p.arch_blog {
   padding:0 0 5px 0;
   font-size:1.3em
   } 
   
#content ol { 
   font-size:1.3em;
   line-height:2em;
   color:#682304
   }  
   
#content ul {
   font-size:1.3em;
   line-height:2em;
   font-weight:bold;
   color:#682304
   }  
        
a.body_link, p.blog a, p.excerpt a {
   text-decoration:none;
   border-bottom:1px dotted #732306; 
   color:#732306;
   font-weight:400;	
   font-size:14px
   }  
   
   
img.displayed {
   display: block;	
   margin-top:20px;
   margin-left:auto;
   margin-right:auto; 
   padding:2px;
   border:1px solid #624b51
   }    
   
             
#content p.date {
   padding:0 0 10px 0;
   font-weight:bold
   }
   
#content p.arch_date {
   padding:0 0 5px 0;
   font-size:1.1em;
   font-weight:bold
   }     
   
span.read_more {
   float:right;	 
   margin:0;
   padding:0
   } 

a.cont {			
   padding:2px;
   text-decoration:none;
   color:#732306;	
   font-weight:bold;
   font-size:14px
   }  
   
a.cont:hover {
   background-color:#fff
   }       

#content p.filed { 
   margin:20px 0 0 0;
   clear:right;
   font-weight:bold;
   font-size:12px
   }   

#content p.filed a {
   text-decoration:underline;
   font-weight:bold
   } 
   
hr.mauve {	  
   margin:10px 0 0 0;
   border-top:1px solid #bfa399
   }   
   
#content p.comment_on {	
   width:383px;	   
   margin:20px 0 0 0;
   padding:5px 0 5px 5px;
   background-color:#a78172;
   color:#fff; 	
   } 
   
a#add_comment {	  
   text-decoration:none;
   color:#fff; 	
   font-weight:400
   }  
   
a#add_comment:hover {
   border-bottom:1px dotted #fff
   } 
       
   
div.odd, div.even, div.author { 	   
   margin:0 0 10px 0;
   padding:0;
   float:left;
   width:388px;
   }
      
dl { 
   float:left;
   margin:0;
   padding:0; 
   }	  
	  
dt {	   		   
   float:left;
   margin:0;	
   padding-top:35px;
   text-align:center;
   color:#f29f05;
   font-family:Trebuchet MS, Georgia, Arial; 
   font-size:12px;
   font-weight:bold;  		
   background: #e9e2bc url('../images/comment_wave.gif') no-repeat top; 
   width:31px;
   height:25px
   } 
   
dt a { 
   text-decoration:none;
   color:#f29f05;
   font-weight:bold
   }
      
   
.odd dd.name, .even dd.name, .author dd.name { 	  	
   float:left;	
   margin:0;
   padding:10px 0 10px 10px; 	
   color:#682304;  
   font-weight:bold;  
   width:169px;
   } 
   
dd a { 
   text-decoration:none;
   color:#682304;		
   } 
   
 
.odd dd.time, .even dd.time, .author dd.time {   
   float:left; 
   margin:0;
   padding:10px 10px 10px 0;
   text-align:right;
   width:168px
   } 
          
.odd dd.comment, .even dd.comment, .author dd.comment {	 
   float:left; 	
   margin:0;
   padding:0 10px 10px 10px;
   display:block; 
   font-weight:400;
   width:337px 
   }  
   
.odd dd { 
   background:#e0d2cd;
   }
   
.even dd { 
   background:#f2eed8;
   } 
   
.author dd { 
   background:#ffffff;
   }      

       
   
table {
   clear:left;
   color:#682304;  
   font-weight:bold; 
   font-size:12px
   }   
   
td.leave_comment { 
   margin:0;
   padding:10px 0; 
   width:368px;
   }   

   
textarea.txpCommentInputMessage {
   height:150px;
   width:275px;
   } 
   
   
  
comments-help.comments_help {
  color:#732306
  } 
      
   
#sidebar { 
   margin:0; 
   padding:20px 0 10px 0;
   float:left;    
   width:350px;
   background:#e9e2bc
   }		  
   
#sidebar h4 {  
   margin:0 28px 20px 0;	
   padding:20px 0 0 0;
   border-bottom:1px solid #732306;
   font-size:1.2em
   } 
   
#sidebar img {
   margin: 0 0 0 34px;
   padding:0px;
   border:1px solid #732306;    
   background:#fff  
   }      

#sidebar h4 {
   margin:0 32px 10px 32px
   }
   
#sidebar ul {
   margin:0 32px
   }   
	
.category_list li { 
   padding:10px 0
   } 

.category_list li a { 
   padding:10px 0 0 40px;
   text-decoration:none; 
   color:#732306;
   font-size:1.2em;
   background: url('../images/folder.gif') no-repeat left center
   }  
   
.category_list li a.category_active {
  color:#f29f05;
  font-weight:bold
  }  
  
#footer { 
   padding:6px 0;
   font-size:.8em;
   letter-spacing:.1em;
   text-align:center;
   background:#ede8c9;
   }   		
   
#footer a {
   text-decoration:none;	
   color:#732306;  
   font-weight:bold;
   }   

/* Hide from IE5/Mac \*/
* html #footer { height:1%;}
/* End hide from IE5/Mac */
