/*
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 decorations, such as:
    - borders (size, width, style etc.)
    - font properties (family, size, style, weight etc.)
    - spacing between elements and / or content (margin, padding)
    - css pseudo-content that isn't graphics (:before, :after)
*/

body
{
    font-family:        sans-serif;
    font-size:          8pt;
/*    font-weight:        bold;*/
    margin:             1.5em;
    text-align:         center;
}

a
{
    text-decoration:    none;
}

    a:focus
    {
    }

    a:hover
    {
        text-decoration:    underline;
    }

    a.tag
    {
        margin-left:    0.25em;
        margin-right:   0.25em;
    }

div
{
    border-style:       solid;
    border-width:       1px;
    margin:             0.5em;
    padding:            0.5em;
}

    div.button-download
    {
        /* TODO: find out /why we do this/ (see div.searchbar) ! */
        margin-top:         0em;
    }

    div.description
    {
        /* TODO: find out /why we do this/ (see div.searchbar) ! */
        margin-top:         0em;
        text-align:         justify;
    }

    div.footer,
    div.header
    {
    }

    div.cc-license
    {
        /* TODO: find out /why we do this/ (see div.searchbar) ! */
        margin-top:         0em;
        vertical-align:     top;
    }

        div.cc-license img
        {
            border-width:   0px;
            margin:         0.5em;
        }

    div.cc-license-chooser
    {
    }

        div.cc-license-chooser img
        {
            vertical-align: middle;
        }

    div.commentform,
    div.loginform,
    div.registerform,
    div.settingsform,
    div.uploadform
    {
        line-height:    2.5em;
        margin:         1.5em;
    }

    div.loginbox
    {
        /* TODO: find out /why we do this/ (see div.searchbar) ! */
        margin-top:         0em;
        text-align:         justify;
    }

    div.messagebox
    {
        /* correct spacing to avoid overlapping with float:right elements */
        margin-right:       22em;
    }

        div.messagebox span.message
        {
            font-weight:        bold;
            line-height:        1.5em;
            margin-bottom:      1em;
            /* correct spacing to avoid overlapping with background icon */
            margin-left:        33%;
            margin-top:         1em;
            /* the width of the icon */
            padding-left:       32px;
            text-align:         justify;
        }

    div.metadata
    {
        /* TODO: find out /why we do this/ (see div.searchbar) ! */
        margin-top:         0em;
        line-height:        1.5em;
        text-align:         justify;
    }

    div.page-number
    {
        font-size:      40px;
        overflow:       visible;
    }

    div.protip-embed
    {
        /* correct spacing to avoid overlapping with float:right elements */
        margin-right:       22em;
    }

div#preview
{
        /* correct spacing to avoid overlapping with float:right elements */
        margin-right:       22em;
}

        div#preview form
        {
        }

            div#preview form button[name="playback"]
            {
                /* crude center hack (second part in fake6.css) */
                margin-left:    -15em;
                margin-top:     -7.5em;
            }

            div#preview form button[name="download"]
            {
                /* crude center hack (second part in fake6.css) */
                margin-left:    0em;
                margin-top:     -7.5em;
            }

        div#preview img
        {
        }

    div.results
    {
        border-width:       0px;
        /* correct spacing to avoid overlapping with float:right elements */
        margin-right:       22em !important;
        padding:            0px;
    }

        div.results div.result
        {
            border-width:       0px;
            padding:            0em;
        }

            div.results div.result img
            {
                border-width:   1px;
            }

    div.searchbar
    {
        /* TODO: find out /why we do this/ !
        does float make zero top margin really necessary or is it a bug ?
        latter seems unlikely because it works across browsers. */
        margin-top:         0em;
        text-align:         justify;
    }

    div.splashbox
    {
        /* correct spacing to avoid overlapping with float:right elements */
        margin-right:       22em;
        text-align:         justify;
    }

    div.tagcloud
    {
        /* TODO: find out /why we do this/ (see div.searchbar) ! */
        margin-top:         0em;
        text-align:         justify;
    }

    div.video
    {
    }

form
{
}

    form fieldset
    {
        border-width:       0px;
    }

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

h1
{
    font-weight:        normal;
    font-size:          2em;
    text-align:         center;
}

li
{
}

    li#latestadditions
    {
    }

    li#mostviews
    {
    }

    li#mostdownloads
    {
    }

input
{
    text-align:         left;
}

img
{
    border-width:       0px
}

    img#logo
    {
    }

p
{
    margin:         0.5em;
    padding:        0.5em;
}

span
{
}

    span.duration:after
    {
        content:            ")";
    }

    span.duration:before
    {
        content:            "(";
    }

    span.instruction
    {
    }

    span.protip
    {
        font-weight:bold;
    }

    span.protip:after
    {
        content:            " )";
    }

    span.protip:before
    {
        content:            "( ";
    }

    ul#header
    {
        /* don't overlapt with the site logo */
        margin-left:    260px   !important;
    }

    ul#footer,
    ul#header
    {
        border-style:           solid;
        border-width:           1px;
        font-weight:bold;
        list-style-type:        none;
        margin:                 0.5em;
    }

        ul li
        {
        }

            ul#footer li a,
            ul#header li a
            {
                font-size:          1em;
                line-height:        3em;
                padding:            1em;
            }

    ul#account-actions,
    ul#queries
    {
        font-size:          1.5em;
        font-weight:        bold;
    }