/*
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)
*/

/* elements */

a
{
    display:                inline-block;
    padding:                0.25em;
}

body
{
    padding:        1em;
}

div
{
    margin:         0em;
    padding:        0.75em;
}

input,
textarea
{
    padding:            0.25em;
}

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

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

label
{
    display:            block;
}


/* ids */

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

    #results li
    {
        display:            inline-block;
    }

        #results li img
        {
            border-width:       1px;
            display:            block;
            opacity:            0.8;
        }

        #results li img:hover
        {
            opacity:            1;
        }

        #results li .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;
        }

#queries
{
    display:            none;
    padding-left:       0.5em;
}

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

#copyright,
#header
{
    border-width:           1px;
}

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

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

#search,
#account-actions
{
    padding-left:               0;
}

    #account-actions li,
    #tagcloud li
    {
        display:                inline-block;
    }

        #account-actions li a,
        #tagcloud li a
        {
            padding:                0.5em;
        }

        #account-actions li a:after
        {
            margin-right:           0.25em;
        }

#tagcloud
{
    width:                  20em;
    /*padding-bottom:         0.5em;*/
}

#login h1,
/*#messagebox h1,*/
#search h1,
#tagcloud h1,
#account-actions h1
{
    display:                none;
}

#content
{
    padding-right:          0;
    padding-top:            0;
}

#messagebox
{
    margin-right:           21.5em;
}

#messagebox h1
{
    display:                inline;
}

#messagebox h1:after
{
    content:                ":";
}

.privacy
{
    padding:                0em;
}
