html         { background: #fff url('/images/html_bg.png') repeat-x; margin: 0; padding: 0; }
body         { margin: 0; padding: 0; font-family: sans-serif; font-size: 10pt; }
img          { border: 0; }

a            { color: #1168ab; text-decoration: none; }
a:hover      { text-decoration: underline; }

hr.clear     { clear:both; height:1px; visibility:hidden; }

h1    { margin: 0 0 5px 0; font-size: 1.4em; border-bottom: 1px solid #aaacb2; padding: 0 2px; }
h2    { margin: 0 0 5px 0; font-size: 1.3em; }
h3    { margin: 0 0 5px 0; font-size: 1.2em; }
h4    { margin: 0 0 5px 0; font-size: 1.1em; }
h5    { margin: 0 0 5px 0; font-size: 1.0em; }
p     { margin: 0 0 1em 0; text-align: justify; }
table { border-collapse: collapse; margin-bottom:.5em}
th    { text-align:left; border: 1px solid #999; padding: 5px; background: #ccc; }
td    { text-align:left; border: 1px solid #999; padding: 5px; }

ul,ol,dl { margin-top: 0; }

#titlebar    { background: #fff url('/images/content_bg.png') bottom left repeat-x; padding: 10px 15px 14px 15px; margin: 35px 0 0 135px; border: 1px solid #aaacb2; border-right: 0; border-bottom: 0; }
#titlebar h1 { font-size: 14pt; margin: 0; border: 0; }
#titlebar h2 { font-size: 10pt; margin: 0; font-style: italic; }

#content     { background: #fff; border: 1px solid #aaacb2; border-right: 0; border-top: 0; margin: 0 0 10px 135px; padding: 10px 15px 15px 15px; min-height: 485px; height: auto !important; height: 485px; }

div.caption   { width: 800px; }
div.caption p { text-align: center; }

.noborder td { border:0; }

form#photo select,
form#photo #photo_url,
form#photo #caption {
  width:100%;
}

#footer      { background: #fff url('/images/footer_bg.png') repeat-x; padding: 10px 20px; text-align: right; }
#footer img  { vertical-align: middle; }

#menu        { position: absolute; top: 0; left: 0; width: 130px; color: #6c6868; }
#menu ul     { margin: 2px 0 1em 0; padding: .5em 0 .5em .5em; border: 1px solid #aaacb2; border-left: 0px; background: #fff; list-style-position: inside; }
#menu .title { padding-left: .5em; }

#tabs        { position: absolute; top: 15px; left: 135px; }
#tabs ul     { margin: 0; padding: 0; }
#tabs li     { width: 71px; height: 18px; margin-right: 1px; padding: 2px 0 0 0; display: block; float: left; text-align: center; background: url('/images/tab_bg.png') bottom left no-repeat; }
#tabs a      { color: #6c6868; text-decoration: none; }

body.home #tab-home,
body.taxon #tab-taxon,
body.photos #tab-photos,
body.history #tab-history,
body.discuss #tab-discuss,
body.source #tab-source,
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: #b6b6b6; }

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

.gallery {
  margin: 5px 0;
}

.gallery .media {
  width: 200px;
  height: 150px;
  line-height: 150px;
  padding: 5px;
  margin: 0 5px 5px 0;
  border: 1px solid #b6b8b8;
  float: left;
  text-align: center;
}

.gallery .photo img {
  vertical-align: middle;
}

.center      { text-align: center; }

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

.genus       { font-weight: bold; }
.species     { font-weight: normal; }
.subspecies  { font-weight: normal; }

/* Species list */
ul.classification {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.classification li.genus {
  padding: 0 0 1em 0;
}

ul.classification ul, ul.classification ul ul {
  list-style-type: square;
}

/* Editor styles */
#editor textarea#text,
#editor input#comment {
  padding: 0px;
  width: 100%;
  border: 1px solid #aaacb2;
}
#editor textarea#text { height: 600px; }

#editor-toolbar {
  width: 100%;
  border: 1px solid #aaacb2;
  border-bottom: 0;
}

#editor-toolbar-buttons {
  background: #fff url('/images/toolbar_bg.png') bottom left repeat-x;
  line-height: 22px;
}

a.editor-toolbar-tab {
  background: url('/images/arrow-right.png') center left no-repeat;
  padding-left: 16px;
  margin-right: 10px;
}

a.editor-toolbar-tab-open {
  background-image: url('/images/arrow-down.png');
  text-decoration: none;
  color: black;
}

div.editor-toolbar-tab {
  border-top: 1px solid #aaacb2;
  height: 125px;
  display: none;
  overflow: hidden;
}

ul.editor-tab-index {
  display: block;
  width: 20%;
  height: 125px;
  margin: 0;
  padding: 0;
  overflow: auto;
  float: left;
  list-style: none;
}

ul.editor-tab-index li {
  padding: 5px;
  color: #1168ab;
  background: #ccced4;
  cursor: pointer;
}

ul.editor-tab-index li.editor-tab-index-active {
  background: #fff;
}

div.editor-tab-content {
  width: 80%;
  height: 125px;
  overflow: auto;
  display: none;
  float: left;
}

div.editor-tab-content-open {
  display: block;
}

table.editor-tab-table {
  width: 100%;
}

table.editor-tab-table tr.row {
  border-top: 1px solid #ccced4;
}

table.editor-tab-table td.cell,
table.editor-tab-table th.cell {
  vertical-align: top;
  background: #fff;
  border: 0;
}

table.editor-tab-table th.cell {
  color: #999;
}

td.editor-tab-table-description {
  width: 20%;
}

td.editor-tab-table-syntax {
  width: 40%;
  font-family: monospace;
}

td.editor-tab-table-result {
  width: 40%;
}

div.charmap span {
  border: 1px solid #ddd;
  font-family: monospace;
  height: 1em;
  padding: 5px 8px;
  margin: 5px 0 0 5px;
  display: block;
  float: left;
  cursor: pointer;
}

div.charmap span:hover {
  border: 1px soild #1168ab;
}

/* Diff styles */
table.diff {
  width: 100%;
}

table.diff td {
  border: 0;
}

table.diff td.diff-otitle,
table.diff td.diff-ntitle {
  text-align: center;
}

table.diff td.linenumber {
  font-weight: bold;
}

table.diff tr.source {
  font-size: 11px;
}

table.diff td.diff-deletedline {
  background: #ffa;
  width:48%;
}

table.diff td.diff-addedline {
  background: #cfc;
  width:48%;
}

table.diff td.diff-marker {
  width: 2%;
  text-align: right;
}

table.diff .diff-change {
  color: red;
  font-weight: bold;
}

div.pages {
  font-size: 1.25em;
  text-align: center;
  padding: .5em 0;
}