/*
Yolanda default layout stylesheet
(c) 2007-2008 Nils Dagsson Moskopp

This file is licensed under the WTF Public License.

Purpose of this file is to provide the structure of the layout, such as:
    - size (width, height)
    - spacing (margin, padding)
*/

blockquote
{
    width:          15em;
}

body
{
    margin:             1em;
    min-width:          46em;
}

form
{
    margin-bottom:      0.5em;
}

h1
{
    margin-bottom:      0.33em; /* roughly 0.5em relative to base */
}

h2
{
    margin-bottom:      0.35em; /* roughly 0.5em relative to base */
}

h3
{
    margin-bottom:      0.38em; /* roughly 0.5em relative to base */
}

form ol
{
    display:            inline-block;
    text-align:         center;
    width:              100%;
}

    form li
    {
        list-style:         none;
    }

        form li input,
        form li select,
        form li textarea
        {
            width:              15em !important;
        }

        form li input[type="radio"]
        {
            width:              1em !important;
        }

        form li label
        {
            display:                inline-block;
            margin:                 0.5em;
            width:                  15em !important;
        }

        form li fieldset
        {
            border:                 none;
            display:                inline-block;
            margin-bottom:          0.5em;
            margin-top:             0.5em;
            padding:                0px;
            width:                  30em !important;
        }

        form li fieldset label
        {
            display:            block;
            margin:             0px;
            /* padding of outer fieldset needs to be substracted */
            margin-left:        14.5em;
            padding:            0px;
            width:              auto;
        }

input,
textarea
{
    padding:            0.5em;
}

    input[type="text"]
    {
        width:              9.5em;
    }

    input[type="submit"]
    {
        width:              9.5em;
    }

ol
{
}

    ol#results
    {
    /* compensate for list element margin */
        text-align:             center;
    }

        ol#results li
        {
            display:            inline-block;
            width:              216px;
        }

            ol#results li img
            {
                border-width:       1px;
            }

            ol#results li a.title
            {
                display:        block;
                height:         1em;
                overflow:       hidden;
            }

ul
{
}

    ul#badges
    {
        text-align:             center;
    }

        #badges li
        {
            display:                inline-block;
            margin-left:            0.5em;
            margin-right:           0.5em;
        }

    ul#queries
    {
        padding-left:       0.5em;
    }

#video
{
    display:                block;
    margin:                 auto;
}

#video,
#copyright,
#header,
#heading,
#login,
#search,
#tagcloud,
#upload
{
    border-width:           1px;
    margin-bottom:          1em;
}

#copyright,
#header,
#heading,
#login,
#search,
#tagcloud,
#upload
{
    padding:                1em;
}

#header
{
    height:                 3em;
    padding-bottom:         0.5em;
}

#messagebox
{
    border-width:           1px;
    margin-right:           28em !important;
    padding:                1em;
    text-align:             center;
}

    #content #messagebox
    {
        margin-right:           0em !important;
        border-width:           0px;
    }

#heading,
#login,
#search,
#tagcloud,
#upload
{
    width:                  25em;
    /*padding-bottom:         0.5em;*/
}

#login h1,
#messagebox h1,
#search h1,
#tagcloud h1,
#upload h1
{
    display:                none;
}

#content,
#header
{
    margin-right:           28em;
}
