/*
 * this file contains div ID style definitions
 */

/* for our status message div */
#messenger
{
    z-index:  10;
    position: absolute;
    display:  block;
    top:      0;
    left:     0;
    z-index:  100;
    width:    320px;
    height:   140px;
}
#messenger_bg
{
    position:         absolute;
    top:              20px;
    left:             20px;
    width:            280px;
    height:           100px;
    background-color: #999999;
}
#msg_close
{
    position:         absolute;
    top:              27px;
    left:             250px;
    font-size:        8pt;
}
#msg_text
{
    position:         absolute;
    top:              28px;
    left:             28px;
    width:            238px;
    height:           58px;
    padding:          12px;
    background-color: #FFFFFF;
    border:           1px solid #FF6600;
}

/* loading... */
#loader
{
    position:         absolute;
    z-index:          1000;
    top:              150px;
    left:             0px;
    display:          block;
    width:            100px;
    height:           20px;
    padding:          5px;
    background-color: #FFFFFF;
    border:           1px solid black;
    border-right:     2px solid black;
    border-bottom:    2px solid black;
    text-align:       center;
}

/* search box */
#keyword
{
    background:   #FFFFFF url("../../images/icons/view_search.png") no-repeat;
    background-position: 1%;
    padding-left: 2em;
    width:        10em;
    color:        #999999;

    z-index:      5;
    position:     absolute;
    top:          26px;
    left:         420px;
}


/* header */
#page /* this is our parent */
{
    display:          block;
    float:            left;
    width:            99.2%;
    background-color: #FFFFFF;
    text-align:       left;
}
#body
{
    position:     relative;
    top:          0px;
    left:         50%;
    margin-left: -381px;
    width:        755px;
}
#logo_header
{
    position:         relative;
    display:          block;
    top:              0px;
    left:             50%;      /* center the page... */
    width:            755px;
    margin-left:     -381px;    /* this combined with left: 50% centers our page! */
    height:           46px;
    padding-top:      4px;
    padding-bottom:   4px;
    padding-left:     14px;
    border-bottom:    1px solid #FF3300;
    background-color: #FF6600;
    font-size:        18pt;
    color:            #FFFFFF;
}
#menu
{
    position:         relative;
    top:              0px;
    left:             50%;      /* center the page... */
    width:            759px;
    height:           100%;
    margin-left:     -381px;    /* this combined with left: 50% centers our page! */
    background-color: #FF9933;
    border-bottom:    #999999;
    padding-left:     10px;
    padding-top:      2px;
    padding-bottom:   5px;
}
/* the main body */
#main
{
    position:         absolute;
    top:              0px;
    left:             0px;
    width:            566px;
    padding:          6px;
    background-color: #FFFFFF;
    border-left:      1px solid #DDDDDD;
    border-right:     1px solid #DDDDDD;
    border-bottom:    1px solid #FF9933;
}

/* specific section definitions */
/*
 * this is messy because if we change the location
 * of these divs in the code... we have to change
 * the position because "relative" seems to mean
 * relative to the parent as well as all other
 * objects in that parent div.
 */
#featured_photo
{
    position: absolute;
    top:      326px;
    left:     579px;
    width:    190px;
}
#upcoming_shows
{
    position: absolute;
    top:      123px;
    left:     579px;
    height:   170px;
    width:    190px;
}
#gig_list      { padding:0px; margin:0px; }
#gig_list li   { padding:5px; list-style-type:none; font-size:7.5pt; }
.gig_list_over { background-color: #FFDCC0; }
.gig_list_off  { background-color: #FFFFFF; }
#login
{
    position: absolute;
    top:      0px;
    left:     579px;
    height:   90px;
    width:    190px;
}

/* login details */
#login_email { width: 7em; }
#login_email_pos
{
    position: absolute;
    top:      26px;
    left:     28px;
}
    /* windows hack */
    #login_email_pos_windows
    {
        position: absolute;
        top:      26px;
        left:     32px;
    }
#login_password { width: 7em; }
#login_password_pos
{
    position: absolute;
    top:      51px;
    left:     10px;
}
#login_button
{
    position: absolute;
    top:      76px;
    left:     124px;
}
#signup_pos
{
    position: absolute;
    top:      104px;
    left:     10px;
}