html,body,p,pre,ol,ul,li,h1,h2,h3,dl,dt,dd{margin:0;padding:0;}
li{list-style-type:none;}
code,th{font-style:normal;font-weight:normal;}
th{text-align:left;}
table{border-collapse:collapse;border-spacing:0;}

html,body{height:100%;}
body{font:13px "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;line-height:24px;color:white;background:url(../img/bg.gif) repeat;}
strong,em,b,i{font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}

a:link,a:visited{color:#0098ff;}
img{border:none;}
p,h1,h2,h3,ol,ul,pre{margin-bottom:18px;}
h1,h2,h3,#subtitle{font-weight:normal;}
h1{font-size:26px;line-height:36px;}
h2{font-size:16px;}
ul,ol{margin-left:60px;}
ul li{list-style-type:square;}
ol li{list-style-type:decimal;}
pre,code{font-size:13px;background:white;color:black;}
pre{padding:5px 10px;border:1px solid #ddd;line-height:15px;overflow-x:auto;}
table{margin:0 auto 0px;}
table th{text-decoration:underline;}
table ul,table ol{margin-bottom:5px;}

#outer-wrapper{margin-bottom:-32px;min-height:100%;height:auto !important;height:100%;}
#stripe{border-top:3px solid black;}
#wrapper{width:720px;margin:0 auto;}
#header{padding-top:18px;}
#nav,#footer{background:black;color:white;}
#footer,#push{height:32px;}
#footer p{text-align:center;font-size:10px;margin:0;line-height:32px;}

#forum #wrapper{width:90%;}
#forum #nav{margin:0;}
#forum #content{background:white;}

#header h1{display:none;}
#header h2{font-size:12px;}
#header h2 a{text-decoration:none;}
#header h2 a:hover{text-decoration:underline;}

ul#nav{margin:0 0 18px;text-align:center;padding:4px 0;}
ul#nav li{list-style:none;display:inline;}
ul#nav li a{padding:4px 12px;}
ul#nav li a.selected{background:#202020;}

#download-callout{width:260px;float:right;margin-left:18px;padding:20px 20px 0;background:#202020;border:1px solid #111;}
#purchase-callout{border:1px solid #111;background:#202020;width:320px;margin:0 auto 18px;}
#purchase-callout table{margin-bottom:0;}
#purchase-callout td{padding:20px;text-align:center;}
#download-container{width:260px;text-align:center;margin:0 auto 18px;padding:20px;background:#202020;border:1px solid #111;}
#download-container #version{font-size:24px;font-weight:bold;}
#custom-menu{display:none;margin:0 auto 18px;padding:20px;background:#202020;border:1px solid #111;}

div.feature{width:290px;float:left;margin-left:20px;padding:0 0 20px 60px;background:no-repeat 14px 0;}
div.feature-icon{width:60px;text-align:center;float:left;}
div.feature-title{font-size:15px;}
div.left{clear:left;margin-left:0;}
div#feature-standards{background-image:url(../img/icon-standards.gif);}
div#feature-free{background-image:url(../img/icon-free.gif);}
div#feature-media{background-image:url(../img/icon-media.gif);}
div#feature-smarts{background-image:url(../img/icon-lightbulb.gif);}
div#feature-customize{background-image:url(../img/icon-customize.gif);}
div#feature-universal{background-image:url(../img/icon-universal.gif);}
div#feature-neat{background-image:url(../img/icon-neat.gif);}
div#feature-smiley{background-image:url(../img/icon-smiley.gif);}


.hidden{display:none;}
#hongkong{text-align:center;padding-bottom:18px;}
div.question{background:url(../img/question.gif) no-repeat 2px 3px;padding-left:26px;}

ul#browser-list{margin-left:38px;}
ul#browser-list li{list-style-type:none;padding-bottom:4px;}
ul#browser-list img{vertical-align:middle;margin-right:10px;}
ul#browser-list li.opera img{margin-left:-3px;margin-right:13px;}

/* the way rounded corners should be */
#nav,#nav li a.selected,pre,p.note,.rounded,a.option,#download-callout,#purchase-callout,#download-container,#custom-menu{-moz-border-radius:3px;-webkit-border-radius:3px;}
#forum #nav{-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;}