/* General layout */

#gallery-thumbs-container
{
    margin: 3px 0px 13px;
    padding-bottom: 11px;
}

#invite-text.site-up, h2.site-down
{
    margin: 0.5em 0em;
}

.site-down
{
    margin: 0.5em 0em;
}

#url-textbox
{
    float: left;
    width: 562px;
}

div#url-textbox input
{
    /* if using div technique, also need to specify width of input */
    width: 550px;   /* 562px width of textbox minus 6px endpieces */
}

#create-button
{
    float: right;
    margin-left: 6px;
    margin-right: 2px;
}

#error-text
{
    clear: both;
    margin: 1em 0em;
    padding-top: 0.5em; /* TEMP HACK compensating for floated elmts above, margin-top isn't working */
}


/* Gallery details */

#gallery-thumbs-container
{
    background: transparent url(../images/site/h-divider_dark.png) repeat-x scroll center bottom;
}

.gallery-thumb
{
    cursor: pointer;
    width: 43px;
    height: 43px;
    margin: 1px;    /* background image is only 51x51, add 1px margin to get 53 */
    margin-right: 7px;  /* 6px margin between thumbs, plus 1px margin above */
    /*  hardcoding width and height so that the images take up proper layout
        even when they haven't loaded yet (e.g. on slow connections)    */
    padding: 4px;
    background: transparent url(../images/site/thumbnailBg-rest.png) no-repeat scroll center center;
    border: 1px solid white;
    position: relative;
    left: -4px;     /* to align background image with viewer shadow */
}

.gallery-thumb-selected
{
    margin: 0px;    /* now background image is actually 53x53 */
    margin-right: 6px;  /* subtracting 1 just like margin */
    padding: 5px;
    background: transparent url(../images/site/thumbnailBg-selected.png) no-repeat scroll center center;
}


/* Text */

h2.site-down, p.site-up, #error-text
{
    font-size: 123.1%;  /* based on YUI Fonts CSS, translates to 16px... */
}

h2.site-down
{
    font-weight: bold;
}