html         { background: #000 url('/images/html_bg.png') repeat-x; margin: 0; padding: 0; }
body         { margin: 0; padding: 0; font-family: verdana, arial, sans-serif; font-size: 8pt; color: #aaa; }
img          { border: 0; }
h1           { margin: 0; font-size: 14pt; color: #aaa; }
h2           { margin: 0; font-size: .70em; color: #aaa; font-style: italic; }
h3           { margin: 0 0 5px 0; border-bottom: 1px solid #666; font-size: 10pt; }
p            { margin: 0 0 1em 0; }
a            { color: #ee9754; }

option.subalbum  { padding-left: 3em; font-size: 0.85em; }

#page        { background: #000; border: 1px solid #444; border-right: 0px; margin: 35px 0px 10px 135px; padding: 0; min-height: 485px; height: auto !important; height: 485px; }
#footer      { background: #000 url('/images/footer_bg.png') repeat-x; padding: 10px 20px; text-align: right; }
#title       { margin: 0; background: #000 url('/images/content_bg.png') bottom left repeat-x; padding: 10px 15px 14px 15px; font-size: 14pt; line-height: 1em; color: #aaa; }
#logo        { display: block; width: 130px; height: 130px; overflow: hidden; text-indent: -9999em; background: url('/images/psychoticnature.png'); }

#content           { padding: 10px 15px 15px 15px; }
#content div.album { width: 175px; height: 175px; float: left; margin: 5px; text-align: center; }
#content div.thumb { width: 160px; height: 120px; line-height: 120px; margin: 5px; float: left; border: 1px solid #494747; padding: 5px; text-align: center; }
#content img.thumb { vertical-align: middle; }
#content div.album div.thumb { margin: 0 5px 0 0; float: none; margin: 0px auto; }
#content div.album a { text-decoration: none; font-weight: bold; }
#content div.invisible { background: #000 url('/images/bg_invisible.png') no-repeat center center; }
#content img.invisible { filter: alpha(opacity=0.85); -moz-opacity: 0.85; opacity: 0.85; }

#content div.checked  { border: 2px solid yellow; padding: 4px; }
#content div.subalbum { border: 1px solid #495767; }

#menu        { position: absolute; top: 0; left: 0; width: 130px; color: #939797; }
#menu ul     { margin: 2px 0 1em 0; padding: .5em 0 .5em .5em; border: 1px solid #55534d; border-left: 0px; background: #000; list-style-position: inside; }
#menu .title { padding-left: .5em; }

#tabs        { position: absolute; top: 0px; left: 135px; }
#tabs ul     { margin: 0; padding: 0; font-size: 11px; }
#tabs li     { width: 71px; height: 16px; margin-right: 1px; padding: 19px 0 0 0; display: block; float: left; text-align: center; background: url('/images/tab_bg.png') bottom left no-repeat; }
#tabs a      { color: #939797; text-decoration: none; }
body.home #tab-home, body.taxon #tab-taxon, body.photos #tab-photos, body.history #tab-history, body.discuss #tab-discuss, body.edit #tab-edit { font-weight: bold; }

#session     { background: url('/images/session.png') no-repeat; position: absolute; top: 5px; right: 10px; height: 15px; padding: 1px 0px 0px 18px; font-weight: bold; }
#session a   { text-decoration: none; }

#vanity      { position: absolute; top: 40px; right: 10px; color: #494949; }

#error       { padding: 30px 15px 15px 15px; text-align: center; font-weight: bold; color: #f00; }

#pagination   { position: absolute; top: 67px; right: 10px; font-weight: bold; font-size: 11px; }
#pagination a { text-decoration: none; }

#toolbar        { position: absolute; top: 65px; right: 10px; }
#toolbar img    { border: 0; margin: 0 0 0 10px; vertical-align: top; }
#toolbar select { margin: 0 0 0 0; }

.clear       { clear: both; }
.center      { text-align: center; }

.current     { font-weight: bold; }
.latin       { font-style: italic; }
.small       { font-size: .70em; }

.Class       { padding-left: 0px }
.Order       { padding-left: 25px }
.Family      { padding-left: 50px }
.Genus       { padding-left: 75px }
.Species     { padding-left: 100px }
.Subspecies  { padding-left: 125px }