/* contact form */
form#contact-form
{
    width:                  100%;
}

form#contact-form input[type="text"],
form#contact-form textarea
{
    margin:                 20px 0 0 0;
    padding:                5px;
    width:                  486px;
    border:                 2px solid #999;
    outline:                none;
    
    font-family:            Arial, sans-serif;
    font-size:              0.8em;
}

form#contact-form textarea
{
    margin-bottom:          -5px;
    height:                 100px;
}

form#contact-form input[type="button"],
form#contact-form input[type="submit"],
form#contact-form input[type="reset"]
{
    cursor:                 pointer;
    margin:                 20px 0 0 0;
    padding:                5px 15px;
    border:                 2px solid #999;
    outline:                none;
    color:                  #000;
    background-color:       #ddd;
    
    font-family:            Arial, sans-serif;
    font-size:              0.8em;
}

form#contact-form input[type="button"]:hover,
form#contact-form input[type="submit"]:hover,
form#contact-form input[type="reset"]:hover
{
    color:                  #000;
    background-color:       #fff;
}

form#contact-form input[type="button"]:active,
form#contact-form input[type="submit"]:active,
form#contact-form input[type="reset"]:active
{
    color:                  #fff;
    background-color:       #999;
}

form#contact-form div.code
{
    display:                block;
    width:                  100%;
}

form#contact-form div.code:after
{
    display:                block;
    clear:                  both;
    content:                "";
}

form#contact-form div.code img
{
    float:                  left;
    margin:                 20px 0 0 0;
    width:                  128px;
}

form#contact-form div.code input
{
    float:                  right;
    width:                  338px;
}



/*******************
 * Other Site List *
 *******************/
div#sites
{
    position:               fixed;
    margin:                 0 0 0 -300px;
    padding:                10px 0;
    bottom:                 0;
    left:                   50%;
    width:                  600px;
    color:                  inherit;
    background-color:       #fff;
}

/* site list styling */
div#sites ul
{
    margin:                 0 auto;
    padding:                0;
    
    text-align:             center;
}

div#sites li
{
    display:                inline;
    margin:                 0 0 0 6px;
    padding:                0;
    width:                  62px;
    /*opacity:                0.75; /* 0.5 for crazy fx! */
    
    list-style:             none;
}

div#sites li:first-child
{
    margin:                 0;
}

/* full opacity on mouseover */
div#sites li:hover
{
    /*opacity:                1;*/
}