body, p, ol, ul, td, h {
  font-family: arial, sans-serif;
  font-size: 96%;
}

#root {
  font-size: 1em;
  margin: 5px auto;
  width: 800px;
}

h1 {
    margin-bottom: 10px;
    margin-top: 10px;
}

h2 {
    margin-bottom: 5px;
    margin-top: 5px;
}

p {
  margin: 1em 0;
}

.quote {
    background: #f8f9bd;
    border: 1px solid gray;
    margin-left: 20px;
    padding: 5px;
}

#logo {
    font-size: 24px;
    margin-bottom: 5px;
}

#logo span#motto {
}

a {
  color: blue;
  text-decoration: none;
/*  border-bottom: 1px dotted blue;*/
}

a:hover {
  text-decoration: underline;
/*  border-bottom: 1px solid #a12ab7;*/
/*  color: #a12ab7;*/
}

a.clean {
  border-bottom: none;
}

#crumb {
  background: #ccccff;
  padding: 5px;
  border-top: 1px solid #5c5cd3;
}

#crumb ul {
  margin: 0;
  padding: 0;
}

#crumb li {
  display: inline;
  padding-left: 2px;
  padding-right: 2px;
}

#bottom_crumb {
    clear: both;
    background: #c9c9c9;
    border-top: 1px solid black;
    padding: 5px;
    margin-top: 5px;
}

#about ul {
  margin: 0;
  padding: 0;
}

#about li {
  display: inline;
  padding-left: 2px;
  padding-right: 2px;
}

#main {
    clear: both;
}

#main_content {
    width: 500px;
}

#delicious {
    float: left;
}

#delicious #icon {
    vertical-align: bottom;
    margin-right: 5px;
    border: 1px solid black;
}

#trademark {
    font-size: 9px;
}

td.label {
    text-align: right;
    font-weight: bold;
    vertical-align: top;
}

img.icon {
  height: 16px;
  margin-right: 5px;
  vertical-align: bottom;
  width: 16px;
}

img.raw_icon {
  border: 0;
  height: 16px;
  vertical-align: bottom;
  width: 16px;
}

/* rails boilerplate */

.in_place_editor_field {
}

.inplaceeditor-saving {
    background: url(/images/indicator_radar.gif) bottom right no-repeat;
}

.inplaceeditor-form input[type="text"] {
    border: thin solid black;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
/*   display: table; */
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* will_paginate pagination */

.pagination {
  padding: 3px;
  margin: 3px;
}

.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #aaaadd;
  text-decoration: none;
  color: #000099;
}

.pagination a:hover, .pagination a:active {
  border: 1px solid #000099;
  color: #000;
}

.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #000099;
  font-weight: bold;
  background-color: #000099;
  color: #FFF;
}

.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}

#bbb_logo {
  border: 0;
  float: left;
  height: 96px;
  padding: 5px 0;
  width: 59px;
}

#phpbb_logo {
  background: #0a4a65;
  border: 0;
  height: 16px;
  width: 45px;
  padding: 3px;
  vertical-align: bottom;
}


/* ------- buttons ------- */

span.button  {
	background: url("/images/buttons/button.png") top right no-repeat;
	display: inline-block;
	margin: 0 0 0 3px;
	padding: 0 10px 0 0;
}
span.button span {
	background: url("/images/buttons/button.png") top left no-repeat;
	display: inline-block;	
	line-height: 28px;
	margin-left: -3px;
	padding: 0 0 0 13px;
}
* html span.button span {margin-left: 0;}
span.button input, span.button a {
	background: transparent;
	border: 0;
	font-size: 1em;
	color: #5e4301;
	height: 28px;
	text-decoration: none;
	white-space: nowrap;
}

span.button:active {    background-position: right -72px;}
span.button:active span { background-position: 0 -72px;}

span.button.button-small, span.button.button-small span { background-image: url("/images/buttons/button-sm.png");}
span.button.button-small input, span.button.button-small a { color: #29669b; height: 21px; font-size: .8em; line-height: 18px;}
span.button.button-small:active {    background-position: right -79px;}
span.button.button-small:active span { background-position: 0 -79px;}

span.button.button-large, span.button.button-large span { background-image: url("/images/buttons/button-lg.png");}
span.button.button-large input, span.button.button-large a { color: #fff; font-weight: 600; height: 35px; font-size: 1.1em; line-height: 35px; }
span.button.button-large:active {    background-position: right -65px;}
span.button.button-large:active span { background-position: 0 -65px;}

span.button.disabled  { background-position: right -36px;}
span.button.disabled span { background-position: 0 -36px;}
span.button.disabled input, span.button.disabled a { color: #9d8f6f;}
span.button.disabled:active {    background-position: right -36px;}
span.button.disabled:active span { background-position: 0 -36px;}


/* ------------------------------------------------------------
   aion item hovers
------------------------------------------------------------ */

span.aiondb-item-unknown {
  color: #9d9d9d;
}

table.aiondb-table tbody tr td {
  border: none !important;
}