body, p, div {
  font-family: sans-serif;
  font-size: 10pt
}

html, body {
  background-color: #a9400e;
  color: #f1f0ab;
}

body {
  padding: 0.0em;
  margin: 6px;
}

h2
{
  margin-top: 2em;
}

img {
  border-style: none;
  border-width: 0px;
}

a:link,
a:visited {
  text-decoration: none;
}

a:link {
  color: #fdfb2d;
}
a:visited {
  color: #f1f066;
}

a:hover {
  text-decoration: underline;
}

input, select, option {
  font-size: inherit;
  font-family: inherit;
}

input[type='checkbox']
{
  vertical-align: middle;
}
input[type='text']
{
  vertical-align: middle;
}

h1 {
  background-color: #f1f0ab;
  color: #a9400e;
  padding: 0.3em;
}

.front_page h2 {
  clear: both;
}

.main_contents {
  list-style-type: none;
  padding: 0px;
  max-width: 800px;
}

.main_contents li {
  display: block;
  float: left;
  margin: 1em;
  padding: 0px;
  width: 300px;
  border: thin dashed white;
}
.main_contents h3,
.main_contents .description {
  margin: 0.5em 1em;
}


.screenshotted_links {
  list-style-type: none;
  padding: 0px;
}

.screenshotted_links li {
  display: block;
  float: left;
  margin: 1em;
  padding: 0px;
  width: 400px;
  border: thin dashed white;
}
.screenshotted_links h3,
.screenshotted_links .description {
  margin: 0.5em 1em;
}
.screenshotted_links img {
  display: block;
  float: left;
  margin-right: 1em;
}



.error {
  color: #ee5555;
  font-size: larger;
}

.directories {
  clear: left;
  margin: 0.5em;
  padding: 0em 0em;
  line-height: 2em;
  text-align: justify;
}

.directory {
  display: inline;
  /*float: left;*/
  /*min-width: 14em;*/
  white-space: nowrap;
  vertical-align: middle;
  padding: 0.15em;
  margin: 0.15em;
  border-width: thin;
  border-color: #787878;
  border-style: inset;
  background-color: #cccccc;
  line-height: 1.6em;
}
.directory .preview {
  height: 1.25em;
  vertical-align: middle;
}

.thumbnails {
  clear: both;
  margin: 0px 0px;
  padding: 0px;
  vertical-align: bottom;
}
.thumbnail_inputs {
  display: block;
  float: left;
  clear: both;
}

.thumbnail {
  display: block;
  /*display: inline-block;*/
  text-align: center;
  float: left;
  vertical-align: bottom;
  padding: 2px;
  margin: 2px;
  background-color: #cccccc;
  border-width: 1px;
  border-color: #787878;
  border-style: outset;
}

.thumbnails .datemarker
{
  clear: both;
  padding: 1em 0px;
  margin: 1em 0px;
  border: thin dashed #888888;
  border-bottom: none;
}

.thumbnail_title {
  padding: 2px;
  font-size: 12px;
}

.tasters h2
{
  margin-top: 1em;
}
.tasters
{
  display: block;
  margin: 0em;
}


h1 a:link,
.thumbnail a:link,
.directories a:link,
a:link.directory,
.dateselector td a:link
{
  color: #000077;
}
h1 a:visited,
.thumbnail a:visited,
.directories a:visited,
a:visited.directory,
.dateselector td a:visited
{
  color: #331054;
}

.pixmenubar {
  float: right;
  background-color: #222222;
  padding: 0.5em;
  color: #eeeeee;
}
.pixmenubar > * {
  display: inline;
}

.picture_header {
  text-align: center;
}

.previous_link,
.next_link,
.back_link
{
  border-width: thin;
  border-style: outset;
  border-color: #222222;
  background-color: #333333;
  padding: 0.2em;
  vertical-align: middle;
  float: left;
}
.previous_link,
.next_link
{
  display: block;
}

.previous_link img,
.next_link img
{
  vertical-align: middle;
  height: 1em;
}

.back_link {
  margin-left: 0.2em;
  margin-right: 0.2em;
}



.picture_header h1 {
  clear: both;
}

.floatingactions {
  display: block;
  float: right;
  position: fixed;
  bottom: 0.5em;
  right: 0.5em;
  padding: 0.3em;
  margin: 0.3em;
  border-width: thin;
  border-style: outset;
  border-color: #333333;
  background-color: #333333;
  text-align: center;
}

