/* logic.css - styles for DeSymbol
 *
 * D Provine, 2004-2013
 */


/* Reset some stuff to sensible defaults */

* {
      padding: 0px;
       margin: 0px;
       border: 0px;
}

a {
              color: #009;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


/* Color scheme and basic layout
 *   #e9e5cd / rgb(233,229,205), a nice parchmenty-yellow (similar
 *                               (to "novel" style for OSX Terminal)
 *   #8b0000 / rgb(139,  0,  0), dark red, contrasts nicely with above
 */

body {
    background-color: #e9e5cd;
               color: black;
}

h1 {
           font-size: 175%;
          text-align: center;
             padding: 4px;
               color: #e9e5cd;
    background-color: #8b0000;
}

footer {
    border-top: 2px solid #8b0000;
    text-align: left;
       padding: 2px 6px;
         color: #8b0000;
}

/* make the sections act like table cells */
section {
           padding: 1ex;
           display: table-cell;
    vertical-align: top;
}

/* make the main form look nice */

#translator {
     margin-left: auto;
    margin-right: auto;
      text-align: center;
}

#inputlogic {
     font-size: 110%;
    text-align: center;
       padding: 2px;
        margin: 2px;
        border: 1px solid black;
}

#translator button {
     font-size: 110%;
    text-align: center;
       padding: 2px;
        margin: 2px;
}

#translator button {
              border: 2px outset white;
       border-radius: 10px;
             padding: 2px 5px;
           min-width: 2em;
    background-color: #e6e6e6;
}

#translated {
           font-size: 110%;
          text-align: center;
             padding: 2px 5px;
              border: 2px solid #8b0000;
    background-color: white;
}


/* adjust spacing and appearance for vocabulary list */

#vocabulary {
          width: 33%;
    border-left: 1px dotted black;
}

#vocabulary dt {
    font-weight: bold;
}

#vocabulary dd {
    margin-left: 1em;
}

#vocabulary button {
             padding: 3px 5px;
    background-color: #f3f3f3;
              border: 1px outset white;
       border-radius: 10px;
}

#vocabulary span.custom {
           color: #8b0000;
    margin-right: 1ex;
     margin-left: 1ex;
}

.delbutton:hover {
    color: red;
}

.addwordform {
            position: absolute;
    background-color: white;
              border: 2px solid #8b0000;
       border-radius: 10px;
             padding: 10px;
          text-align: center;
}

.instructions {
    padding: 1ex;
     margin: 1ex;
}

.newword {
   text-align: center;
     border: 1px solid black;
      width: 7em;
    padding: 1px;
     margin: 1px;
}

.addwordbutton {
             padding: 3px 5px;
              border: 1px outset white;
    background-color: #f3f3f3;
               color: #8b0000;
       border-radius: 10px;
}

.closebutton {
      color: #8b0000;
    padding: 1px;
     margin: 1px;
}

.closebutton:hover {
    color: red;
}


code {
    white-space: nowrap;
}