img {
  border: none;
}

body {
  background: #D3D9BC;

  margin: 0;
  font-size: 12;
  font-family: Georgia, Verdana;
}

.pageContent {
  background: #fafafa;
  width: 650;

  margin: 0;
  margin-left: 80;
  margin-bottom: 80;
  padding: 12;
  padding-top: 0;

  background-repeat: no-repeat;
  background-position: 0 40;

  /* a bug in firefox prevents the top from being set to none: */
  border: 1px solid black;

  /* establish a container: */
  position: relative; 
}

img.scrufflesLogo {
  padding: 0;
  margin: 0;

  position: absolute;
  top: 0;
  right: 0;
}


ul.sections { 
  list-style-type: none;

  position:absolute;
  top: 160;
  right: 0;
  margin: 0;
}

.sections li {
  float: left;
}

.sidebar {
  background-image: url(images/tile.png);
  border: 1px solid lightgrey;
  
  border-top: none;
  width: 156;
  float: left;

  margin: 10;
  margin-top: 0;
  padding-top: 200;
  padding-bottom: 30;
}

.sidebar ul {
  text-align: left;
  list-style-image: url(images/dot.png);
  margin-left: 0;
  padding-left: 25;
  padding-right: 8;
  margin-top: 0;
}

.sidebar li {
  padding-bottom: 4;
}

.sidebar a {
  color: black;
}
.sidebar a:hover {
  color: black;
  background: white;
}
.sidebar input.text {
  margin-left: 4;
  padding-left: 4;
}

#search {
  margin-left: 4;
}

.articles {
  margin-top: 200;
}

.article {
  border-bottom: 1px solid gray;
  margin-bottom: 30;
  padding-bottom: 5;
}
.article .title {
  font-size: 14;
  font-family: Georgia, Verdana;
  font-weight: bold;
}

.article .date {
  font-size: 14;
  font-family: Georgia, Verdana;
  color: gray;
}

.article .body {
  margin-top: 10;
  margin-bottom: 20;
  color: #989763;
}

/* archive back/forward links */
#menu {
  text-align: center;
  margin-bottom: 10;
}

.flickrimg {
  margin: 5;
}