/* css done in a rush - needs sorting and made kinder on the eye */
body {margin:20px 50px;font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;color:#EEE;font-size: 12px;background:#111}
form {margin-bottom:10px}
form#main-form{background:#333;}

#flickr-thumbs a img, #visit a img {border: 3px solid #666;}
#page-list a img {border: 1px solid #111;padding:2px ;margin:2px }

a, a#shorturl-link {color:#f36;text-decoration:none;border-bottom:1px #f36 dotted}
a:link, h1 a:link { color:#f36;}
a:visited, h1 a:visited { color:#f36;}
a:hover { color:#f03;border-bottom:1px #f03 solid}
a:active, h1 a:active { color:#f36;}
a.icon {border-bottom:0;}
a.icon span {border-bottom:1px #f36 dotted}
a.icon:hover span {border-bottom:1px #f36 solid}
a.clear{border-bottom:0}
span#again a, .note a {text-decoration:none;color:#666;border-bottom:1px #666 dotted}
span#again a:hover, .note a:hover, a:hover#shorturl-link {color:#f03;border-bottom:1px #f03 solid;}
#header{border-bottom:1px #666 dotted;}
#header h2 {color:#EEE}

h1, h2, h3, h4, h5, label#img-label {color:#EEE}
h1 a {background-image: url(/gfx/logo-dark.png);}
h2, label#img-label {color:#EEE}
h2 span {color:#f03}

#color-holder {border-top:1px #666 dotted;}
/* Extracted from previous style for div.color - position:relative;float:left;margin:10px 25px 5px 0;height:1% */
div.color p.colors span{color:#666;}

.toggle-info a {bottom:0;color:#666;}
.toggle-info a:hover {color:#f03}

/* h1 a:hover span {color:#f36;} */
h4#start{color:#f03;}

#flickr p.flickr strong {color:#F03}

input.button {background:#666;color:#FFF;border:1px #666 solid;}
input.button:hover{background:#f36;border:1px #F03 solid;}
.box {border:3px #999 solid;}
.box:focus {border:3px #F03 solid;}

div.loading{background:url(/gfx/loading-dark.gif) no-repeat;}


p.get-scheme-links{border-top:1px #666 dotted}
.themes{background:#111;}
#footer {border-top:1px #333 solid;}
#footer p.author {color:#CCC}
#footer p.author a {border-bottom:1px #CCC dotted}
#footer p.author a:hover {border-bottom:1px #F03 solid}
#footer p a {color:#666;}
#footer p {color:#999}
#footer p span a {color:#666;}
#footer p a:hover {color:#f36;}
#api {border-bottom:1px #333 dotted;border-top:1px #666 dotted;}
.note, p.note{color:#999;}
#extras{border-top:1px #666 solid;}

#col1{border-right:1px #666 solid}
#extras h4 {color:#EEE}
#col1 ul li, #extras p {color:#666}

div#visit, div#firefox {border-bottom:1px #666 solid}
div#firefox img {border:4px #CCC solid}

p#shorturl {background:#EEE;border:1px #f36 solid}

/*-- Validation */

.LV_valid {color:#529214;}
.LV_invalid {color:#C00;padding:6px;background:#FFF}

#switch {color:#666;}
.note{color:#999;}