body {background-color:#f6f6f6;color:#333333;font-family:"Helvetica",Arial, sans-serif;}
p {margin:1em 0;}
h1,h2,h3,h4,h5 {color:#444444;}
sup {font-size:xx-small; vertical-align:top;}
table#changelog {background-color:#fefefe;border:1px solid #cccccc;}
#changelog td, #changelog th {padding:0 6px;}

#header {background-color:#FFFFFF;padding:3px 10px 0;border-color:#CCCCCC;border-style:solid;border-width:0 1px 1px 1px;vertical-align:middle;margin:0 0 1em 0;}
#header h1 {margin:0;padding:0;display:inline;margin-right:3em;font-size:54px;line-height:54px;float:left;}
#header h1 img {vertical-align:top;margin:6px 4px 0 0;}
#header h1 a {text-decoration:none;color:#444444;}
#ads {text-align:center;margin:.6em 0 .2em;clear:both;}
#nav {float:left;padding-top:12px;}
#nav a, #nav b {font-size:16px;padding:6px 10px;margin:0 10px;font-weight:bold;}
#nav a:visited {color:#0000FF;}
#nav a.active {text-decoration:none;color:inherit;}
#footer {margin-top:6em;text-align:center;color:#666666;background-color:#ffffff;border-color:#CCCCCC;border-style:solid;border-width:1px 1px 0 1px;padding:10px;}
#footer a, #footer a:visited {color:#666666;}

#plaid_form, #main img, #controls {background-color:#FFFFFF;padding:9px;border:1px solid #CCCCCC;}
#plaid_form h3, #controls h3 {font-size:1.2em;margin:.2em 0 0 0;}
#controls {width:220px;margin-top:1em;}
.color {vertical-align:middle;text-align:left;}
.color input {width:4em;text-transform:uppercase;margin:0 4px 0 0;font-family:monospace;vertical-align:middle;}
.color img.swatch {height:20px;width:20px;vertical-align:middle;border:1px solid #CCCCCC;cursor:pointer;}
.color {margin:3px 0;}
.axis {margin-bottom:1em;}
.row {margin:3px 0;}
.row input {width:2em;vertical-align:middle;margin:0;}
.row img {margin-left:6px;}
.axis select, .pixels {text-transform:uppercase;font-family:monospace;}
.color,.axis {margin-left:.8em;}
.axis strong {font-size:14px;}
.icon {cursor:pointer;vertical-align:text-bottom;}
.swatch {height:20em;cursor:pointer;width:100%;overflow:hidden;}
.swatch-border {border:1px solid #CCCCCC;padding:9px;background-color:#ffffff;margin-bottom:10px;}
.plaid ul {list-style-type:none;margin:0;padding:0;}
.plaid ul li {margin:0;padding:0;}
.plaid.single {background-color:#ffffff;}
.psudolink {cursor:pointer;color:#0000FF;text-decoration:underline;}
.plaid_info {padding:9px;border:1px solid transparent;height:10em;overflow:hidden;}
.plaid_info h3 {margin:0;padding:0;}
.hover_white:hover {background-color:#ffffff;border-color:#CCCCCC;}

.single {border:1px solid #CCCCCC;padding:3px 9px;margin:2em 0;}
.single img {border:1px solid #CCCCCC;padding:9px;margin:10px auto;}
.single h2 {margin:0;}
.image_wrap {width:100%;overflow-x:scroll;text-align:center;}

#x_mirror, #y_mirror {vertical-align:text-bottom;margin-top:0;margin-bottom:0;}

.pagelinks {text-align:center;padding:1em 0;font-size:12px;}
.pagelinks a, .pagelinks strong {background-color:#FFFFFF;padding:3px 7px;border:1px solid #999999;margin:0 6px;}
.pagelinks .nextpage {float:right;margin-right:0;}
.pagelinks .prevpage {float:left;margin-left:0;}
.nowshowing {text-align:center;}

/* dropdown color selector */
div.dropdown {float:left;margin:0;padding:0 4px 0 0;cursor:pointer;}
.dropdown .dt {margin:0;padding:0;background:#fcfcfc url(arrow.png) no-repeat scroll right center; display:block;padding-right:18px;border:1px solid #999999; width:50px;}
.dropdown .dt span { display:block; padding:0 5px;}
#color-select {background:#FFFFFF none repeat scroll 0 0;display:none;padding:0px;position:absolute;width:auto;min-width:70px;list-style:none;margin:0px;padding:0px;-moz-box-shadow:2px 2px 6px #666;-webkit-box-shadow:2px 2px 6px #666;box-shadow:2px 2px 6px #666;z-index:10;}
.dropdown span.value, #color-select span.value {display:none;}
#color-select li {border:2px solid #CCCCCC;cursor:pointer;margin:0;padding:0;}
#color-select li:hover {border-color:#0000FF;}
#color-select li a { padding:2px 5px;display:block;}

#color_info h3 {margin:0;}
#color_info td {padding:1px 6px 2px 0;}
#color_info td.name {font-weight:bold;}
#color_info td.hex {text-transform:uppercase;font-family: "Lucida Console", monospace;}
#color_info td.percent {text-align:right;}
#color_info div {border:1px solid #CCCCCC;line-height:14px;}
#like_button {border:none;overflow:hidden;width:450px;height:24px;margin-top:1em;}
/**/
div.colorpicker_hex {display:none;}