html,body {
  margin: 0; 
  padding: 0;
  }

body {
  margin: 0; padding: 0;
  font: 10pt Arial MS, sans-serif;
  color: #653E21;
  background: #8EAA00;
  }
  
#wrapper {
  margin: 0 auto;
  padding: 0;
  width: 820px;
  background: #FFF url(../images/content_background.gif) left top repeat-y;
  }
a:link, a:active, a:visited, a:hover {
  color: #ED461C;
  }

/* HEADER */  
#header {
  margin: 0 auto;
  padding: 10px 0 0 0;
  width: 754px;
  height: 156px;
  background: transparent url(http://brownhats.viviti.com/files/images/logo4.jpeg) left bottom no-repeat;
  }
  
#header h1#site_heading, #header h2#site_subheading {
  margin: 0;
  padding: 0 0 0 20px;
  color: #653E21;
  font-weight: normal;
  font-family: Trebuchet MS, sans-serif;
  }  

#header h1#site_heading {
  padding: 40px 0 0 20px;
  font-size: 0pt;
  }

#header h2#site_subheading {
  font-size: 14pt;
  } 

#header a:link {
  color: #FFF;
text-decoration: none; 
}
#header a:visited {
  color: #FFF;
text-decoration: none; 
}
#header a:active {
  color: #FFF;
text-decoration: none; 
}
#header  a:hover {
  color: #FFF;

}
 
/* NAVIGATION */
#primary_navigation ul {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  list-style-type: none;
  font-weight: bold;
  font-family: Trebuchet MS, sans-serif;
  font-size: 9pt;
}    
    
#primary_navigation ul li {
  margin: 10px 0 0 0;
  padding: 0 0 0 20px;
  list-stype-type: none;
  display:block;text-decoration:none;color:#ED461C;background:#FEECD3;padding:0 0 0 20px;width:120px;

}

#primary_navigation ul li a:link, #primary_navigation ul li a:active, #primary_navigation ul li a:visited, #primary_navigation ul li a:hover {
  color: #653E21;
  text-decoration: none;
}

/* LOCATION 1 - left side */ 
#leftWrapper {
  margin: 20px 0 0 0;
  padding-left: 35px;
  padding-right: 35px;
  width: 160px;
  float: left;
}
}

#location_1 h2 span, #location_1 h3 {
  display: block;
  margin: 0 0 3px 0;
  padding: 5px 0 0 5px;
  background: #E4EFD0;
  border-top: 1px solid #D4D7D3;
  border-bottom: 1px solid #D4D7D3;
  color: #ED461C;
  font-size: 14pt;
}

#location_1 {
	min-height: 100px;
}

#location_1 div.component ul {
  margin: 0;
  padding: 0 0 10px 0;
  list-style-type: none;
 
}

#location_1 div.component ul li {
  margin: 10px 0 0 0;
  padding: 0 0 0 20px;
  list-style-type: none;
  background: transparent url(../images/bullet.gif) 5px 2px no-repeat;
}

/* LOCATION 0 - main content */
#location_0 {
  margin-left: 15px;
  padding: 0;
  width: 530px;
  float: left;
  min-height: 100px;
}

#location_0 div.component {
  padding-top: 20px;
  padding-right: 10px;
}

#location_0 div.component h2 span, #location_0 div.component h3 {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #D4D7D3;
  font-size: 13pt;
  color: #ED461C;
  font-size: 11pt;
}

/* BLOG POST */  

#location_0 .blog_post .comments { float: right; padding-left: 10px;}
.blog_post { padding-bottom: 20px; }

.blog_post .title a { text-decoration: none;}
	text-align: right;
	padding-bottom: 10px; }

.archived {
	text-align: right;
}

/* FRIEND LIST */
#location_1 div.component ul.friends li {
	background: none;
	margin: 5px;
	padding: 0;
}

/* FOOTER */
#footer {
	padding: 20px 30px 30px 30px;
	clear: left;
background: transparent url(../images/footer.gif) left bottom no-repeat;
	text-align: right;
}