BODY {
  padding: 0.3em 1em 1em 1em;
  margin: 0;
  font: 1em sans-serif;
  text-align: center;
  background-color: #fff;
}

#card {
    max-width: 42em;
}

#card tr td {
    width: 42em;
}

#top  {
  vertical-align: middle;
  height: 2em;
  text-align: left;
}

#mainmenu {
  margin-top: 0.5em;
  float: left;
  font-size: 0.85em;
}

#lungs {
  margin-top: 0.5em;
  float: right;
  text-align: right;
  max-width: 22em;
  font-size: 0.85em;
}

hr {
    height: 1px;
    color: #696;
    background-color: #696;
    border: 0px;
}

.orange {
    color: #e80;
}

hr.orange {
    background-color: #e80;
    clear: right;
    float: right;
    margin-top: 0.5em;
    height: 2px;
    width: 100%;
}

#left-arrow, #right-arrow {
    width: 2.5em;
    font-size: 1.5em;
    padding-bottom: 0.15em;
}

#left-arrow a, #right-arrow a {
    text-decoration: none;
}

#left-arrow {
    clear: left;
    float: left;
    text-align: left;
}

#right-arrow {
    float: right;
    clear: right;
    text-align: right;
}

#header {
    padding-top: 0.47em;
    padding-left: 2.5em;
    float: left;
    text-align: left;
    max-width: 31em;
}

#ident {
    font-size: 0.75em;
    margin-left: -2.9em;
    width: 2.2em;
    text-align: right;
    color: #aaa;
}

div.author{
    margin-top: -1.15em;
    line-height: 1.3em;
    font-size: 1.15em;
    color: #999;
}

div.name{
    line-height: 1.3em;
    font-size: 1.15em;
    color: #e80;
}

.sequence {
    color: #e80;
}

div.body{
    color: #131;
    font-size: 1em;
    line-height: 1.5em;
}


div.tagline{
  float: left;
  color: #aaa;
  font-size: 0.85em;
  line-height: 1.5em;
}




div.href {
    font-size: 0.85em;
    margin-bottom: 0.2em;
}

div.tagline a, div.author a, a.turn {
    text-decoration: none;
    border-bottom: 1px dashed #aaa;
}

a.translate {
    text-decoration: none;
    color: #000;
    border-bottom: 1px dotted #aaa;
}

p        {margin: 0 0 0 1.2em; text-indent: -1.2em;}
p.year   {margin-left:  3.3em; text-indent: -3.3em;}
p.date   {margin-left:  5.5em; text-indent: -5.5em;}
p.chrono {margin-left:  6.3em; text-indent: -6.3em;}
p.semit  {margin: 0 0 0     0; text-indent:      0; direction: rtl;}

em {
    font-style: normal;
    color: #e80;
}

tr.top      A,
tr.top      A:hover,

div.author  A,
div.author  A:hover,

div.tagline A,
div.tagline A:hover
{
    text-decoration: none;
}

div.author  A,
div.tagline A
{
  color: #66f;
}

div.author  A:visited,
div.tagline A:visited
{
  color: #969;
}

div.author  A:hover,
div.tagline A:hover
{
  color: #f66;
}

sup {
    font-size: 0.75em;
    padding-left: 0.2em;
}

.original {
  margin-top: 0.3em;
  font-size: 0.85em;
  color: #aaa;
  line-height: 1.3;
}

td.authlist {
  padding: 0.85em 0.5em 0 0;
  width: 3.7em;
  vertical-align: top;
  text-align: right;
  font-size: 0.85em;
  font-weight: bold;
}

td.aid {
  width: 3em;
}

label input {
    vertical-align: baseline;
}

input, textarea {
    font-size: 0.85em;
    font-family: Arial, sans-serif;
    border: 1px dashed #292;
    margin: 0.5em 0.5em 0 0;
    line-height: 1.5em;
    padding: 0.3em;
}

td.label {
    padding-right: 0.5em;
    width: 4.8em;
}

td.tagset {
    vertical-align: top;
    text-align: left;
    font-size: 0.85em;
    padding: 5em 0 1em 2em;
    line-height: 1.3em;
}

div.languages label {
    margin: 0 2em 0 0;
}

div.languages {
    padding-top: 1em;
}

span.editor {
    color: #ada;
    margin-left: 1px;
    margin-right: 1px;
}

td.editor div.body
{
    color: #aaa;
}

td.editor div.author {
    color: #9c9;
}

td.editor a, td.editor a:hover
{
    color: #99c;
}

td.editor a:visited
{
    color: #c9c;
}

div.tool {
font-weight: bold;
font-size: 0.8em;
margin: 1em 0 0 0;
}


div.social {
  float: right;
  text-align: right;
  width: 190px;
}

#twitter, #facebook, #delicious, #livejournal {
    position: relative;
    float: right;
    width: 28px;
}

#twitter a {
    background: url("/i/twitter-16-grey.png") no-repeat right 50%;
    padding: 1px 16px 1px 0px;
    text-decoration: none;
    font-size: 16px;
}

#twitter a:hover {
    background: url("/i/twitter-16-blue.png") no-repeat right 50%;
    text-decoration: none;
}

#facebook a {
    background: url("/i/facebook-16-grey.png") no-repeat right 50%;
    padding: 1px 16px 1px 0px;
    text-decoration: none;
    font-size: 16px;
}

#facebook a:hover {
    background: url("/i/facebook-16-blue.png") no-repeat right 50%;
    text-decoration: none;
}

#delicious a {
    background: url("/i/delicious-16-grey.png") no-repeat right 50%;
    padding: 1px 16px 1px 0px;
    text-decoration: none;
    font-size: 16px;
}

#delicious a:hover {
    background: url("/i/delicious-16-blue.png") no-repeat right 50%;
    text-decoration: none;
}

#livejournal a {
    background: url("/i/livejournal-16-grey.png") no-repeat right 50%;
    padding: 1px 16px 1px 0px;
    text-decoration: none;
    font-size: 16px;
}

#livejournal a:hover {
    background: url("/i/livejournal-16-blue.png") no-repeat right 50%;
    text-decoration: none;
}

#rss a {
    background: url("/i/rss-16-grey.png") no-repeat right 50%;
    padding: 1px 16px 1px 0px;
    text-decoration: none;
    font-size: 16px;
}

#rss a:hover {
    background: url("/i/rss-16-orange.png") no-repeat right 50%;
    text-decoration: none;
}

#email {
    margin: 0.1em 0 0 0;
    position: relative;
    float: right;
    font-size: 1.65em;
}

#random {
    margin: 0.17em 0.3em 0 0;
    float: left;
    font-size: 1.5em;
    letter-spacing: 0.5em;
}

#random img {
    margin-right: 5px;
}

#random a, #email a {
    text-decoration: none;
}