body { font-family: DejaVu Sans, Bitstream Vera Sans, Helvetica, Verdana, sans-serif; font-size: 12px; background: #dbd7ee; color: #4b3f70; }

a { text-decoration: none; font-weight: bold; color: #774ebe; }
a:visited { color: #4e3083; }
a:hover { color: #38225e; }

p { line-height: 133%; }
p + p { margin-top: 0.75em; }

/* Basic page arrangement */
#sidebar { position: fixed; top: 0; bottom: 0; left: 0; width: 168px; }
#foxbat { position: fixed; z-index: 2; top: 0; right: 0; }
#header { position: fixed; z-index: 1; top: 0; height: 94px; left: 168px; right: 0; line-height: 96px; }
#content { margin: 94px 0 0 168px; padding: 1em; }

/* Sidebar and header pieces */
#header { overflow: hidden; background: url(/images/background.png) #78a6dc no-repeat fixed; border-bottom: 1px solid #6389b5; }
#header #title { position: absolute; top: 0; bottom: 0; left: 2em; }
#header #title img { vertical-align: middle; }
#header #title img { vertical-align: middle; }
#sidebar { overflow: hidden; background: url(/images/background.png) #78a6dc no-repeat fixed; border-right: 1px solid #6389b5; }
#sidebar #menu li { text-align: center; }
#sidebar #menu li img { vertical-align: bottom; }
#sidebar #bottom-menu { position: absolute; bottom: 0; left: 0; }
#sidebar #bottom-menu img { vertical-align: bottom; }

#breadcrumbs { position: relative; border-bottom: 1px solid #6389b5; padding: 0 0 1em 0.5em; margin-bottom: 1em; }
#breadcrumbs #search { position: absolute; z-index: 10 /* above foxbat */; top: 0; right: 6em; }

.box {;}
.box + .box { margin-top: 1em; }
.box h1 { margin: 0.25em 0 0.25em 1em; font-size: 2em; font-weight: bold; color: #7764be; }
.box h1 img { vertical-align: text-bottom; }
.box .body { padding: 1em; border: 3px solid #9789ce; background: #c0b8e1; -moz-border-radius: 6px; }

/* ZENPHOTO STUFF */
ul.pagelist li { display: inline; padding: 0 0.25em; }

.zp-album { display: inline-block; padding: 1em; border: 1px solid transparent; text-align: center; }
.zp-album:hover { background: #eeecf7; border-color: #ccc6e7; }

.zp-image { display: inline-block; padding: 1em; border: 1px solid transparent; text-align: center; }
.zp-image:hover { background: #eeecf7; border-color: #ccc6e7; }

.zp-title h3 { font-size: 1.25em; margin: 0.33em 0; }
.zp-title .zp-date { font-size: 0.75em; font-weight: normal; }

#zp-credit { border-top: 1px dotted #6389b5; padding: 1em 0.5em; margin-top: 2em; }