/* 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:#333;font-size: 12px;background:#FFF}
form {margin-bottom:10px}
form#main-form{background:#EEE;}

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

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

h1 a {background-image: url(/gfx/logo.png);}

/*
h1{font-size:2.6em;font-weight:normal;letter-spacing:-1px;}
h1 a {border-bottom:0;background: url(/gfx/logo.png) no-repeat left center;padding:2px 0 2px 36px;text-decoration:none}
h1 a span {color:#f03}
h1 a:hover {color:#f03;border-bottom:0;}
*/
h2 span {color:#f03}

#color-holder {border-top:1px #666 dotted}
div.color p.colors span{color:#666;}

.toggle-info a {color:#CCC;}
.toggle-info a:hover {color:#f03}

h4#start{color:#f03;}

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

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

/*-- Pagination -- div.paging {margin:15px 0;font-size:8pt}
div.paging span.ipp {margin-left:25px}
div.paging p.note {padding:15px 0}
div.paging span.note, div.paging span.jump{margin-left:15px;font-size:1em}
a.paginate:link { color:#333; text-decoration:none; background:#EEE;padding:2px 4px 2px 4px;border:1px #CCC solid;}
a.paginate:visited { color:#333; text-decoration:none; background:#EEE;padding:2px 4px 2px 4px;border:1px #CCC solid;}
a.paginate:hover  { color:#FFF; text-decoration:none; background:#c03;padding:2px 4px 2px 4px;border:1px #F03 solid;}
a.paginate:active  { color:#333; text-decoration:none; background:#EEE;padding:2px 4px 2px 4px;border:1px #CCC solid;}
a.current {border-bottom:0 none;color:#333333;cursor:default;font-weight:bold;text-decoration:none;padding:2px 4px 2px 4px;}
*/
/* -- */
input.button {background:#333;color:#FFF;border:1px #666 solid;}
input.button:hover{background:#c03;border:1px #F03 solid;}
.box {border:3px #999 solid;}
.box:focus {border:3px #F03 solid;}

p.get-scheme-links{border-top:1px #CCC dotted}
/* img.loading {position:absolute;left:128px;top:36px} */
.themes{background:#FFF;}
#footer {border-top:1px #CCC solid}
#footer p.author {color:#666;}
#footer p.author a {border-bottom:1px #c03 dotted;color:#c03}
#footer p.author a:hover {border-bottom:1px #F03 solid;color:#f03}
#footer p a {color:#666;}
#footer p {color:#999}
#footer p span a {color:#666;}
#footer p a:hover {color:#c03;}
#api {border-bottom:1px #666 dotted;border-top:1px #CCC dotted;}
.note, p.note{color:#999;}
#main-form .note, #flickr p.note {font-size:0.8em;display:block;margin-bottom:3px}
#extras{border-top:1px #CCC solid;}

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

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

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


/*-- Validation */
.LV_valid {color:#529214;}
.LV_invalid {color:#C00;}

#switch {color:#999;}

.note{color:#999;}