/*  Color scheme:  http://www.colourlovers.com/palette/845820/nouveau_riche
 *  Also good:     http://www.colourlovers.com/palette/1236225/0011
 *  
 *   #FFFFFF 256,256,256  (white)
 *     background
 *   
 *   #D90E00 217,14,0  (bright red)
 *     logo
 *   
 *   #505759 80,87,89  (dark grey)
 *     text
 *     borders/lines
 *
 *   #00A6F2 0,166,242 (light blue)
 *     links/tags
 *
 *   #145D85 20,93,133 (dark blue)
 *     links hover
 *
 *   #C8CBCF 200,203,207 (light grey)
 *     shadows
 *
 *
 *
 */


/*** Text ***/

/* Default */
body
{
    color: rgba(80, 87, 89, 1);
}

header h1
{
    color: rgba(255, 255, 255, 1);
}

.progress_entry .status div
{
    color: rgba(217, 14, 0, 1);
}

.progress_entry .status div.inactive
{
    color: rgba(80, 87, 89, 0.33);
}

.progress_entry .status div.success
{
    color: rgba(80, 87, 89, 1);
}

article input.button,
article button
{
    color: rgba(255, 255, 255, 1);
}

article button.tag:hover
{
    color: rgba(200, 203, 207, 1);
}


/* Links */
a,
a:visited
{
    color: #1BB0CE;
}

a:hover
{
    color: #4F8699;
}

#droptarget
{
    color: rgba(80, 87,  89, 1);
}

#droptarget:hover
{
    color:  rgba(255, 255, 255, 1);
}


article button.placeholder
{
    color: rgba(80, 87, 89, 1);
}

article button.placeholder:hover
{
    color: rgba(255, 255, 255, 1);
}

header #logout a
{
    color: rgba(255, 255, 255, 1);
}

header #logout a:hover
{
    color: rgba(200, 203, 207, 1);
}

/*** Backgrounds ***/

body,
#logo
{
  background: rgba(255, 255, 255, 1);
}

header
{
  background: rgba(217, 14, 0, 1);
}

input[type="file"]
{
    background-color: #DAD6CA;
}

hr
{
    background-color: rgba(80, 87, 89, 1);
}

div.vr
{
    background-color: rgba(200, 203, 207, 1);
}

#logo:hover
{
    background-color: rgba(200, 203, 207, 1);
}

#droptarget:hover
{
    background-color: rgba(200, 203, 207, 1);
}

article button.covert:hover
{
  background-color: rgba(80, 87, 89, 0.2);
}

article input.button,
article button
{
    background-color: rgba(0, 166, 242, 1);
}

article input.button:hover,
article input.button:focus,
article button:hover,
article button:focus
{
    background-color: rgba(20, 93, 133, 1);
}

article button.tag
{
    background-color: rgba(217, 14, 0, 1);
}

article button.tag:hover
{
    background-color: rgba(217, 14, 0, 1);
}

article button.placeholder
{
    background-color: rgba(200, 203, 207, 1);
}

article button.placeholder:hover
{
    background-color: rgba(80, 87, 89, 1);
}

.search_result_entry .icon
{
    background-color: rgba(200, 203, 207, 0.5);
}

section#search select
{
    background: none;
}

button.disabled,
button.disabled:hover,
button.disabled:focus
{
    background-color: rgba(200, 203, 207, 1);
}

/*** Borders ***/

hr
{
    border: 0;
}

header h1
{
    border: 0;
}

.border
{
    border: 5px solid rgba(0, 166, 242, 1);
}

.border:hover
{
    border-color: rgba(20, 93, 133, 1);
}


#droptarget
{
    border-style: dashed;
}

*:focus
{
    outline: none;
}


article input.button,
article button
{
    border: 0;
}

section#progress div.progress_entry
{
    border-left: 2px solid rgba(80, 87, 89, 1);
}

select
{
    border: 2px solid rgba(80, 87, 89, 1);
}

.spinner {
  border: 0.17em solid rgba(217, 14, 0, 1);
  border-right-color: transparent;
  border-radius: 50%;
}

/*** Shadows ***/

header
{
    border-bottom: 3px solid rgba(200, 203, 207, 1);  
}

header h1
{
    text-shadow: -3px 0 0 rgba(200, 203, 207, 1), 0 -3px 0 rgba(200, 203, 207, 1), -3px -3px 0 rgba(200, 203, 207, 1);
}

#logo
{
    box-shadow:         inset 3px 3px 0 0 rgba(200, 203, 207, 1);
    -moz-box-shadow:    inset 3px 3px 0 0 rgba(200, 203, 207, 1);
    -webkit-box-shadow: inset 3px 3px 0 0 rgba(200, 203, 207, 1);
}

#droptarget:hover
{
    text-shadow: -1px -1px 0 rgba(80, 87, 89, 1), 1px -1px 0 rgba(80,  87, 89, 1), -1px 1px 0 rgba(80,  87, 89, 1), 1px 1px 0 rgba(80,  87, 89, 1);
}

article input.button,
article button
{
    box-shadow:         2px 2px 0 0 rgba(200, 203, 207, 1);
    -moz-box-shadow:    2px 2px 0 0 rgba(200, 203, 207, 1);
    -webkit-box-shadow: 2px 2px 0 0 rgba(200, 203, 207, 1);
}

article input.button:hover,
article input.button:focus,
article button:hover,
article button:focus,
button.disabled,
button.disabled:hover,
button.disabled:focus
{
    box-shadow:         none;
    -moz-box-shadow:    none;
    -webkit-box-shadow: none;
}