body {margin:20px 50px;font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;color:#333;font-size: 12px;}
form {margin-bottom:10px}
form#main-form{margin-bottom:0px;width:700px;padding:15px 20px;position:relative;left:-20px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;clear:both;box-shadow:0px 1px 3px #a0a0a0;-webkit-box-shadow:0px 1px 3px #a0a0a0;-moz-box-shadow:0px 1px 3px #a0a0a0}

#flickr-thumbs a:hover img, #visit a:hover img, #visit a:hover img {border: 3px solid #f03;padding:0px;}
#flickr-thumbs a:hover, #visit a:hover {color: #f03;border: 0px;} /* Dummy definition to overcome IE bug */

span#again {margin-left:35px}

#header{position:relative;margin-bottom:30px;padding-bottom:8px;}
#header h1, #header h2 {width:auto;display:inline}

h1, h2, h3, h4, h5, label#img-label, #q-label {font-family:"ronnia-1","ronnia-2",Georgia, Times New Roman, Times, serif;}
h2, label#img-label{font-size:1.8em;margin-bottom:5px;padding-bottom:2px;font-weight:normal;letter-spacing:-1px;}
#q-label {display:none}

h1 {margin:0;width:250px;position:relative;right:28px}
h1 a {
 display: block;

 background-repeat: no-repeat;
 padding-top: 38px; height: 0 !important;
 height /**/: 38px; overflow: hidden;
 border-bottom:0;
 width:250px;
}

h1 a:hover { border-bottom:0}
h3{font-size:1.7em}

#flickr-thumbs a img, #visit a img {
box-shadow:0px 1px 3px #a0a0a0;-moz-box-shadow:0px 1px 3px #a0a0a0;-webkit-box-shadow:0px 1px 3px #a0a0a0;
padding:0px ;margin:2px 3px;
}



#q-label {margin:0 15px 0 0;position:relative;top:1px}

#raw-output {display:none}

#color-holder {width:720px;margin:10px 0;padding:10px 0;border-top:1px #666 dotted;clear:both;position:relative;height:550px}
div.color {width:170px;position:absolute}
div.color p {margin:2px 0}
div.color p.colors span{font-size:0.9em}

.box-0{top:15px;left:0}
.box-1{top:15px;left:195px}
.box-2{top:15px;left:390px;}
.box-3{top:155px;left:0}
.box-4{top:155px;left:195px}
.box-5{top:155px;left:390px;}
.box-6{top:295px;left:0}
.box-7{top:295px;left:195px}
.box-8{top:295px;left:390px;}
.box-9{top:435px;left:0}
.box-10{top:435px;left:195px}
.box-11{top:435px;left:390px;}
p#toggle-all-info {position:absolute;right:0}
.toggle-info {position:absolute;left:167px;top:17px;}

span.web-safe span {text-transform:uppercase}

.toggle-info a {border-bottom:0;padding:3px;font-weight:bold;}

#page-list {width:720px;margin-bottom:15px}
#page-list a {border-bottom:0}
#page-list img {float:left}

h4#start{font-size:2.4em;margin-bottom:10px}

img#main-image{margin-top:10px}
p, label {margin-bottom:5px;line-height:155%}
label {font-weight:bold;margin-bottom:2px}
label span {font-weight:normal}
input {margin-bottom:4px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#flickr{width:820px;margin:30px 0;}
#flickr-thumbs {margin:10px 0}	

#info {clear:both;padding-top:20px}
.icon {background-repeat:no-repeat; background-position:center left;padding:2px 0 2px 20px;}
.icon24 {padding:2px 0 2px 26px;}
.kuler {background-image:url(/gfx/kuler.png);padding-left:22px}
.flickr {background-image:url(/gfx/flickr-16x16.gif)}
.json {background-image:url(/gfx/json_file.png)}
.rss {background-image:url(/gfx/rss-croq.png)}
.xml {background-image:url(/gfx/xml_file.png)}
.swatch {background-image:url(/gfx/icon-ase.png)}
.cc {background-image:url(/gfx/icon-cc.png)}
.link {background-image:url(/gfx/icon-link.png)}
.refresh{background-image:url(/gfx/icon-refresh.png)}
.ff{background-image:url(/gfx/icon-firefox.png)}
.addon{background-image:url(/gfx/icon-addon.png)}

input, select{font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;}
select {font-size:1em}

input.button {padding:3px 12px;cursor:pointer}
.box {padding:2px;}

.strip {cursor:move;padding:5px 0}
p.get-scheme-links{padding-top:3px;margin-top:3px;}
div.loading {position:absolute;left:128px;top:36px;width:17px;height:17px;}
.themes{position:absolute;top:33px;left:0;height:auto;padding-left:2px}
.themes p {font-size:0.9em;overflow:hidden}
.themes a.theme-link,#themes a:hover.theme-link {border-bottom:0}
.themes img {border:0;margin:1px 3px}
#footer {margin-top:20px;padding-top:20px;clear:both}
#footer p.author {font-size:1em;margin-top:5px;margin-bottom:15px}
#footer p a {text-decoration:none;border-bottom:0}
#footer p {font-size:0.8em;}
#footer p span a {text-decoration:none;border-bottom:0}
#footer p a:hover {border-bottom:0}
#api {margin:20px 0;padding:10px 0;clear:both}

.api-extra {margin-left:30px}
#api p{margin-bottom:15px}

#main-form .note, #flickr p.note {font-size:0.8em;display:block;margin-bottom:3px}

#extras{margin-top:20px;padding-top:20px;margin-bottom:25px;overflow:hidden}

#col1{width:400px;float:left;padding-right:15px;margin-right:15px;}

#extras h4 {font-size:1.4em;margin-bottom:2px;padding-bottom:2px;}
#col1 ul li, #extras p {font-size:0.9em;}
#col1 ul li {margin-bottom:15px}
div#col1, div#col2{width:350px;float:left;margin-left:10px}

div#visit, div#firefox {margin-bottom:10px;padding-bottom:10px;}
div#visit a {border-bottom:0}

div#firefox h4 {background-repeat:no-repeat; background-position:center left;padding:4px 0 4px 24px;background-image:url(/gfx/icon-firefox.png)}
p#install {margin-top:12px}
p#shorturl {padding:10px;position:relative;left:-10px;margin-bottom:25px;width:720px;}

#featured {margin-top:20px;}
#featured li a {border-bottom:0}

/* whoops */
p.whoops {font-size:1.1em;border:2px #F60 solid;background:#FC9;padding:20px;clear:both;margin:25px 0;width:650px;color:#333}

/*-- Validation */
.LV_validation_message{margin:0 0 0 5px;font-size:1em;}
.LV_valid {font-size:1em;}
.LV_invalid {font-size:1em;font-family:Arial, Helvetica, sans-serif;}

#switch {float:right;position:relative;bottom:15px}

.clear{clear:both}




.note, p.note{font-size:0.8em}