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

body {
  font: 12px tahoma, sansserif;
  background: #e7bbee;
  color: #444;
}

a {
  color: #db6cd5;
}

div.clearer { clear: both; }

a img {       
  border: none;
}

#fullContainer {
  background: #e7bbee url('../images/background_image.gif') repeat-x;
}

/* HEADER AND FOOTER */

#header {
  color: #fff;
  height: 127px;
  width: 756px;
  padding-top: 20px;
  background: url('../images/header_image.gif') 0px 15px no-repeat;
  margin: auto;
}

#bodyRap {
  width: 756px;
  margin: auto;
  background: url('../images/background_middle.gif') repeat-y;
}
#bodyRapTwo {
  width: 756px;
  margin: auto;
  background: url('../images/background_left.jpg') no-repeat;
  overflow: hidden;
  zoom: 1;
}
#header a, #header a:visited, #header a:hover { color: #fff; text-decoration: none;  }
#header h1 {
  padding: 0px;
  margin: 0px;
  font-size: 27pt;
  text-align: right;
}
#header h2 {
  font-weight: normal;
  font-size: 16pt;
  color: #db6cd5;
  padding: 0;
  margin: 0px 5px 0px 0px;
  text-align: right;
}
#header h3 {
  color: #db6cd5;
  padding: 0px;
  margin: 0px 5px 0px 0px;
  font-weight: normal;
  text-align: right;
}


#footer {
  clear: both;
  padding: 20px 0px 0px 0px;
  width: 756px;
  margin: auto;
  margin-bottom: 10px;
  color: #db6cd5;
  background: url('../images/footer.gif') no-repeat;
}
#powered_by { text-align: center; }

#primary_navigation {
  float: left;
  width: 436px;
  margin: 60px 0px 30px 35px;
  padding: 0px;
  color: #db6cd5;
  list-style-type: none;
}
#primary_navigation ul { margin: 0px; }
#primary_navigation li { display: inline; margin: 0px; }
#primary_navigation li a, #horizontal_navigation li a:visited {
  margin: 0px 5px 0px 0px;
  padding: 0px 5px 0px 0px;
  font-size: 11pt;
  color: #db6cd5;
  border-right: 1px solid #db6cd5;
}
#primary_navigation li a:hover {
  color: #db6cd5;
}

/* SHARED COMPONENT STYLES */

div.component h2 {
  font-size: 14px;
  margin: 0px;  padding: 0px;
}

/* LOCATION 1 SPECIFICS */

#location_1 {
  float: left;
  width: 262px;
  padding: 0px;
  margin: 10px 0px 20px 0px;
  min-height: 50px;
}

#location_1 div.component {
  padding: 5px;
  margin: 5px 15px 15px 20px;
}
#location_1 div.component p {
  margin: 10px 0px 10px 0px;
  padding: 0px;
}

#location_1 div.component h2 {
  margin: 10px 0px 10px 0px;
  color: #db6cd5;
  padding: 0px;
  text-align: right;
  font-size: 15pt;
  font-weight: normal;
}

#location_1 div.component .date {
  text-align: right;
}

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

#location_1 ul li {
  background: url(../images/arrow.gif) 5px 5px no-repeat;
  padding: 0px 0px 0px 18px;
}

/* LOCATION 0 SPECIFICS */

#location_0 {
  float: right;
  width: 436px;
  padding: 0px 30px 20px 28px;
  margin: 0px 0px 0px 0px;
  min-height: 50px;
}

#location_0 div.component {
  margin: 0px 0px 15px 0px;
}
#location_0 div.component h2 {
  color: #db6cd5;
  font-size: 15pt;
  font-weight: normal;
  border-bottom: 1px solid #eee;
}

#location_0 ul {
  margin: 5px 0px 0px 0px;
  padding: 0px;
  list-style-type: none;
}

#location_0 ul li {
  background: url(../images/arrow.gif) 5px 5px no-repeat;
  padding: 0px 0px 0px 18px;
}

#location_0 div.blog_post h3 a {
  color: #db6cd5;
}

div.blog_post {
  margin-bottom: 15px;
}

#location_0 ul.friends, #location_1 ul.friends {
  padding-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  overflow: auto;
  zoom: 1;
}

#location_0 ul.friends li, #location_1 ul.friends li {
  background: none;
  padding: 0px;
  margin: 0px 5px 5px 0px;
  width: 48px;
  float: left;
}

#location_0 ul.friends li img, #location_1 ul.friends li img {
  border: 1px solid #000;
}