.floatingactions input,
.floatingactions a
{
  display: block;
  width: 100%;
  height: 1.5em;
  border-style: outset;
  border-width: thin;
  margin: 0.2em 0px;
  background-color: #999999;
  color: black;
}
.floatingactions input:hover,
.floatingactions a:hover
{
  background-color: #eeeeee;
  cursor: default;
}

.comments
{
  clear: both;
  margin-top: 0.6em;
}

.categorisations {
  display: block;
  float: right;
  width: 66%;
}

.categorisations ul {
  list-style-type: none; 
  padding: 0px;
}

.categorisations h2 {
  list-style-type: none; 
  padding: 0px;
  margin: 0px;
}


.categorisations select,
.categorisations input
{
  margin-top: 0.5em;
}

select[multiple='multiple'].categorisation {
  vertical-align: top;
}

.comment
{
  background-color: #444444;
  padding: 0.1em 0.3em 0.3em 0.3em;
  margin-top: 0.6em;
  width: 40em;
  text-align: center;
}
.comment h3
{
  background-color: #333333;
  width: 10em;
  padding: 0.3em;
  margin: 0.1em;
  position: relative;
  bottom: 0.6em;
}
.comment textarea,
.comment input[id='comment_button']
{
  width: 39em;
  padding: 0.1em;
}

.loginform,
.registrationform
{
  display: block;
  float: left;
  width: 25em;
  border-color: #222222;
  border-style: groove;
  border-width: 2px;
  margin: 1em;
  padding: 1em;
}

.categorypopup_shown li
{
  list-style-type: none;
}

#catqs_clicker_0 {
  display: block;
  position: fixed;
  bottom: 5px;
  right: 5px;
  padding: 3px;
  margin: 0px;
  border-width: 1px;
  border-style: outset;
  border-color: #333333;
  text-align: center;
  cursor: pointer;
}



.categorypopup_shown {
  border-style: outset;
  border-width: 1px;
  border-color: #444444;
  color: #eeeeee;
  background-color: #444444;
  padding: 3px;
  margin: 0px;
  display: block;
  position: fixed;
  width: 100px;
}

.categorypopup {
  display: none;
  width: 0px;
  height: 0px;
  /* visibility: hidden; */
}

.catqs_clicker {
  font-weight: bold;
  cursor: pointer;
}

.catqs_clicker_opened {
  font-weight: bold;
  color: #9999ee;
  cursor: pointer;
}

a.cqs_unselected {
  font-weight: bold;
  border-width: 1px;
  border-color: #eecc99;
  border-style: outset;
  cursor: pointer;
}
a.cqs_selected {
  font-weight: bold;
  border-width: 1px;
  border-color: #99ccee;
  border-style: inset;
  cursor: pointer;
}

.dateselector td {
  padding: 0.15em;
  margin: 0.15em;
  border-width: thin;
  border-color: #787878;
  border-style: inset;
  background-color: #cccccc;
  color: black;
}

span.path {
  color: #f80;
}

/* category tree stuff */

#ct_root_ol 
{
  display: none;
  position: fixed;
  right: 0.5em;
  top: 10%;
  max-height: 80%;
  max-width: 30%;
  background-color: #222222;
  padding: 0.25em;
  margin: 0px;
  border-style: outset;
  border-width: thin;
  overflow: auto;
}

#ct_root_ol ol
{
  list-style-type: none;
  margin: 0px;
  padding-left: 16px;
}

#ct_root_ol li
{
  white-space: nowrap;
  margin: 0px;
  padding: 0px;
}

a.tree_branch {
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(/billicons/folder.png);
}
a.tree_leaf {
  float: left;
  width: 16px;
  height: 16px;
}


/*                           _ _       _ _
___  ___ _ __ ___ _ __   __| (_)_ __ (_) |_ _   _
/ __|/ _ \ '__/ _ \ '_ \ / _` | | '_ \| | __| | | |
\__ \  __/ | |  __/ | | | (_| | | |_) | | |_| |_| |
|___/\___|_|  \___|_| |_|\__,_|_| .__/|_|\__|\__, |
|_|          |___/ */
  .serendipitySideBarContent input {
    width: 150px;
}

#mainpane {
  margin: auto;
  width: 100%;
  border-top: 0px;
}

#content {
  width: auto;
  padding-top: 0px;
}
.serendipity_Entry_Date {
  margin-top: 0px;
}

#serendipityRightSideBar {
  width: 170px;
  border-left: thin dashed black;
  padding: 10px;
  vertical-align: top;
}

#serendipityLeftSideBar {
  width: 170px;
  border-right: thin dashed black;
  padding: 10px;
  vertical-align: top;
}

