/**
# common.css

###### Version: 0.2.2 - Last Modified: 2010-04-18

----
A generic common CSS file for Eth-OS related sites.

**Official Eth-OS Colors**

* background: #DFDFDF
* foreground: #1F1F1F
* red: #BF0000
* blue: #007FFF
* green: #009F00
* yellow: #FFEF00

Return: n/a
**/

    #viewport {
      margin: 0 auto 10em auto;
      width: 48em;
    }

    * {
      border: 0px none transparent;
      font-family: "Arial", san-serif;
      font-size: 100%;
      margin: 0;
      padding: 0;
    }

    body {
      overflow-y: scroll;
    }

    a {
      border: 1px solid;
      text-decoration: none;
    }

    a:focus,
    a:active {
      outline: none;
      -moz-outline-style: none;
    }

    table {
      border-collapse: collapse;
      width: 100%;
    }

    img {
      border: 2px solid transparent;
    }

    pre, textarea {
      border: solid 1px;
      margin-top: 0.25em;
      padding: 0.25em 0.5em;
      font: 100%/120% monospace;
      -moz-border-radius: 0.25em;
      -webkit-border-radius: 0.25em;
      -khtml-border-radius: 0.25em;
    }

    textarea {
      width: 92%;
      height: 15em;
      overflow: auto;
    }

    hr {
      border: 0px none;
      border-bottom: 1px solid;
    }

    h1, h2, h3, h4, h5, h6 {
      margin-bottom: 0.25em;
      margin-top: 0.5em;
      font-family: "Georgia", "Times New Roman", serif;
    }

    h1 { font-size: 200%; }
    h2 { font-size: 150%; }
    h3 { font-size: 120%; }
    h4 { font-size: 100%; }
    h5 { font-size: 90%; }
    h6 { font-size: 70%; }

    h1 {
      text-align: center;
    }

    dd ul, dd ol,
    ul, ol {
      margin-left: 2em;
    }

    p, ul, ol, blockquote {
      line-height: 150%;
      margin: 0.5em 0;
    }

    th {
      font: italic 90%/100% "Georgia", "Times New Roman", serif;
      padding: 0.125em 0.5em 0.25em 0.5em;
      text-shadow: #FFFFFF 0px 1px 1px;
    }

    dd > p,
    div.content p {
      text-align: justify;
      text-indent: 1em;
      line-height: 150%;
    }
    div.content {
      line-height: 150%;
    }

    div.image {
      text-align: center;
      margin-bottom: 1em;
    }

    .left    { text-align: left;}
    .center  { text-align: center;}
    .right   { text-align: right;}
    .red     { color: red; font-weight: bold; }
    .non     { color: transparent; font-weight: bold; }
    .tiny    { font-size: 66%; }
    .small   { font-size: 90%; }
    .large   { font-size: 125% }
    .huge    { font-size: 300%; }
    .italic  { font-style: italic; }

    /* ebb */

    ul.nav {
      margin: 0;
      padding: 0;
      text-align: center;
      width: 100%;
    }

    ul.nav li {
      display: inline-block;
      list-style: none;
    }

    a.button,
    a.catbutton {
      border: 1px solid;
      font-family: sans-serif;
      font-size: 66%;
      font-weight: bold;
    }

    div.thumb {
      float: right;
      margin-left: 16px;
    }

    div.details {
      clear: both;
      font-size: 75%;
      font-style: italic;
      margin-bottom: 1em;
      text-align: right;
    }

    a.permalink {
      font-family: "Georgia", "Times New Roman", serif;
    }

    table.pager td {
      padding: 0;
    }

    .dialog {
      border: 1px solid;
      border-radius: 0.5em;
      margin: 0.5em auto;
      padding: 0.5em;
      text-align: center;
      width: 36em;
      -moz-border-radius: 0.5em;
      -webkit-border-radius: 0.5em;
      -khtml-border-radius: 0.5em;
    }

    input.submit,
    input.button  {
      border: 1px solid;
      font: bold 66%/100% sans-serif;
      margin: 0.25em 0;
      padding: 0.125em 1em;
    }

    input.submit:hover,
    input.button:hover  {
      border: 1px solid;
      text-shadow: 0 1px 1px #000000;
      -moz-border-radius: 0.3em;
      -webkit-border-radius: 0.3em;
      -khtml-border-radius: 0.3em;
    }

    label.input {
      display: inline-block;
      font: italic bold 75%/100% "Georgia", "Times New Roman", serif;
      text-align: right;
    }

    select,
    div.group input.imagefile,
    input.input {
      border: 1px solid;
      font: 100%/100% monospace;
      margin: 1px;
      padding: 0 0.25em;
      width: 90%;
      -moz-border-radius: 0.3em;
      -webkit-border-radius: 0.3em;
      -khtml-border-radius: 0.3em;
    }

    div.group {
      text-align: left;
      margin: 0 auto;
      width: 32em;
    }

    div.group select { width: auto; }
    div.group input.input { width: 64%; }
    div.group input.imagefile { width: 64%; }
    div.group label.input  { width: 24%; }
    table.form_table td { padding: 0.125em; }

    div.google_ads {
      clear: both;
      margin: 1em;
      text-align: center;
    }

    div.header a, h1, h2, h3, h4 {
      letter-spacing: 0.05em;
    }

    div.header a {
      font: bold italic 360%/100% "Georgia", "Times New Roman", serif;
      text-align: center;
    }

    div.header a img {
      margin-top: 10px;
    }

    div.about, div.footer {
      background: url(/share/png/shade-v32.png) repeat scroll 0 0;
      border: 1px solid;
      font: bold italic 90%/100% "Georgia", "Times New Roman", serif;
      padding: 0.33em;
      text-align: center;
      vertical-align: middle;
      -moz-border-radius: 1em;
      -webkit-border-radius: 1em;
      -khtml-border-radius: 1em;
    }

    div.about a, div.footer a {
      font: bold italic 90%/100% "Georgia", "Times New Roman", serif;
    }

    div.markup {
      margin: 0 0.6em;
    }

    div.header {
      text-align: center;
      padding-bottom: 0.5em;
    }

    table.header {
      table-layout: fixed;
    }

    .msg {
      border: 1px solid transparent;
      font-size: 66%;
      font-weight: bold;
      text-align: center;
      padding: 0.5em;
      margin: 0.125em auto;
      -moz-border-radius: 0.3em;
      -webkit-border-radius: 0.3em;
      -khtml-border-radius: 0.3em;
    }

    /* -- viewtree -- */

    #viewtree td.td1 { text-align: left; font-weight: bold; }
    #viewtree td.td2 { text-align: right; font-size: 90%; }
    #viewtree td.td3 { width: 5em; text-align: right; font-size: 90%; }

    #viewtree dt {
      border-top: 1px solid;
      padding-left: 16px;
      line-height: 150%;
      letter-spacing: 0.1em;
      font-weight: bold;
      background: url(/share/png/right.png) no-repeat left center;
    }

    #viewtree > dl {
      margin: 0 0.5em;
    }

    #viewtree dd {
      display: none;
    }

    #viewtree .open {
      border-top: 1px solid;
      background: url(/share/png/down.png) no-repeat left center;
    }

    #viewtree .close {
      border-top: 1px solid;
      background: url(/share/png/right.png) no-repeat left center;
    }

    #viewtree dl dd dl dt { margin-left: 1em; }
    #viewtree dl dd dl dd dl dt { margin-left: 2em; }
    #viewtree dl dd dl dd dl dd dl dt { margin-left: 3em; }
    #viewtree dl dd dl dd dl dd dl dd dl dt { margin-left: 4em; }
    #viewtree dl dd dl dd dl dd dl dd dl dd dl dt { margin-left: 5em; }
    #viewtree dl dd dl dd dl dd dl dd dl dd dl dd dl dt { margin-left: 6em; }
    #viewtree dl dd dl dd dl dd dl dd dl dd dl dd dl dd dl dt { margin-left: 7em; }

    /* -- colors ------------------------------------------- */

    body {
      background-color: #DFDFDF;
      color: #3F3F3F;
    }

    a {
      color: #236ECD;
      border-color: transparent;
    }

    a:hover {
      color: #BF0000;
    }

    pre, textarea {
      background-color: #DFDFDF;
      border-color: #7F7F7F;
    }

    hr {
      border-color: #CFCFCF;
    }

    th {
      color: #7F7F7F;
      text-shadow: #FFFFFF 0px 1px 1px;
    }

    /* ebb */

    a.button {
      border-color: transparent;
    }

    a.button:hover {
      color: #BF0000;
    }

    a.current {
      color: #BF0000;
    }

    ul.nav a.button:hover {
      border-color: #BF0000 transparent #BF0000 transparent;
      color: #BF0000;
    }

    ul.nav a.current:hover {
      border-color: transparent;
      color: #BF0000;
    }

    div.thumb {
      color: #6F6F6F;
    }

    div.details {
      color: #7F7F7F;
    }

    a.permalink img {
      border: 2px solid #6F6F6F;
    }

    a.permalink:hover img {
      border-color: #BF0000;
    }

    form.dialog {
      background-color: #FFFFFF;
      border-color: #7F7F7F;
    }

    input.submit,
    input.button  {
      background-color: transparent;
      border-color: transparent;
      color: #BF0000;
    }

    input.submit:hover,
    input.button:hover  {
      background-color: #DFDFDF;
      border-color: #7F7F7F;
      color: #000000;
      text-shadow: 0 1px 1px #FFFFFF;
    }

    label.input {
      color: #5F5F5F;
    }

    select,
    div.group input.imagefile,
    input.input {
      background-color: #DFDFDF;
      border-color: #7F7F7F;
    }

    textarea.needsfilled,
    input.needsfilled {
      background-color: #BF0000;
      color: white;
    }

    div.header a, h1, h2, h3, h4 {
      border-color: transparent;
      color: #6F6F6F;
      text-shadow: #FFFFFF 0px 1px 1px;
    }

    div.header a {
      color: #7F7F7F;
    }

    div.about, div.footer  {
      background-color: #DFDFDF;
      border-color: #BFBFBF;
      color: #6F6F6F;
      text-shadow: #FFFFFF 0px 1px 1px;
    }

    div.footer a, div.about a {
      color: #6F6F6F;
    }

    div.footer a:hover, div.about a:hover {
      color: #BF0000;
    }

    .msg {
      background-color: #BF0000;
      border-color: #000000;
      color: #FFFFFF;
    }

    /* -- viewtree -- */

    #viewtree dt {
      background-color: #DFDFDF;
      border-color: transparent;
      color: #236ECD;
      font-weight: bold;
      text-shadow: #FFFFFF 0px 1px 1px;
    }

    #viewtree dt:hover {
      background-color: #CFCFCF;
      color: #BF0000;
    }

    #viewtree dt:hover a {
      color: #BF0000;
    }

    #viewtree .open {
      background-color: #DFDFDF;
      border-color: #CFCFCF;
    }

    #viewtree .close {
      background-color: #DFDFDF;
      border-color: transparent;
    }

    /* candidates for moving here */

    a.submit {
      font-size: 66%;
      font-weight: bold;
    }

    a,
    a.submit,
    a.permalink {
     color: #236ECD;
    }

    a:hover,
    a.current,
    a.current:hover,
    a.submit:hover,
    a.permalink:hover {
      color: #BF0000;
    }

    a.submit:hover {
      border-color: #BF0000 transparent #BF0000 transparent;
    }

    a.current:hover {
      border-color: transparent;
    }
/**
* Copyright: Mark Constable <markc@eth-os.org>
* License: AGPLv3
* Source: git://eth-os.org/gromjs/
**/