*{margin:0;padding:0} body{font-family:Tahoma,Geneva,sans-serif;background:#584545 url(../images/main-bg.png) repeat-x left top fixed} table{border-collapse:collapse} q{quotes:none} a{color:#584545;font-weight:bold} a:hover{text-decoration:none} a img{border:none} .center{text-align:center} #wrap{width:980px;margin:0 auto;cbackground:#fff;position:relative} #top-block{position:fixed;left:50%;top:0;width:980px;z-index:100;margin:0 0 0 -490px;display:none} #params{background:#E3E3CA url(../images/params-bbg.gif) repeat-x left bottom;border-bottom:1px solid #584545;color:#666} #params-entry{background:url(../images/params-tbg.gif) repeat-x left top;overflow:hidden;height:1%;padding:10px 0 15px 0} #params #title{overflow:hidden;height:1%;margin-bottom:10px} #params #title #logo{display:block;width:103px;height:28px;float:left;margin:0 10px 0 0} #params #title img{vertical-align:bottom} #params #title h1{font-size:0.7em;color:#666;padding:2px 0 0 0;font-weight:normal} #params p{font-size:0.7em;margin-bottom:10px;overflow:hidden;height:1%} #params p span{font-weight:bold} #params code{font:12px 'Courier New',Courier,monospace} #params label{padding:0 5px} #params #text-style{width:445px;float:left;padding:0 0 0 20px} #params #textarea{width:430px;height:80px;margin-bottom:15px;padding:5px;font:0.75em Arial, Helvetica, sans-serif} #params .style-block{margin-bottom:20px;float:left;width:50%} #params .style-block input{width:24px;height:23px;border:none;cursor:pointer;background-repeat:no-repeat;background:none} #params .style-block input.active{background-position:left bottom} #params .style-block input.inactive{background-position:left top} #params .style-block #bold{background-image:url(../images/text-bold.png)} #params .style-block #italic{background-image:url(../images/text-italic.png)} #params .style-block #underline{background-image:url(../images/text-underline.png)} #params .style-block #overline{background-image:url(../images/text-overline.png)} #params .style-block #strikethrough{background-image:url(../images/text-strikethrough.png)} #params .style-block #allcaps{background-image:url(../images/text-allcaps.png)} #params .style-block #smallcaps{background-image:url(../images/text-smallcaps.png)} #params .style-block #left{background-image:url(../images/text-align-left.png)} #params .style-block #center{background-image:url(../images/text-align-center.png)} #params .style-block #right{background-image:url(../images/text-align-right.png)} #params .style-block #justify{background-image:url(../images/text-align-justify.png)} #params #color-block{clear:both;font-size:0.7em} #params #color-block td{clear:both;padding:0 10px 0 0} #params #color-block td span{padding:0 5px 0 0} #params #color-block #colorSelector{width:28px;height:28px;background:url(../images/select.png) no-repeat left top;cursor:pointer;position:relative} #params #color-block #colorSelector div{position:absolute;top:3px;left:3px;width:22px;height:22px; background:url(../images/select.png) no-repeat center center} #params #sliders{width:460px;float:right;padding:0 20px;border-left:1px dotted #bbb} #params .slider-block{width:400px;padding:0 0 0 60px;margin-bottom:10px} #params #sliders p{text-align:right;margin-bottom:5px} #params #sliders p span{float:left} #params .slider{position:relative} #params .slider input{position:absolute;top:3px;left:-60px;border:none;color:#74745C;width:50px;font:0.7em Tahoma, Geneva, sans-serif;background:url(../images/param-val-bg.gif) no-repeat left top;padding:3px 8px 5px 0;text-align:center} #fonts{list-style-type:none;text-align:center;padding:10px 20px;background:#EEEEE0;font-size:0.7em;line-height:180%;border-bottom:1px solid #584545} #fonts li{display:inline} #fonts li a{color:#74745C;background:#CFCFB2;padding:2px 5px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none;white-space:nowrap} #fonts li a:hover{color:#fff} #params-toggle{display:block;width:46px;height:23px;background-image:url(../images/params-toggle.png);background-repeat:no-repeat;background-position:left top;cursor:pointer;position:absolute;left:50%;bottom:-23px;margin:0 0 0 -23px} #header{background:#BCBCBC url(../images/header-bg.gif) repeat-x left bottom;padding:100px 30px 0 30px;color:#fff;height:230px;position:relative;text-align:center} #header p{font:italic 1.4em Georgia,serif;padding:40px 0 0 0} #header ol{list-style-type:none;overflow:hidden;font:italic 0.7em/120% Georgia,serif;text-align:left} #header ol li{float:left;width:255px;padding:0 15px 0 35px;position:relative} #header ol li span{position:absolute;left:0;top:0;font-size:3em;font-style:normal} #header ol li p{padding:0;margin-bottom:5px} #header ol li img{border:3px solid #666} #content{padding:10px 0;background:#fff;position:relative;width:980px} #content #preview{margin-bottom:10px} #content #preview .preview-block{overflow:hidden;height:1%;border-bottom:dotted 1px #999;position:relative} #content #preview .even{background:#f0f0f0} #content #preview .preview-block h3{color:#999;font-size:1.6em;position:relative;padding:5px 10px 5px 15px} #content #preview .preview-block h3 a{position:absolute;right:10px;top:8px;font:bold 0.45em/100% 'Lucida Console',Monaco,monospace;text-transform:uppercase;text-decoration:none;color:#fff;background:#666;padding:3px 5px 1px 5px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;display:none} #content #preview .preview-block h3 a:hover{background:#000;color:#fff} #content #preview .preview-block .csscode{background:#DBDBDB url(../images/csscode-tbg.gif) repeat-x left top;border-top:solid 1px #ABABAB;border-bottom:solid 1px #ABABAB;display:none;position:relative} #content #preview .preview-block .csscode .copy{position:absolute;left:50%;top:50%;margin:-8px 0 0 -50px;width:100px;font-size:0.7em;font-weight:bold;background:#666;padding:1px 5px 2px 5px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#fff;display:block;position:relative;text-align:center;display:none} #content #preview .preview-block .csscode pre{background:url(../images/csscode-bbg.gif) repeat-x left bottom;padding:10px 0 10px 20px;color:#666} #content #preview .preview-block p{padding:10px 15px;font-size:0.75em} #content #preview .preview-block #ArialPreview{font-family:Arial} #content #preview .preview-block #ArialBlackPreview{font-family:'Arial Black'} #content #preview .preview-block #ArialNarrowPreview{font-family:'Arial Narrow'} #content #preview .preview-block #BookAntiquaPreview{font-family:Book Antiqua} #content #preview .preview-block #BookmanOldStylePreview{font-family:'Bookman Old Style'} #content #preview .preview-block #ComicSansMSPreview{font-family:'Comic Sans MS'} #content #preview .preview-block #CourierNewPreview{font-family:'Courier New'} #content #preview .preview-block #GaramondPreview{font-family:Garamond} #content #preview .preview-block #GeorgiaPreview{font-family:Georgia} #content #preview .preview-block #ImpactPreview{font-family:Impact} #content #preview .preview-block #LucidaConsolePreview{font-family:'Lucida Console'} #content #preview .preview-block #LucidaSansUnicodePreview{font-family:'Lucida Sans Unicode'} #content #preview .preview-block #MsSansSerifPreview{font-family:'MS Sans Serif'} #content #preview .preview-block #MsSerifPreview{font-family:'MS Serif'} #content #preview .preview-block #PalatinoLinotypePreview{font-family:'Palatino Linotype'} #content #preview .preview-block #TahomaPreview{font-family:Tahoma} #content #preview .preview-block #TimesNewRomanPreview{font-family:Times New Roman} #content #preview .preview-block #TrebuchetMsPreview{font-family:'Trebuchet MS'} #content #preview .preview-block #VerdanaPreview{font-family:Verdana} #content #top-link{background:#584545;color:#fff;padding:3px 7px 4px 7px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:0.75em;text-decoration:none;display:none} #content #top-link:hover{background:#E7E7E7;color:#584545} #footer{width:920px;margin:0 auto;padding:15px 30px;background:#543F3F url(../images/footer-bg.gif) repeat-x left top;color:#ccc;overflow:hidden} #footer p{font-size:0.7em} #footer a{color:#A9A992;text-decoration:none} #footer a:hover{text-decoration:underline} #footer #footer-logos{float:right;list-style-type:none} #footer #footer-logos li{float:left;margin-left:20px} #footer #footer-logos li img{vertical-align:bottom} .ui-slider{position:relative;text-align:left} .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:20px;height:20px;cursor:pointer;background:url(../images/slider-handle.png) no-repeat left bottom;outline:none;top:1px;margin-left:-10px} .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:0.7em;display:block;border:0} .ui-slider-horizontal{height:20px;background:url(../images/slider-control.png) no-repeat left 10px} .ui-slider-horizontal .ui-slider-range{top:0;height:100%} .ui-slider-horizontal .ui-slider-range-min{left:0} .ui-slider-horizontal .ui-slider-range-max{right:0} .colorpicker{z-index:100}