body { BACKGROUND: #FFF; COLOR: #D4D4D4; FONT-FAMILY: arial, helvetica, san-serif; FONT-SIZE: 12px; MARGIN: 0; PADDING: 0; TEXT-ALIGN: center; }
select,input { FONT-SIZE: 12px; }
img { BORDER: 0; }
a { COLOR: #999; }
a:hover { COLOR: #e04f92; }

/* FLOAT */

#sexyBG { BACKGROUND: #000; DISPLAY: none; HEIGHT: 100%; OPACITY: 0.75; POSITION: absolute; WIDTH: 100%; Z-INDEX: 1000001; }
#sexyBOX { BACKGROUND: #222; BORDER: 1px solid #000; COLOR: #999; DISPLAY: none; POSITION: absolute; TEXT-ALIGN: center; TOP: 55px; Z-INDEX: 1000002; }
.sexyX { BACKGROUND: #000; BORDER-TOP: 1px solid #272727; COLOR: #ddd; FONT-SIZE: 12px; PADDING: 4px 0; }

#mini { COLOR: #999; CURSOR: move; FONT-FAMILY: arial, helvetica, san-serif; display: none; FONT-SIZE: 11px; POSITION: fixed; LEFT: 100px; TOP: 100px; background: #000; padding-bottom: 8px; border: 1px solid #111; WIDTH: 148px; HEIGHT: 155px; Z-INDEX: 100; }
#mini .north { background: #111; border-bottom: 1px solid #171717; }
#mini .north div { color: #999; float: right; padding: 5px 7px; CURSOR: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#mini .north div:hover { COLOR: #DE83AD; }
#mini .south { margin: 32px 0 0 10px; cursor: crosshair; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#mini .south div { background: url('media/miniCurr.gif'); position: absolute; height: 9px; width: 9px; z-index: 101; }
#mini .south img { height: 100%; WIDTH: 100%; position: relative; TOP: -8px; LEFT: -1px; }
#mini #mHEX { padding: 5px 0 4px 7px; cursor: text; float: left; }
#mini #mHEX:hover { color: #DE83AD }
#mini #mSize { float: right; top: -14px; left: 7px; height: 14px; width: 14px; cursor: se-resize }

/* CONTENT */

#everything { MARGIN: 0 auto; TEXT-ALIGN: left; PADDING-BOTTOM: 25px; }

#top { MARGIN: 0; COLOR: #444; position: fixed; BACKGROUND: url('media/topBG.png') repeat-x; width: 100%; }
#top .top { WIDTH: 770px;MARGIN: 0 auto;  }
#top a { COLOR: #E0E0E0; }
#top a.logo { FLOAT: left; PADDING: 0; }
#top .west { FLOAT: left; text-align: left; margin: 9px 0 25px 10px; }
#top .west div { float: left; CURSOR: pointer; background: url(media/column.gif); height: 13px; width: 22px; color: #bbb; text-align: center; font-size: 10px; padding-top: 2px; margin: 3px 2px 0 0; }
#top .west div:hover,#top #colSel { background-position: 22px 0; }
#top .colMng div { background: url(media/column.gif) 0 45px; width: 15px; height: 7px; margin: 0 0 1px 0; padding: 0; }
#top .colMng div:hover { background-position: -15px 45px; }
#top .colMng .colMngD { background-position: 0 37px; margin: 0; }
#top .colMng .colMngD:hover { background-position: -15px 37px; }
#top .east { FLOAT: right; TEXT-ALIGN: right; COLOR: #777; PADDING: 11px 0 0 0; FONT-SIZE: 11px; }
#top .east a { TEXT-DECORATION: none; PADDING: 6px 7px; PADDING-BOTTOM: 7px; margin-right: 5px; BACKGROUND: url(media/icons.png); FONT-SIZE: 0; COLOR: #c8b8a9; }
#top .east div { text-align: left; float: left; margin-right: 7px; }
#top .east input { WIDTH: 70px; border: 1px solid #333; padding: 2px 0 2px 5px; FONT-SIZE: 11px; }
#top .east .iconUnder { background-position: 0 96px; }
#top .east .iconUnder:hover,#top #iconUnder { background-position: 14px 96px; }
#top .east .iconOver { background-position: 0 81px; }
#top .east .iconOver:hover,#top #iconOver { background-position: 14px 81px; }
#top .east .iconStrike { background-position: 0 68px; }
#top .east .iconStrike:hover,#top #iconStrike { background-position: 14px 68px; }
#top .east .iconLeft { background-position: 0 55px; }
#top .east .iconLeft:hover,#top #iconLeft { background-position: 14px 55px; }
#top .east .iconCenter { background-position: 0 41px; }
#top .east .iconCenter:hover,#top #iconCenter { background-position: 14px 41px; }
#top .east .iconRight { background-position: 0 27px; }
#top .east .iconRight:hover,#top #iconRight { background-position: 14px 27px; }
#top .east .iconJustify { background-position: 0 13px; }
#top .east .iconJustify:hover,#top #iconJustify { background-position: 14px 13px; }
#top .east .iconSave { background-position: 0 110px; }
#top .east .iconSave:hover,#top #iconSave { background-position: 14px 110px; }
#top br { CLEAR: both; }

#typeface { COLOR: #555; }
#typeface br { clear: both }
#typeface td { padding: 0 0 10px 10px; }
#typeface .west { width: 24px; FONT-SIZE: 0; }
#typeface .west div { background: url('media/type.gif'); height: 20px; width: 20px; text-align: left; float: left; margin: 2px 0 0 0; CURSOR: pointer; }
#typeface .west .iconR { background-image: none;  }
#typeface .west .iconB:hover { background-position: 20px 0; }
#typeface .west .iconI { background-position: 0 60px;  }
#typeface .west .iconI:hover { background-position: 20px 60px; }
#typeface .west .iconU { background-position: 0 40px;  }
#typeface .west .iconU:hover { background-position: 20px 40px; }
#typeface .west .iconS { background-position: 0 20px;  }
#typeface .west .iconS:hover { background-position: 20px 20px; }#typeface .B { FONT-WEIGHT: bold; }
#typeface .I { FONT-STYLE: italic; }
#typeface .S { FONT-VARIANT: small-caps; }
#typeface .U { TEXT-TRANSFORM: uppercase; }

/* CUSTOM */

.table { -moz-user-select: none; opacity: 0.9; TEXT-ALIGN: center; DISPLAY: none; PADDING: 0; border-collapse: collapse; POSITION: fixed; BACKGROUND: #222; CURSOR: move; BORDER: 1px solid #111; Z-INDEX: 100; }
.table thead td { background: #000; font-size: 11px; padding: 5px 7px 5px 7px; COLOR: #494949; border-bottom: 1px solid #333; border-top: 1px solid #333; }
.table thead a { padding: 2px 0 2px 5px; }
.table tbody td { text-align: left; }
.table .space td { border-top: 1px solid #333; font-size: 3px; }
.table .west { padding: 0 5px 0 8px; text-align: right; color: #DDD; font-size: 11px; }
.table .east { padding: 0 7px 0 4px; width: 27px;}
.table .slide { background: url(media/barBG.png); width: 104px; height: 23px;  cursor: crosshair; }
.table .slide div { POSITION: relative; TOP: 1px; LEFT: 0; BACKGROUND: url(media/barCurr.png); HEIGHT: 15px; WIDTH: 13px; }
.table .slide:active div { BACKGROUND-POSITION: 0 15px; }
.table input { border: 1px solid #222; width: 125px; padding: 1px 3px; margin: 2px 0; }
.table span { COLOR: #555 }
.table a { text-decoration: none; }

#youFont { width: 138px; BORDER: 1px solid #333; margin-right: 10px; }