body { BACKGROUND: #FFF; COLOR: #D4D4D4; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", helvetica, arial; FONT-SIZE: 0.7em; MARGIN: 0; PADDING: 0; TEXT-ALIGN: center; }
select,input { FONT-SIZE: 12px; }
img { BORDER: 0; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
a { COLOR: #5A7991; }
a:hover { COLOR: #e04f92;  text-decoration: none; }
li { padding: 0 0 10px }
ul { margin: 0; padding: 0; }

/* CONTENT */

#world { WIDTH: 925px; MARGIN: 20px auto; TEXT-ALIGN: left; }
#world .container { TEXT-ALIGN: center; PADDING-TOP: 0; }

#top { MARGIN: 0 0 20px 0; HEIGHT: 53px; PADDING-TOP: 18px; COLOR: #444; text-align: center; -moz-user-select: none; width: 100%; BACKGROUND: #090909; z-index: 100; }
#top a { PADDING: 0 2px; COLOR: #E0E0E0; }
#top a.logo { FLOAT: left; PADDING: 0 0 0 25px; POSITION: relative; TOP: -9px; }
#top br { CLEAR: both; }
#top .east { FLOAT: right; TEXT-ALIGN: right; POSITION: relative; TOP: 22px; }
#top .east a { POSITION: relative; text-decoration: none; TOP: -10px; PADDING: 8px 12px; COLOR: #c8b8a9; FONT-SIZE: 13px; }
#top .east a:hover { COLOR: #e04f92; }
#top .container { float: center; margin: 0 auto; width: 925px; }

#colorspy .red { color: #9a3a3a; }
#colorspy .red:hover { text-decoration: none; color: #f00; }
#colorspy img { padding: 5px 17px 0 0; }
#colorspy { border: 1px solid #eee; text-align: left; padding: 0 0 20px 20px; font-size: 1.4em; line-height: 1.5em; COLOR: #555; background: #fbfbfb; margin: 0 0 25px; }
#colorspy h2 { color: #5E6163; line-height: 0.1em; font-size: 1.1em; font-weight: lighter; }
#colorspy h2 a { display: block }
#colorspy h2 span { float: right; font-size: 0.8em; position: relative; top: -5px; font-weight: normal; color: #bbb; }
#colorspy legend { font-size: 1.1em; letter-spacing: 0.02em; color: #ddd; padding: 0; }
#colorspy legend a { text-decoration: none; }
#colorspy .swatch { float: left; margin-right: 21px; border-top: 2px solid #FFF; }
#colorspy.left { background: #fff; border: 0; padding: 0; width: 80%; float: left }
#colorspy .left { float: left; width: 49%; margin-right: 1%; }
#colorspy .right { float: left; width: 49%; margin-left: 1%; }
#colorspy .left img, #colorspy .right img { padding: 0 0 5px; }
#colorspy .swatch div { WIDTH: 20px; HEIGHT: 20px; border-right: 1px solid #FFF; FLOAT: left; }

#colorspy .href { color: #777; text-decoration: none; font-size: 21px; }
#colorspy .forum { padding: 0 0 25px 0; font-size: 12px; clear: both; }
#colorspy .forum div,
#colorspy .forum a { border-right: 1px dotted #c5cfb8; display: block; float:left; margin-right: 15px; padding: 5px 15px 5px 20px;}
#colorspy .forum a {  background: url("/media/icon-man.png") 0 5px no-repeat; color: #9a3a3a; text-decoration: underline; }
#colorspy .forum a:hover { color: #f00; text-decoration:none; }
#colorspy .forum .cal { padding: 5px 10px 5px 20px; background: url("/media/icon-cal.png") 0 3px no-repeat; color: #66755f; }
#colorspy .forum a.count { background: url("/media/icon-window.png") 0 3px no-repeat; border:0; }
#colorspy .pages { border-top: 1px solid #eee; padding-top: 10px; }
#colorspy .pages a { padding: 2px 7px; border: 1px solid #eee; }
#colorspy .pages a:hover { background: #f8f8f8; }

#world div.head { padding: 15px 0 14px 13px; margin: 0 0 10px 0; background: #e8e8e8; border-bottom: 1px solid #ccc; text-align: left;  }
#world div.head h2 { font-weight: lighter;  position: relative; line-height: 0.1em; letter-spacing: 0.1em; font-size: 1.1em; padding: 0; margin: 0; font-variant: small-caps }
#world div.head h2 a { color: #222; text-decoration: none; }
#world div.head h2 a:hover { color: #555; }

#right { float: right; width: 18%; margin: 0; font-size: 1.4em; }
#right a { display: block; }
#right .links { margin: 0 0 0 15px; text-align: left; position: relative; font-size: 0.9em; top: 0px; line-height: 1.6em; }
#right .links a:hover { COLOR: #e04f92; }

.swatch2 { z-index: 1; position: relative; }
.swatch2 div { FLOAT: left; cursor: pointer; width: 100%; }
.swatch2 div .top { height: 430px }
.swatch2 div.cur .top { height: 448px }
.swatch2 div .bottom { height: 50px; }
.swatch2 div .small { display: none; }
.swatch2 div:hover .small { display: block; height: 50px; }

.swatch3 { width: 18%; margin-right: 2%; margin-bottom: 2%; HEIGHT: 55px; float: left }
.swatch3 div { HEIGHT: 55px; FLOAT: left; }
.swatch3 div div { border-right: 1px solid #fff; }

.swatch4 { width: 48%; margin-right: 2%; margin-bottom: 2%; HEIGHT: 35px; float: left }
.swatch4 div { HEIGHT: 35px; FLOAT: left; }
.swatch4 div div { border-right: 1px solid #fff; }

.clipboard { float: left; width: 100%; position: relative; left: 1px; padding: 5px 0 3px; border-top: 9px solid #000; background: #eee; border-bottom: 1px solid #ddd }
.clipboard span { color: #333 }
.clipboard div { width: 23%; float: left; display: block; color: #888; padding-left: 2%; }

.tooltip { padding: 7px; border: 1px solid #333; color:#bbb; FONT: 11px Arial,sans-serif; text-decoration:none; text-align:left; background: #000; }
.tooltip div { height: 25px; width: 150px; margin-top: 3px; }
.tooltip span { position: relative; top: -2px; }
.tooltip img { height: 5px; width: 100%; }

/* LINKS */

table { color: #666; text-align: left; width: 100%; }
table thead th { padding-bottom: 8px; }
table td { padding-bottom: 10px; }
input { margin: 1px 0 15px 15px }
textarea { margin: 1px 0 15px 15px }
input[type='submit'] { background: #CE3333; border: 1px solid #666; padding: 2px 4px 1px 4px; COLOR: #ECC8C8; FONT-SIZE: 12px; cursor: pointer; }

/* GUI */

.gui { opacity: 0; display: none; cursor: move; position: absolute; top: 0; left: 0; z-index: 2; }
.gui .TL { background: url('/media/gui/win_LT.png'); width: 16px; height: 26px; float: left; }
.gui .TM { background: url('/media/gui/win_MT.png'); width: 75px; height: 20px; float: left; text-align: center; padding-top: 6px; color: #fff; font-size: 13px; font-variant: small-caps }
.gui .TML { float: left; z-index: 10; position: absolute; }
.gui .TRx { float: right; position: relative; top: 2px; left: 1px }
.gui .TRx img { float: left; margin: 0; padding: 0 0 0 6px; height: 12px; width: 12px; position: relative; top: 1px; opacity: 0.5; cursor: pointer }
.gui .TRx img:hover { opacity: 1; }
.gui .TRx div { width: 1px; background: #1a1a1a; height: 13px; float: left; margin: 1px 0 0 0; opacity: 0.5; display: none; }
.gui .TR { background: url('/media/gui/win_RT.png'); width: 16px; height: 26px; float: left; }
.gui .ML { background: url('/media/gui/win_LM.png'); float: left; width: 16px; height: 257px; }
.gui .MM { background: url('/media/gui/win_MM.png'); float: left; width: 75px; cursor: default; }
.gui .MR { background: url('/media/gui/win_RM.png'); float: left; width: 16px; height: 257px; }
.gui .BL { background: url('/media/gui/win_LB.png') 0 -22px; float: left; width: 16px; height: 20px; }
.gui .BM { background: url('/media/gui/win_MB.png') 0 -22px; float: left; width: 75px; height: 20px; }
.gui .BR { background: url('/media/gui/win_RB.png') -16px -22px; float: left; width: 16px; height: 20px; }

.row { border-top: 1px solid #eee; background: url(/media/news/bg.png) 0 -120px repeat-x; padding: 10px 12px 10px; border-top: 1px solid #eee }

/* SEXY */

#sexy_bg { BACKGROUND: #000; DISPLAY: none; POSITION: absolute; HEIGHT: 100%; OPACITY: 0.6; width: 100%; Z-INDEX: 1000001; }
#sexy_box { width: 276px; opacity: 1; Z-INDEX: 1000002; top: 100px; font-size: 1.2em; position: fixed; color: #efefef; text-align: left; }
#sexy_box .TM, #sexy_box .MM, #sexy_box .BM { width: 260px }
#sexy_box .ML, #sexy_box .MM, #sexy_box .MR { height: 170px }
.sexyX { BACKGROUND: #000; BORDER-TOP: 1px solid #272727; color: #ddd; FONT-SIZE: 12px; PADDING: 4px 0; }

.button { cursor: pointer; border: 1px solid #444; background: #333; padding: 1px 5px; }
.button:hover { background: #222; color: #de83ad }


/* LINK EXCHANGE */

.leNav a { text-decoration: none; line-height: 1.5em; color: #4CA0E6; }
.leNav a:hover { COLOR: #e04f92; }

/* CODE */

#code { background: #fbfbfb; overflow: hidden; width: 100%; margin-top: 15px; }
#code h1 { color: #555; font-family: helvetica; font-size: 18px; margin: 0; padding: 5px 0 0 11px; }
.codepress { font-family:monospace; font-size:13px; white-space:pre; line-height: 16px; width: 100%; background: #0F0F0F; border: 0; color: #f8f8f8; padding: 15px 0 0 15px; font-size: 13px; }

/* ARTICLES + SOFTWARE */

#colorspy .square { text-decoration: none; COLOR: #777; }
#colorspy .square:hover { color: #777; }
#colorspy .square:hover h2 { color: #e04f92; text-decoration: underline; }
#colorspy .square div { background: url(/media/news/bg.png) 0 -120px repeat-x; padding: 10px 12px 20px; border-top: 1px solid #eee }