/* common */
body { text-align: center; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.header, .title_container {
    text-align: center;
    margin: 1em 0 1em 0;
}
.page { width: 100%; }
.title {
    font-size: 26pt;
    margin: 0;
    font-weight: bold;
}
.video_frame { width: 100%; }
.video_frame video {
    max-width: 100%;
    max-height: 720px;
}
.video_list, .tag_list, .source_list {
    max-width: 90%;
    margin: auto;
    display: inline-block;
    text-align: left;
}
.footer, .top_navigation_inner {
    max-width: 90%;
    margin: 1em auto;
}
.footer_right, .top_navigation_right {
    display: inline-block;
    vertical-align: bottom;
    width: 30%;
    text-align: right;
}
.footer_left, .top_navigation_left {
    display: inline-block;
    vertical-align: bottom;
    width: 70%;
    text-align: left;
}
#logo { font-size: 52pt; }
#logo:hover { text-decoration: none; }
#sheet_selector_div { vertical-align: bottom; }
.small { font-size: small; }
.smaller {
    vertical-align: super;
    font-size: smaller;
}
.tooltip_right {
    /* position at half the screen so it will show up to the right */
    left: 50%;
}
.video_info .small { margin: 3px 0; }
.no_videos_message { margin: 2em 0; }

/* gallery */
.thumbnail_gallery {
    width: 90%;
    margin: auto;
}
.cover_button, .close_button { font-family: sans-serif; }
#cover_video_count { vertical-align: 0.1em; }

/* admin */
.admin_list { text-align: center; }
.admin_list_thumb { text-align: center; }
.admin_list_item { text-align: left; }
.admin_list_form {
    text-align: left;
    margin: 1em;
}

/* main page form */
.form_div { display: inline-block; }
.form_div input[type="text"], .form_div input[type="number"] { min-width: 160px; }
.submit_div, .license { text-align: center; }
.info_div { max-width: 40em; }
#form, .info_div {
    text-align: justify;
    margin: 0px auto;
}

/* static pages */
.howto p, .howto ul, .howto ol {
    max-width: 40em;
    margin: 1em auto;
    text-align: justify;
}
.howto ul { margin: 0px auto; }
.howto h1, .howto h2, .howto h3, .howto #date { text-align: center; }

/* album */
.post {
    margin: 1em auto;
    max-width: 800px;
    text-align: center;
}
.video {
    max-width: 90%;
    margin: auto;
}
.video_footer { width: 100%; }
.footer_bottom { text-align: left; }
.message {
    margin: 1em auto;
    max-width: 600px;
    text-align: justify;
}
.indent { margin-left: 3em; }
