/* KanjiWebEasy styles */

html, body, #container {
    background-color: #FAFAFA;
    color: #555555;
    font-family: Meiryo;
	height: 100%; margin: 0; padding: 0px; padding-left: 5px; padding-right:5px;
}
body > #container { height: auto; min-height: 100%; }
#content { padding-bottom: 250px; }
#footer {
 clear: both;
 position: relative;
 z-index: 10;
 height: 250px;
 margin-top: -200px;
}

.link {
    text-decoration: none;
    color: #4F71CA;
}

ol {
    overflow: hidden;
    list-style: none outside none;
    padding: 0;
}

li {
  border-bottom: 1px solid #D7DFE4;
  overflow: hidden;
  vertical-align: top;
}

#header ol li {
	margin-right:20px;
    float: left;
}

/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup form {display: block; position: relative; text-align: left; padding: 10px 0 10px 3%; }
#mc_embed_signup h2 {font-weight: bold; padding: 0; margin: 15px 0; font-size: 1.4em; }
 
#mc_embed_signup input { border: 1px solid #ababab; -webkit-appearance: none; }
#mc_embed_signup input[type=checkbox]{ -webkit-appearance: checkbox; }
#mc_embed_signup input[type=radio]{ -webkit-appearance: radio; }
#mc_embed_signup input:focus { border-color: #32477F; }
 
#mc_embed_signup .button {
  display: block;
  position: relative;
  background-color: #4F71CA;
  padding: 0;
  margin: 0 auto;
  border: 0 none;
  border-bottom: #374F8D 3px solid;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  width: 140px;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
}
#mc_embed_signup .button:hover { background-color: #4766B6; border-bottom-color: #32477F; }
#mc_embed_signup .button:active { top: 2px; border-bottom-width: 1px; }


/* Wordboxes */
.wordbox {
    float:left;
    margin-left:3px;
    margin-bottom: 10px;
    min-width: 575px;
	min-height: 35px;
    border: 2px solid gray;
    display: block;
}
.wordbox .link {
    text-decoration: none;
    color: #444444;
}
.wordbox .id {
	position:relative;
    margin-left:10px;
    font-size:10px;
    vertical-align: text-top;
}
.wordbox .word {
    font-size: 150%;
}
.wordbox .more {
    font-family: Monaco;
    float: right;
    position: relative;
    left: -50px;
    top: 4px;
    font-size: 75%;
    max-width: 0px;
}
.wordbox .count {
    width: 100px;
}
.wordbox .freq {
    width: 100px;
}

/* Kanjiboxes */
.kanjibox {
    float: left;
    margin: 1px;
    min-width: 175px;
    max-width: 175px;
    max-height: 70px;
    text-align:center;
    border: 4px solid gray;
}
.kanjibox .link {
    text-decoration: none;
    color: #444444;
}
.kanjibox .id {
  float:left;
  margin:3px;
    font-size: 10px;
    vertical-align: text-top;
}
.kanjibox .kanji {
  margin-right:40px;
    font-size: 300%;
}
.kanjibox .more {
  margin-left:20px;
    font-family: Monaco;
    font-size: 75%;
}
.kanjibox .count {
    width: 100px;
}
.kanjibox .freq {
    width: 100px;
}

.kanjibox .more {
    font-family: Monaco;
    position: relative;
    top: -50px;
    left: 105px;
    font-size: 75%;
    max-width: 0px;
}

/* Hover tags */
.wordbox:hover {
    text-shadow: 0 0 0.1em #f79731
}
.kanjibox:hover {
    text-shadow: 0 0 0.1em #f79731
}