body {font-family: Arial, Trebuchet MS, Arial, sans-serif; color: #000; margin: 0; background: #FFF; font-size: 80%;}
img {border: none;}

ul,dl,dd,form,p {margin: 0; padding: 0;}
dt img {border: 1px solid #00F;}
p {text-align: justify; margin: 0.2em 2em 0.4em;}
em {font-style: italic; font-family: Trebuchet MS, Verdana; color: #080;}
a {color: #00F;}
h1 {margin: 0.3em 0.4em;}
h2 {margin: 0.3em 0; text-align: center;}
h3 {margin: 0.6em 0 0.3em; padding: 0.1em 0.5em; font-size: 1.4em; background: #DDF; clear: both;}
h3 em {float: right; font-weight: normal; line-height: 1.4em; font-size: 0.8em;}

.list dt {padding: 0 2em; font-weight: bold;}
.list dd {padding: 0 3em;}

.vlist {padding: 0.5em;}
.vlist dl {height: 6em; margin: 0.5em 0;}
.vlist dt {float: left; margin: 0 0.5em;}
.vlist dd {margin-bottom: 0.2em;}

.hlist dl  {float: left; width: 250px; height: 14em; padding-top: 0.5em; text-align: center;}

.br {clear: both;}

.g_rate {background: url(images/g_rate.png) no-repeat 0 50%; padding-left: 19px;}
.g_dl {background: url(images/g_dl.png) no-repeat 0 50%; padding-left: 19px;}
.g_Windows {background: url(images/g_Windows.png) no-repeat 0 50%; padding-left: 19px;}
.g_DOS {background: url(images/g_DOS.png) no-repeat 0 50%; padding-left: 19px;}

#head {background: #EEF; border-bottom: 1px solid #009; height: 5.3em;}
#head #logo {float: left;}
#head dl {margin-left: 175px; padding: 0.8em 1em 0.6em;}
#head dt, #head dd {display: inline;}
#head dd {border-left: 1px solid #5B5; margin-left: 0.3em; padding-left: 0.3em;}
#head form {margin-left: 175px;}
#head form input {margin-left: 3em; width: 30em;}
#head form button {border: 1px solid #000; border-top-color: #009; border-left-color: #009; background: #DDF;}
#nav {padding: 0.6em 0.6em; font-weight: bold;}

#head2 {background: #EEF; border-bottom: 1px solid #009; height: 100%; overflow: hidden; padding: 0.4em 0; line-height: 1.7em;}
#head2 #logo {float: left; padding: 0 0.8%;}
#head2 dl {padding: 0;}
#head2 dl  a {text-decoration: none;}
#head2 dl input {font-size: 0.9em; line-height: 0.8em; border: 1px solid #999; padding: 0 0.1em;}
#head2 dt {font-weight: bold; float: left; width: 4em;}
#head2 dd {padding: 0 0 0 0.7%; display: inline;}

#col_new {width: 44em; float: left;}
#col_top {width: 31em; float: left;}
#featured {height: 14em;}
#homelinks {text-align: center; clear: both; padding-top: 2em;}

#filter {border-top: 1px solid #66F; border-bottom: 1px solid #66F; background: #DDF; padding: 0.3em 0.6em; font-size: 1.1em;}
#filter select {width: 12em; font-size: 1em;}
#filter button {margin: 0.2em; border: 1px solid #000; border-top-color: #009; border-left-color: #009; background: #DDF; font-weight: bold; font-size: 1em;}


#dlpage {text-align: center; padding: 6% 0;}
#dlpage h2 {font-size: 1em;}
#dlpage img {vertical-align: middle;}

#detail {margin: 1em;}
#detail dt {float: left; margin: 0 1em;}
#detail dd {margin-bottom: 0.4em;}

#dlbox {float: right; margin: 2em; width: 30em;}
#dlbox img {vertical-align: middle;}
#dlbox textarea {width: 25em; margin-left: 3.5em; font-size: 0.9em; font-family: Arial;}

#dlbox h2,#detail h2 {text-align: left;}

#comments dt {margin: 0.8em 2em 0; font-weight: bold;}
#comments dt em {font-weight: normal;}

.comments2 {max-width: 80em; margin: 0 5%;}

.comments2 dl {height: 100%; overflow: hidden; padding: 0 0.5em;}
.comments2 dt {float: left; clear: left; width: 11em; font-size: 0.9em; overflow: hidden;}
.comments2 dt span {color: #777; font-size: 0.9em; display: block;}
.comments2 dd {margin-left: 11em;}
.comments2 dd .rt {float: right; padding: 0 0.3em 0.3em 0.5em; color: #444; font-size: 0.9em; font-weight: bold;}
.comments2 dd .rt img {border: none; vertical-align: middle;}
.comments2 dd .rp {float: right; clear: right;}
.comments2 dd .rp a {color: #66F; font-size: 0.8em; text-decoration: none;}
.comments2 ul {margin: 0;}
.comments2 ul ul {margin: 0 0 0 2em;}
.comments2 li {margin: 0.5em 0 0 0; padding: 0.5em 0 0; list-style: none; border-top: 1px solid #DDD;}
.comments2 li.selected {background: #FFC;}
#comment-new {padding: 0.5em 0; padding-left: 9em; margin-left: 2em; margin-top: 0.3em; border-top: 1px solid #DDD;}
#comment-new textarea {width: 95%;}

#post {margin: 0 2em;}
#post dt {font-weight: bold;}
#post em {color: #C00; font-weight: bold; margin-left: 0.5em;}



table {border-spacing: 0; width: 96%; margin: 0 2%; font-size: 1.1em;}
table th {padding: 0.1em 0.5em; text-align: left; font-weight: normal;}
table td {padding: 0.1em 0.5em; text-align: center;}
table thead td, table thead th{font-weight: normal; border-bottom: 1px solid #AAA; padding: 0.3em 0.5em 0.2em;}
table tbody .heading td {background: #DDF; padding: 0.2em 0.3em; font-size: 1em; font-weight: bold; border-top: 3px solid #FFF; border-bottom: 3px solid #FFF; text-align: center;}
.ppp {background: #EEF; font-weight: bold;}

#filter2 {clear: both; height: 100%; overflow: hidden; margin: 1em 1em 1em;}
#filter2  a {text-decoration: none;}
#filter2 dl {float: left; bodrder: 1px solid #339; backdground: #EEF; margin: 0 2%; padding: 0.3em 0.3em; clear: both;}
#filter2 dl input {font-size: 0.9em; line-height: 1.0em;}
#filter2 dt {font-weight: bold; float: left; width: 5em;}
#filter2 dt a {float: right;}
#filter2 dd {widdth: 6em; padding: 0 0.5em; margin: 0 0.2em; float: left;}

#search div {margin: 0 1em;}

#footer {text-align: center; margin: 2em 0 1em; line-height: 2em; clear: both; font-size: 0.9em;}