/*
Yolanda default stylesheet colors (using tango color palette)
(c) 2007-2008 Nils Dagsson Moskopp

This file is licensed under the WTF Public License
(License terms: Do what the fuck you want.)

Purpose of this file is to provide the structure of the layout, such as:
    - display style (block, inline, inline-block etc.)
    - size of (width, height)

Please clear this file of any CSS properties that do not define structure.
↑↑ Remove this notice as soon as this file holds only structural CSS. ↑↑
*/

body
{
    min-height:         100%;
}

a
{
}

    a:focus
    {
    }

    a:hover
    {
    }

    a.tag
    {
        display:        block;
        float:          left;
    }

div
{
}

    div.cc-license
    {
        clear:          right;
        float:          right;
        width:          20em;
    }

        div.cc-license img
        {
        }

    div.comments
    {
    }

    div.description
    {
        clear:          right;
        float:          right;
        width:          20em;
    }

    div.loginbox
    {
        clear:          right;
        float:          right;
        width:          20em;
    }

    div.messagebox
    {
    }

        div.messagebox#error
        {
        }

        div.messagebox#information
        {
        }

        div.messagebox#warning
        {
        }

    div.metadata
    {
        clear:          right;
        float:          right;
        width:          20em;
    }

    div.page-number
    {
        display:        inline-block;
        font-size:      40px;
        height:         32px;
        width:          32px;
        overflow:       visible;
    }

    div.protip-embed
    {
    }

    div#preview
    {
        position: relative;
    }

        div#preview form
        {
            height:         100%;
            width:          100%;
        }

            div#preview form button
            {
                /* crude center hack (second part in bridget.css) */
                position:       absolute;
                top:            50%;
                left:           50%;
                width:          15em;
                height:         15em;
            }

        div#preview img
        {
        }

    div.results
    {
    
    }

        div.results div.result
        {
/*
            at this point, browsers such as firefox 2.0 mess up
*/
            display:        inline-block;
        }

            div.results div.result img
            {
            }

            div.results div.result img.flag
            {
                position:       relative;
                /* flag is 32px wide and has 1px borders */
                right:          34px;
                margin-right:   -34px;
            }

    div.searchbar
    {
        float:          right;
        width:          20em;
    }

    div.splashbox
    {
    }

    div.tagcloud
    {
        clear:          right;
        float:          right;
        width:          20em;
    }

    div.video
    {
        display:            inline-block;
    }

    div.videoccdata
    {
    }

        div.videoccdata img
        {
        }

    div.videotitle
    {
        font-size:          1.5em;
    }

form
{
}

    form fieldset
    {
    }

        form fieldset input[type="text"]
        {
        }

h1
{
}

li
{
}

    li#latestadditions
    {
    }

    li#mostviews
    {
    }

    li#mostdownloads
    {
    }

p
{
}

span
{
}

    span.duration
    {
    }

    span.heading
    {
    }

    span.instruction
    {
    }

    span.protip
    {
    }

table.metadata,
table.metadata-upload
{
    border-width:       0px;
    border-collapse:    collapse;
    width:              100%;
}

    table.metadata td.metadata-content,
    table.metadata td.metadata-title,
    table.metadata-upload td.metadata-content
    {
        text-align:     left;
        width:          50%;
    }

    table.metadata td.metadata-title
    {
        width:          40%;
    }

    table.metadata-upload td.metadata-title
    {
        text-align:     right;
        width:          50%;
    }

td.metadata-title
{
    color:          #606060;
}

ul
{
}

    ul#account-actions
    {
    }

    ul#footer,
    ul#header
    {
        clear:          both;
        display:        block;
        height:         3em;
    }

        ul#footer li,
        ul#header li
        {
            float:          left;
        }

            ul#footer li a,
            ul#header li a
            {
            }

    ul#queries
    {
    }