body {
  /* Sans-serif fonts look better with outline */
  font-family: helvetica,Sans-Serif;

}

/*------------------*/
/* List table index */
/*------------------*/
table {
    border-collapse: collapse;
}

td {
    border-right: 1px solid;
    border-bottom: 1px solid;
}

td:last-child {
    border-right: none;
}

td.name {
    max-width: 30em;
    overflow: hidden;
    white-space: nowrap;
}


a {
  text-decoration: none;
}

/*------------------*/
/* Index navigation */
/*------------------*/

.navbar li:first-child {
    border-left: 1px solid;
    padding-left: .25em;

}
.navbar li {
    display: inline-block;
    border-right: 1px solid;
    padding-right: .25em;
}

ul.navbar {
    padding: 0;
    margin: 0;
    padding-bottom: .5em;
}

/*------------------*/
/*    Image View    */
/*------------------*/

body.view {
    margin: 0;
}

div.spacer {
    height: 200px;
    width: 200px;
}


/*------------------*/
/*   Image Index    */
/*------------------*/

/* Allow for divs to be on the same row */
div.image {
    display: inline-block;
    vertical-align: top;
    /* Needed for absolutely positioned children */
    position: relative;
}

/* Superimpose text over image */
.sname {
    position: absolute;
    max-width: 98%;
    margin: 0;
    top: .1em;
    left: 2%;
    word-wrap:break-word;
}

/* Non-apparent links */
div.image a {
    text-decoration: none;
    color: black;
    /* No static when clicking link */
    outline: 0;
}

/* White outline for black text */
.outline
{
    color: white;
    text-shadow:
    -1px -1px 0 #FFF,
    1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
    1px 1px 0 #FFF;
}


h4, h3 {
  margin: 0;
  padding: 0;
}

.category-header {
    font-size: 1.5em;
    padding-bottom: .5em;
    padding-top: 0.25em;
}

div.width-image {
    display: table-cell;
}

div.width-image img {
    vertical-align: top;
}

h4 {
    display: inline-block;
}

div.tag {
    margin: 0;
    padding: 0;
    margin-top: .25em;
    margin-left: .1em
}

p#slogan {
    margin: 0;
    padding: 0;
    margin-left: .5em;
    margin-bottom: .5em;
    font-weight: bold;
    font-size: 1.25em;
}

span.italics {
    font-style: italic;
    font-size: 1.1em;
}

.chan{
    background-color: #ffe;
    color: maroon;
    margin: 0;
}

p.greentext {
    margin: 0;
    color: #789922;
}

span.inline-title {
    font-size: 24px;
}

p.thin-paragraph {
    margin: 2px;
}

/* Group paragraphs in footer */
footer p:not(:first-child) {
    margin-top: 0;
}
footer p {
    margin-bottom: 0;
}

div#content {
    padding-left: 1em;
    max-width: 40em;
}

div.content {
    padding-left: 1em;
    max-width: 40em;
}

.nomargin {
    margin: 0;
}

.category-header {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0.35em;
    padding-bottom: 0;
}

div.category {
    margin-bottom: .5em;
}

a:link {
    color: #34689c;
}

a:visited {
    color: #731DA8;
}