#rightcol { margin-left: 66%; }
#leftcol { float: left; width: 66%; }
  #rightcol:after { content: '.'; visibility: hidden; display: block; clear: both; height: 0; }

.front-box { padding: 0.5em; padding-top: 1em; }
  .front-box .heading { position: relative; padding: 0.25em; padding-left: 4em; display: block; background-color: #e6d3b8; text-decoration: none; font-weight: bold; letter-spacing: 2px; color: #806640; border: 1px solid #c0a680; border-left: none; border-right: none; }
  .front-box .heading:hover { background-color: #e6b8b8; color: #995353; border-color: #c08080; }
  .front-box .heading .icon { position: absolute; left: 0.5em; bottom: 0.25em; }

.shout { border-bottom: 1px dotted #806640; padding: 0.25em; position: relative; }
  .shout .time { position: absolute; top: 0.25em; right: 0.25em; font-style: italic; }
  .shout .text { margin-left: 2em; overflow: hidden; }
.front-shout-form textarea { width: 95%; }
.front-shout-form p { text-align: center; }

.front-forum { width: 100%; }
  .front-forum tr td { padding: 3px; }
  .front-forum a { display: block; }

.front-feedentry { padding: 3px; clear: right; }
.front-feedentry + .front-feedentry { border-top: 1px dotted #806640; }
  .front-feedentry .title { font-size: bigger; font-weight: bold; float: left; }
  .front-feedentry .time { float: right; font-size: 85%; }
  .front-feedentry .summary { margin: 0.5em; clear: both; }

.front-newspost { padding: 3px; clear: right; }
.front-newspost + .front-newspost { border-top: 1px dotted #806640; }
  .front-newspost .time { float: right; font-size: 85%; }
  .front-newspost .icon { float: right; clear: right; padding: 3px 3px 0 0; }
  .front-newspost .title { color: #806640; font-size: bigger; font-weight: bold; }
  .front-newspost .body { margin: 0.5em; }
  .front-newspost .link { font-style: italic; font-size: 85%; }

/* not TECHNICALLY part of the index page, but since that's where the shoutbox is... */
table.shoutlist { width: 100%; }
  table.shoutlist tr .time { width: 8em; text-align: center; }
  table.shoutlist tr .ip { width: 10em; text-align: center; }
  table.shoutlist tr td.ip { font-family: monospace; }
  table.shoutlist tr .user { width: 9em; }
  table.shoutlist tr td.user { text-align: left; }
  table.shoutlist tr .actions { width: 6em; text-align: center; }