body, table *
{
    font-size: 16px;
    font-family: "trebuchet ms", trebuchet, sans-serif;
}

html, body
{
    height: 100%;
    margin: 0;
    padding 0;
}

pre
{
    font-size: 12px;
    font-family: "lucida console", courier, monospace;
    overflow: hidden;
}

body
{
    background-image: url('images/bg.png');
    background-color: #888;
    margin: 0 0px;
    padding: 0 48px;
}

div
{
    margin: 0;
    padding: 0;
}

div.container
{
    background-color: #aaa;
    width: 820px;
    padding: 12px;
    margin: 48px;
    border-left: 12px solid #bbb;
    border-right: 12px solid #bbb;
    margin: 0 0;
    _height: 100%;
    min-height: 100%;
}

div.header
{
    background-image: url('images/logo.png');
    background-repeat: no-repeat;
    background-position: 98% 50%;
    border: 2px solid black;
    padding: 8px;
    padding-left: 24px;
    text-align: left;
    width: 784px;
    background-color: #bbb;
}

div.menubar
{
    border: 2px solid #666;
    border-top:0px;
    padding: 8px;
    padding-left: 24px;
    text-align: right;
    width: 784px;
    margin: 0 auto;
    background-color: #888;
    margin-bottom: 24px;
}

div.menubar div.menu
{
    padding: 2px;
    float: left;
}

div.menubar a
{
    color: #ddd;
    text-decoration: none;
}

div.menubar a:hover
{
    color: #fff;
    text-decoration: underline;
}

div.content a
{
    color: #00c;
    text-decoration: underline;
}

div.content a:visited
{
    color: #408;
    text-decoration: underline;
}


div.floatclear
{
    clear: both;
    margin: 0;
    padding: 0;
}

div.footer
{
    border: 0;
    padding: 18px;
    text-align: center;
    width: 780px;
    margin: 0 auto;
    background-color: #888;
    margin-top: 24px;
}

div.content
{
    border: 2px solid black;
    padding: 8px;
    text-align: left;
    width: 760px;
    margin: 16px auto;
    background-color: #bbb;
    margin-bottom: 12px;
}

div.ajaxauto
{
    padding: 2px;
    border: 1px solid #888;
}

h1
{
    padding: 0;
    margin: 0;
    font-size: 2em;
}

h2
{
    padding: 4px;
    margin: 4px 0;
    border-bottom: 2px solid #888;
    font-size: 1.5em;
    margin-bottom: 1.5em;
}

p
{
    text-align: justify;
}

ul
{
    margin: 0;
}

/* -- form -- */

form
{
    margin: 0;
    padding: 0;
}

input, textarea, select
{
    margin: 2px;
    vertical-align: middle;
}

/*checkbox, radio*/
input.nostyle
{
    margin: 0px;
}

select
{
    display: inline;
    margin: 2px 0;
}

select.options
{
    width: 250px;
}

/* -- ie select -- */
* html * select.options { width: auto; min-width: 250px; }

/* -- videos -- */

div.navigation
{
    border: 1px solid #080;
    background-color: #aaa;
    padding: 4px;
    margin: 8px 4px;;
    text-align: center;
    font-size: 0.8em;
}

div.videoitem
{
    border: 1px solid #888;
    padding: 8px;
    margin: 4px 8px;
    height: 54px;
    font-size: 0.8em;
}

div.videoitem img
{
    float: left;
    border: 0;
    margin: 0 16px 0 8px;
}

/* -- player -- */

embed.flv
{
    float:left;
    margin-right: 16px;
}

div.flvinfo
{
    border: 1px solid green;
    margin-left:408px;
    padding: 4px;
    background-color: #ccc;
}

div.adminopts
{
    border: 1px solid #888;
    padding: 4px;
    margin-top: 16px;
    background-color: #ccc;
    text-align: center;
    font-size: 0.8em;
}