/** These two entries tidy up the categories. */
.serendipitySideBarContent form div div img
{
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}

.serendipitySideBarContent form div div input
{
  margin: 0px;
  vertical-align: middle;
}

#serendipity_banner h1
{
  margin-bottom: 0px;
}

#serendipity_banner h2
{
  padding: 0px;
  margin: 0px;
  text-align: right;
  position: relative;
  font-size: 10pt;
  font-weight: normal;
  font-style: italic;
}
.serendipity_date {
  padding: 0.2em;
  margin: 0px;
  font-family: "Century Schoolbook L", "Utopia", cursive, serif;
  font-size: 10pt;
  text-align: right;
  font-weight: normal;
  font-style: italic;
  float: right;
  background-color: #222222;
}

.serendipity_title {
  background-color: #444444;
  font-size: large;
  padding: 0.3em 0.25em;
  font-family: serif;
}

.serendipity_entryIcon {
  display: block;
  float: left;
  margin-right: 0.2em;
  margin-bottom: 0.2em;
}
.serendipity_entry_body {
  display: inline;
}

.serendipity_comment
{
  background-color: #444444;
  padding: 0.1em 0.3em 0.3em 0.3em;
  margin: 0.5em 0px;
  border: thin dashed #888888;
}
.serendipity_commentsTitle 
{
  font-size: large;
}
.serendipity_commentBody
{
  margin: 0.5em;
}

.serendipity_comment_source,
.serendipity_entryFooter
{
  border-top: thin dashed #111111;
  border-bottom: thin dashed #111111;
  padding: 0.25em;
  margin: 1em 0px;
  clear: both;
}
a.info {
  position: relative;
  z-index:24;
  color: white;
  text-decoration: none;
}

a.info:hover {
  z-index: 25;
  background-color: transparent;
}

a.info span.popup {
  display: none;
}

a.info:hover span.popup
{
  display: block;
  position: absolute;
  z-index: 26;
  top: 1.5em;
  left: 0em;
  width: 15em;
  background-color: #555;
  color: #ccc;
  border: thin outset #444;
  padding: 0.3em;
  margin: 0px;
  font-weight: normal;
}

a.info:hover span.popup a:link { color: #ccf; }
a.info:hover span.popup a:visited { color: #fcf; }
a.info:hover span.popup a:active { color: #ccf; }


#paginator
{
  position: relative;
  width:100%;
  height:100%;
}

#paginator .thumbnail
{
  position: absolute;
}

.photo_details
{
  background-color: #666;
  border-right: medium double #393;
  border-bottom: medium double #393;
  border-top: 0px none #666;
  border-left: 0px none #666;
  padding: 1em;
}

.photo_details .comment
{
  max-width: 400px;
}

.x_closer
{
  border-width: 1px;
  border-style: outset;
  padding: 0px 2px;
}

.navigator_chooser
{
  clear: both;
}

.navigator
{
  float: left;
}

.selector,
.selector_up {
  position: relative;
  font-size: 11px;
  line-height: 12px;
  height: 14px;
  padding: 1px;
}

.selector_up {
  z-index: 16;
  border: 1px outset #444;
  border-bottom-width: 0px;
  border-bottom-style: none;
  background-color: #555;
}

.selector .popup
{
  display: none;
}

.selector_up .popup
{
  display: block;
  position: absolute;
  top: 13px;
  left: 0px;
  z-index: 15;
  background-color: #555;
  color: #ccc;
  border: 1px outset #444;
  padding: 0.3em;
  margin: 0px;
  font-weight: normal;
}

.selector_up .popup ul
{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.selector_up .popup ul li
{
  display: block;
  float: left;
  padding: 1px;
  margin: 1px;
  border-width: 1px;
  border-style: solid; 
}

.selector .popup a:link { color: #ccf; }
.selector .popup a:visited { color: #fcf; }
.selector .popup a:active { color: #ccf; }
.selector .popup a:hover { background-color: #999; }

.imageview h2
{
  padding: 0.3em;
  margin: 0px;
}

#size_track {
  height:1em;
  background-color:black;
  padding-left: 32px;
}
#size_handle {
  width: 1em;
  height:1em;
  cursor: se-resize;
  position:relative;
}
#size_handle .shuttle {
  height: 1em;
  border: 0px inset #333;
  position: absolute;
  left: -1em;
  background-color: #333;
}
#size_handle .symbol {
}
#size_handle .number {
  font-size: 0.8em;
  padding-left: 0.2em;
}