@import url('reset.css');

/**
 * I AM NOT SURE WHY I DID THIS IN ALL EMs
 * I JUST DID OK
 * 
 * I MEAN THEY'RE PRETTY MUCH JUST PERCENTS RIGHT?? ?
 */

/**
 * ALSO THIS IS THE DRAFT
 */

body {
  font: 0.75em Helvetica, sans-serif;
}

a:visited {
  color: #0000ff;
}

h1, h2, h3, p, ul {
  clear: both;
  margin-bottom: 1.00em;
}

p {
  text-align: justify;
}

h1, h2, h3 {
  font-family: Georgia, serif;
  font-weight: normal;
  margin-bottom: 0.50em;
}

h1 { font-size: 2.50em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.25em; }

*.l { float: left; }
*.r { float: right; }

div.tin {
  overflow: hidden;
  position: relative;
}

  div.tin ul {
    list-style: none;
    padding: 0;
    position: relative;
  }

  div.tin ul li {
    display: inline;
    overflow: hidden;
    text-align: center;
  } 

  div.tin div.btn {
    position: absolute;
    text-align: center;
    z-index: 1;
  }

div#box {
  margin: 2.0em auto;
  width: 50.0em;
}

div#top {
  overflow: auto;
  margin: 0 0 1.5em 0;
}

  div#top div.a {
    float: left;
    padding: 0.25em 0;
    width: 21.0em;
  }
    
    div#top div.a p {
      text-align: right;
    }
    
  div#top div.b {
    float: left;
    text-align: center;
    width: 8.0em;
  }

    div#top div.b h1 {
      font-family: Helvetica, sans-serif;
      margin: 0;
    }
    
      div#top div.b h1 a {
        background: #000;
        color: #fff;
        padding: 0 0.20em;
        text-decoration: none;
      }
    
        div#top div.b h1 a:hover {
          color: #e0e0e0;
        }

  div#top div.c {
    float: right;
    padding: 0.125em 0;
    text-align: left;
    width: 21.0em;
  }
  
  div#top p {
    margin-bottom: 0;
  }

div#mid {
  border-bottom: 1px solid #e0e0e0;
  margin: 0 -1.0em;
  padding: 0 1.0em 0.5em 1.0em;
}

  div#mid div#nfo {
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-left: none;
    border-right: none;
    margin: 0 -1.0em 1.5em -1.0em;
    /* overflow: auto; */
    padding: 1.0em 1.0em 0 1.0em;
  }

    div#mid div#nfo div.tmp {
      /* 
      
      clear: none;
      float: left;
      width: 34.0em;
      
      */
    }

    /* Don't display (JS). */
    div#mid div#nfo ul.tin { display: none; }
    
    div#mid div#nfo div.tin {
      float: right;
      width: 16.0em;
    }
    
      div#mid div#nfo div.tin .btn {
        background: #ebebeb;
        cursor: pointer;
        height: 9.10em;
      }

        div#mid div#nfo div.tin .btn div {
          color: #0000ff;
          padding: 4.3em 0.1em 0 0.1em;
        }

div#bot {
  color: #a0a0a0;
  padding: 1.5em 0 0 0;
}

  div#bot p {
    text-align: center;
  }