/** ページ全体 */
* {
  margin: 0;
  padding: 0;
}
body {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
}
img {
  border: 0;
}
a {
  color: #28f;
}

/** レイアウト */
.container {
  padding: 0 8%;
}
.header {
  margin: 1em 1em 0 1em;
  padding: 0;
}
.header img {
  vertical-align: middle;
}

/** 基本 */
.container h1 {
  margin: 1em 1em 1.5em 0.5em;
  padding: 0;
  font-size: x-large;
  color: #28c;
}
.container h2 {
  margin: 1em 0 0 0;
  padding: 0 2em 0.75em 2em;
  background: url(/images/h2_bg.png) no-repeat 0px -15px;
  font-size: medium;
  color: #28c;
}
.container p {
  margin: 1em;
  padding: 0;
}
.container dl {
  margin: 1em;
  padding: 0;
}
.container dt {
  margin: 0.5em 0 0 0;
  padding: 0;
  font-weight: bold;
  border-bottom: 1px solid #bbb;
}
.container dd {
  margin: 0 0 0 1.5em;
  padding: 0;
}

/* ロゴ */
#logo a {
  color: #696969; /* dimgray */
  font-family: 'Arial Black';
  line-height: 1em;
  font-size: 250%;
  text-decoration: none;
}

/** player */
.player {
  margin: 0;
  padding: 0;
  display: inline;
}
.player span {
  margin: 0;
  padding: 0 0.5em;
  background: url(/images/btn_mask.png) no-repeat;
  cursor: default;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.player span.enabled {
  background: url(/images/btn_on.png) no-repeat;
  cursor: pointer;
}
.player span.not-ready {
  background: url(/images/btn_off.png) no-repeat;
  cursor: pointer;
}

.player span.error {
  background: none;
  color: #aaa;
}

.player .auto_play {
  background: transparent;
  display: none;
}
.player .auto_play span {
  margin-right: 0.5em;
  margin-left: 0.5em;
  background: silver;
}
.player .auto_play span.enabled {
  background: #fd0;
}
.player .auto_play span.not-ready {
  background: #ec6;
}

/** ボタン */
.buttons {
  margin-bottom: 1em;
  display: inline;
}

.buttons span,
.buttons a {
  text-decoration: none;
  color: white;
  background: silver;
  font-weight: bold;
  padding: 0.2em 0.5em;
  margin-right: 3px;
  cursor: default;
}

.buttons a,
.buttons span.enabled {
  cursor: pointer;
  background: #FFD700; /* gold */
}

/** top - トップページ */
.top {
  margin: 0 0 0 0;
}
.top h1 {
  margin: 0.75em 0 -0.75em 0;
  text-align: center;
}
.top .form {
  margin: 0 0 1em 0;
  text-align: center;
}
.links {
  margin: 0em 0 3em 0;
  text-align: center;
  font-size: 90%;
}
#count_t {
  margin: 45px auto 2em auto;
  font-size: 70%;
  text-align: center;
}
#count_t td {
  padding: 0 10px;
}

/** find - 検索結果ページ */
.find {
/*
  padding: 0 8%;
*/
  padding: 0;
}
.find #header {
/*
  margin: 1em 1em 0 1em;
*/
  margin: 16px 1em 0 1em;
  padding: 0;
}
.find #logo {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.find #logo img {
  vertical-align: middle;
  border: 0;
}
.find .form {
  vertical-align: middle;
  margin: 1em;
  padding: 0;
  display: inline;
}
.find #search {
  margin: 1em;
  padding: 0;
}

.count {
/*  margin: 1em 0;*/
  margin: 16px 0 5px 0;
  padding: 0;
  background-color: #eee;
  border-top: 2px solid #ccc;
  font-size: small;
  text-align: right;
  height: 1.4em;
}
.count img {
  vertical-align: bottom;
  margin-right: 0.3em;
}
.paging {
  margin: 5em 0 3em 0;
  padding: 0;
  border-bottom: 2px solid #ccc;
  font-size: small;
  text-align: center;
}
.paging a {
  padding: 0 0.2em;
  border-bottom: 2px solid #1bf;
}

/* 検索結果 */
#search table.story {
  margin: 0 0 2em 0em;
}
#search table.story tr td {
  margin: 0;
  padding: 0;
  font-size: 0.85em;
  text-align: left;
}
#search .podcast-title {
/*  display: block;
  margin: 0 1em 0 0;
  font-weight: bold;
  color: #28f;
*/
}
#search .title,
#search .description {
  padding: 0 0 0.5em 0;
  font-size: small;
}
#search td.td_player {
  width: 120px;
}
#search span.play_btn {
/*background-image: url(/images/play.png);*/
}
#search span.stop_btn {
/* background-image: url(/images/stop.png);*/
}
#search .text {
/*
  font-size: small;
  font-size: 90%;
  font-size: medium;
*/
  font-size: 95%;
}
#search .hit {
  margin: 0;
  padding: 0;
  font-weight: bold;
  color: gold;
}
#search .cursor {
  background: silver;
  color: #fff;
}
#search .pub_date { 
  font-size: small;
}

/** .find #notice */
.find #notice {
  margin: 2em 0;
  padding: 1em;
  border: 4px solid #fd0;
}

/** seach_form - 検索フォーム */
#search_form {
  display: inline;
  white-space: nowrap;
}
#search_form input {
  margin: 0 0.1em;
  padding: 0;
  font-size: medium;
  vertical-align: middle;
}

/** env - 注意書き */
.notice {
  width: 30em;
  margin: 0 auto 2em auto;
}
.notice h2 {
}
.notice p {
  font-size: small;
}

/** env - 推奨環境 */
.env p {
}
.env dl {
  font-size: small;
}

