div.catList { 
  margin: 1px; 
  margin-bottom: 30px; 
}

div.catList h2 { margin: 2px; }

div.catList a.cat { }

div.catList a.entry {
  width: 170px;
  float: left;
  margin: 3px;
  margin-left: 20px;
  padding: 5px;
  text-decoration: none;
}

.thumb {
  width: 50px;
  height: 50px;
  border: 1px solid #6e3910;
  background: #986;
  float: left;
  margin-right: 10px;
}

div.catList a.entry .txt { padding-top: 5px; }

div.catList a.entry div.date {
  display: block;
  font-size: x-small;
}

div.sproing {
  height: 1px;
  margin: 20px;
  clear: both;
}

div.portLinks { 
  width: 455px; 
  border: 1px solid #6e3910; 
  height: 60px;
  text-align: center;
  margin: 10px auto;
}

div.portLinks a.entry {
  display: inline;
}

div.portLinks .thumb {
  margin-right: 2px;
  margin-left: 2px;
}

div.portLinks a.current .thumb {
  /** override bordercolor on current entry */
  border: 1px solid #ff0;
  /** we'll add a secondary border, so expand the image to fit */
  width: 52px;
  height: 52px;
  margin-top: -1px;
}

div.portLinks div.first, div.portLinks div.last, div.portLinks div.holder {
  padding: 0px;
  width: 1px;
  margin: 6px 0px;
  height: 40px;
  float: left;
}

div.portLinks div.first { border-right: 5px solid #ff9a3c; }
div.portLinks div.last { border-left: 5px solid #ff9a3c; }
div.portLinks div.holder { width: 6px; }

div.portLinks a.current .thumb img {
  /** apply a secondary border since the yellow doens't go well around white images */
  border: 1px solid #000;
}

div.portLinks .more, div.portLinks .less {
  display: block;
  width: 22px;
  height: 22px;
  float: left;
  margin-top: 18px;
}

div.portLinks a.more { margin-left: 6px; background: url(/im/rightarrow.png) no-repeat; }

div.portLinks div.less { margin-right: 10px; }

div.portLinks a.less {
  margin-right: 10px;
  background: url(/im/leftarrow.png) no-repeat;
}

div.portNav {
  height: 50px; width: 150px; float: left; margin: 5px; margin-bottom: 10px;
}

div.creation {
  text-align: center;
}

div.creation h3 {
  font-size: large;
  color: #c69135;
  font-weight: bold;
  text-align: center;
  margin: 12px auto;
}

div.creation img {
  border: 3px solid #6e3910;
}

div.creation div.desc {
  color: #cd7424;
  font-size: small;
  font-style: italic;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
}

div.creation .date, div.creation .medium, div.creation .location {
  color: #c69135;
  font-size: x-small;
  margin-bottom: 2px;
}