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

body {
  margin: 0; padding: 0;
  font: 10.5pt trebuchet MS, sans-serif;
  color: #F2E9E3;
  background: #345055;
  }
  
a:link, a:active, a:visited, a:hover {
  color: #AF2F14;
  }
  
  
p {
  padding: 0px 15px;
  }  
  
/* PRESENTATION DIVS AND WRAPPERS/CONTAINERS */
#topbar {
  width: 100%;
  height: 33px;
  margin: 0; 
  padding: 0;
  background: #345055 url(../images/content_background_top.gif) no-repeat 50% 0; 
  }
#bottombar {
  clear: both;
  width: 100%;
  height: 16px;
  margin: 0; 
  padding: 0;
  background: #345055 url(../images/content_background_bottom.gif) no-repeat 50% 0; 
  }
    
#wrapper {
  width: 100%;
  background: #345055 url(../images/main_background.gif) repeat-y 50% 0; 
  background-attachment: fixed;
  }
  
#container_0 {
  width: 834px;
  margin: 0 auto;
  position: relative;
  left: 24px;
  background: transparent url(../images/bg.gif) repeat-y;
  }
  
#container_1 {
  width: 436px;
  float: left;
  }
  

#container_2 {
  width: 398px;
  float: right;  
  background: transparent url(../images/main_image.gif) no-repeat left top;
  }
  
/* FOOTER AND HEADER */  
#header {
  height: 124px;
  background: #C74A1A url(../images/header.gif) no-repeat left top;
  position: relative;
  margin-top: 35px;
  z-index: 1;
  text-align: right;
  }
  
#header h1, #header h2 {
  padding: 0;
  margin: 0 40px 0 0;
  }

#header h1 {
  padding-top: 10px;
  font-size: 26pt;
  color: #322A1B;
  }  
  
#header h1 a:link, #header h1 a:active, #header h1 a:visited, #header h1 a:hover {
  color: #322A1B;
  }
  
#header h2 {
  font-size: 18px;
  color: #64443D; 
  margin-right: 60px; 
  }
  
#header h2 a:link, #header h2 a:active, #header h2 a:visited, #header h2 a:hover {
  color: #64443D;
  }
  
#header a:link, #header a:active, #header a:visited, #header a:hover {
  text-decoration: none;
  }
  
#footer {
  clear: both;
  width: 790px;
  padding: 10px 0;
  background: #C74A1A;
  color: #C6B284;
  }

#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
  color: #C6B284;
  text-decoration: none;
  }
  
#footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  height: 10px;
  }
  
#footer ul li {
  padding: 0 5px;
  float: left;
  border-left: 1px solid #C6B284;
  }
  
#footer ul li.first {
  border: none;
  }
  
#footer ul li a {
  padding: 0 10px;
  float: left;
  }
 
#footer span {
  float: right;
  padding-right: 5px;
 }
 
#footer br {
  clear: both;
}
  
/* NAVIGATION */  
#primary_navigation {
  width: 355px;
  background: transparent url(../images/navigation_background.gif) no-repeat left top;
  margin-top: 249px;
  padding-bottom: 20px;
}
  
#primary_navigation ul {
  width: 352px;
  margin: 0; 
  padding: 20px 0 0 20px;
  list-style-type: none;
  }  
  
#primary_navigation ul li {
  width: 160px;
  padding: 5px 0;
  font-size: 15px;
  font-weight: bold;
  color: #C1D3D4;
  border-top: 1px solid #6F5F43;
  }
  
#primary_navigation .first {
  border-top: none;
  }
  
#primary_navigation ul li a:link, #primary_navigation ul li a:active, #primary_navigation ul li a:visited, #primary_navigation ul li a:hover {
  font-size: 15px;
  font-weight: bold;
  color: #c1d3d4;
  text-decoration: none;
  }  
  
/* LOCATION 0 - main content */  
#location_0 {
  margin-top: 20px;
  }

#location_0 div.component h2 span, #location_0 div.component h3 span {
  display: block;
  height: 31px;
  line-height: 31px;
  margin: 0;
  padding: 0 0 0 10px; 
  font-size: 14pt;
  font-weight: normal;
  color: #F2E9E3;
  background: transparent url(../images/sub_header.gif) no-repeat left top;
  position: relative;
  } 
  
#location_0 div.component h2 span {
  	margin: 10px 0;
}
  
#location_0 div.component h3 a:link, #location_0 div.component h3 a:active, #location_0 div.component h3 a:visited, #location_0 div.component h3 a:hover {
  color: #F2E9E3;
  }
  
#location_0 div.component p {
  padding: 0 40px 0 15px;
  }
  
#location_0 div.extra {
  background: transparent url(../images/arm.gif) no-repeat top right;
  }

/* LOCATION 1 - right content */
#location_1 {
  width: 352px;
  background: #B04010;
  color: #490E00; 
  }
  
#location_1 a:link, #location_1 a:active, #location_1 a:visited, #location_1 a:hover {
  color: #490E00; 
  }
  

#location_1 ul {
  margin: 0;
  padding: 0;
  list-style-type: none; 
  font: 10pt verdana MS, sans-serif;
  color: #490E00; 
  }
  
#location_1 ul li {
  min-height: 30px;
  line-height: 30px;
  padding: 0 15px 0 40px;
  background: #B04010 url(../images/arrow_1.gif) no-repeat 10px 5px;
  text-align: left;
  }
#location_1 h2, #location_1 h3 { margin: 0px 10px 10px; }


#location_1 ul.friends { margin-left: 20px; } 
#location_1 ul.friends li { line-height: normal; padding: 0px; }

#location_1 .cropped_images.medium_images .image, .cropped_images.large_images .image { float: none; }
 
#location_0 .cropped_images.medium_images { padding-left: 35px; }
.cropped_images.small_images { padding-left: 35px; }

/* BLOG */

.blog_post {
	margin-bottom: 10px;
	padding-bottom: 10px; 
	border-bottom: 1px dotted #F2E9E3;
}

.blog_post .date {
	padding: 0 0 0 10px;
}

.blog_post .comments {
	text-align: right;
	padding: 0 20px 5px 0;
}

.blog_post .category, .blog_post .tags {
	display: block;
	margin-left: 10px;
}
.blog_post h3 { margin: 0px 10px;}

.blog_post .post_wrapper { padding: 0px 10px;}
.blog_post .date { padding: 10px 0px;  }

#comment_form_area label {
	margin-left: 15px;
}

.comment {
	margin: 0 15px;
}


div.component { margin: 10px 0px; }
#location_1 .blog_post .date
{
	padding: 5px; 
	float: right; 
	font-style: italic;
}


#location_1 .blogroll_component .blogroll_blog { padding: 20px; } 