#count {
  font-size: 0.8em;
}

/** footer */
.footer {
  margin: 1em;
  padding: 1em;
  text-align: center;
  font-size: small;
}
.footer a {
  color: #000;
  text-decoration: none;
}

/** 編集画面 */
.edit {
}
.edit .description {
  font-size: 80%;
}

.error {
  color: #ff0000;
}
#entry_form {
  text-align: center;
  margin-top: 100px;
}
#entry_form .caution {
  margin: 5em auto;
  font-size: 90%;
  width: 55%;
  text-align: left;
}

#history {
  margin: 1em 0 2em 0;
  padding: 0;
}
#history .rev {
  margin: 1em;
}
.history_chart {
  margin: 1.5em 0 0em 0;
}
#login .body {
  margin: 5em auto;
  width: 80%;
}
#login #openid_url {
  background-image: url(/images/openid-login.gif);
  background-position:4px 50%;
  background-repeat:no-repeat;
  width:70%;
  font-size: 100%;
  height: 1.5em;
}
#login .description{
  text-align: center;
}

#profile .body {
  margin: 2em 0;
  min-height: 25em;
}
#profile h2 {
  margin: 2em 0 1em 0;
}
#profile ul {
  list-style: none;
}
#profile li {
  padding: 0.3em;
}

#ranking .body {
  margin: 2em 0;
  min-height: 25em;
}
#ranking .item {
  margin: 1.5em 0;
}
#ranking ul {
  margin: 1em 0;
  list-style: none;
}
#ranking .rank {
  font-size: 2.5em;
  font-weight: bold;
  color: #28c;
}

#user_info {
  text-align:right;
  width: 95%;
  font-size: 70%;
  position: absolute;
  top: 0.5em;
}

.page_links {
  text-align: center;
}

.media_meta {
  font-size: small;
  margin: 5px 0 0 0;
  color: #999;
}

#sort {
  text-align: right;
  font-size: 80%;
  margin: 0 0 0.5em 0;
}
.sort_current {
  font-weight: bold;
}

.recent_item, .podcasts {
/*  margin: 1em 0; */
  margin: 0 0 2em 0;
}
.podcasts h2, #search h2, .recent_item h2 {
  background: none;
  margin: 0;
  padding: 0;
  color: #000;
  font-weight: normal;
}
.podcasts h2 a, #search h2 a, .recent_item h2 a {
  font-weight: bold;
}
#search h2 span, .recent_item h2 span, .podcasts h2 span {
  font-size: 0.8em;
}
#search h2 .hit {
  font-size: 1em;
}
.recent_item_body, .podcasts_body {
  padding: 0.5em 0;
  font-size: 0.85em;
}
.edit_count {
  color: #fff;
  background-color: #4af;
  padding:0 5px;
  font-weight: normal;
  font-size: 12px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.caution_ad {
  font-size: 70%;
  margin: -0.3em 0 0 0;
  padding: 0;
}

.video_label {
  color: #fff;
  background-color: #ff4500;
  padding:0 5px;
  font-weight: normal;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.fav_label {
  color: #fff;
  background-color: gold;
  padding:0 5px;
  font-weight: normal;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#search #emb {
  position: fixed;
  top: 0 ; right: 0;
}

table.history td {
  padding: 0.2em 0.5em;
}
.revision_prev {
  background-color: #faa
}
.revision_rev {
  background-color: #afa
}

.diff td {
  padding: 1em;
  border: 1xp solid #ccc;
  vertical-align:top;
}

#charts h3 {
  color: #28c;
  margin: 20px 0 10px 0;
}
#charts td {
  padding: 20px;
}

.checked_label {
  color: #fff;
  background-color: #66cc00;
  padding:0 5px;
  font-weight: normal;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#prefs td, #prefs th{
    padding: 3px 10px;
    text-align: left;
}

.podcast_title {
  font-size: 80%;
}
.older {
  margin: 5px 10px;
  font-size: 80%;
}
.fav {
/*  width: 1.5em; */
}
.media_file_meta .fav {
  width: 1.5em;
}

.buzz {
  margin: 5px 0 0 0;
  font-size: 80%;
}
.recommend_t {
  margin: 0 auto;
}
.recommend {
  font-size: 80%;
  text-align: left;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #ddf;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.recommend div {
  padding: 4px;
}

.coverage {
  color: #fff;
  background-color: #66cc00;
  padding:0 5px;
  font-weight: normal;
  font-size: 12px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.prof {
  margin: 20px 0;
}
.prof td {
  vertical-align: top;
  padding: 0 20px 0 0;
}
.prof .name {
  font-size: 120%;
  padding: 0 7px 0 0;
}
.prof .edit {
  font-size: 80%;
  padding: 20px 0 0 0;
}
.prof .openid {
  font-size: 80%;
}

.admin a {
    color: darkred;
}

#user_logined {
    display: none;
}

h1.dic_title {
  margin: 0 0 0.3em 0;
}
.dic {
  width: 90%;
}
.dic td{
  vertical-align: top;
}
#dict h2 {
  font-size: 110%;
  margin: 0 0 0 0;
}
#dict h3 {
  font-size: 100%;
  margin: 1em 0 0 0;
}
.dic_meta, .dic_edit, .dic_desc {
  color: #777;
  font-size: 80%;
}
#dict .fieldWithErrors {
  display: inline;
}
#media_file_new div {
    text-align: center;
}
#media_file_new table {
    text-align: left;
    margin: 0 auto;
    padding: 0.3em;
}
#media_file_new .support_file {
    margin-top: 2.5em;
    font-size: 80%;
    text-align: left;
}
#media_file_new .submit {
    text-align: center;
}
.coverage_complete {
    font-weight: bold;
    background-color: deeppink;
}