/*general */
body { background-color: #333; color: #333; font-family: Arial, sans-serif; font-size: 90%; line-height: 120%; margin: 0px; padding: 0px; }
div, p, ul, form, label, select, img { border: 0px; margin: 0px; padding: 0px; }
ul { list-style-type: none; }
a { color: #09f; font-weight: normal; text-decoration: none; }
a:hover { color: #666; }
h1, h2, h3 { font-family: 'Trebuchet MS', Arial, sans-serif; font-weight: bold; margin-bottom: 15px; }
h1 { color: #111; font-size: 150%; }
h2 { color: #222; font-size: 130%; }
h3 { color: #333; font-size: 110%; }
/* misc */
div.container { margin: 0px auto; width: 998px; }
ul.list { list-style-type: disc; padding: 0px 0px 15px 24px; }
  ul.list li { margin-left: 20px; padding: 3px; }
div.links { margin: 10px 0px 10px 0px; }
div#shutdown { background-color: #fff; padding: 10px; text-align: center; }
div.left { float: left; }
div.right { float: right; }
/* round */
a.rnda, div.rndd, form.rndf, form.rndf input[type="text"], form.rndf input[type="password"], form.rndf select, form.rndf textarea, span.rnds { 
behavior: url('http://www.blogarama.com/htc/pie.htc');
position: relative; }
/* colors */
span.green { color: #6c0; font-weight: bold; }
span.grey { color: #666; font-weight: bold; }
span.normal { font-weight: normal; }
span.red { color: #c00; font-weight: bold; }
span.strike { text-decoration: line-through; }
/* status */
span.status { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-weight: bold; padding: 5px; }
span.error { background: #c00; border: 1px solid #900; color: #fff; }
span.success { background: #6c0; border: 1px solid #690; color: #fff; }
/* head */
div#headTop { background-color: #09f; border-bottom: 1px solid #111; height: 3px; }
  div#headFrame { overflow: hidden; height: 96px; }
    div#headFrame div.logo { margin-top: 18px; }
    div#headFrame div.banner { margin: 18px 15px; }
div#menuFrame { -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; background-color: #fff; overflow: hidden; }
div#menu { clear: both; overflow: hidden; padding: 20px; }
  div#menu ul li { float: left; }
    div#menu ul li a { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #eee; background: -webkit-gradient(linear, 0 0, 0 70%, from(#eee), to(#ddd)); background: -webkit-linear-gradient(#eee, #ddd 70%); background: -moz-linear-gradient(#eee, #ddd 70%); background: -ms-linear-gradient(#eee, #ddd 70%); background: -o-linear-gradient(#eee, #ddd 70%); background: linear-gradient(#eee, #ddd 70%); -pie-background: linear-gradient(#eee, #ddd 70%); border: 1px solid #ddd; color: #666; display: block; font-size: 100%; font-weight: bold; margin-right: 15px; padding: 8px; text-align: center; }
    div#menu ul li a.join { background-color: #6c0; background: -webkit-gradient(linear, 0 0, 0 70%, from(#9f3), to(#6c0)); background: -webkit-linear-gradient(#9f3, #6c0 70%); background: -moz-linear-gradient(#9f3, #6c0 70%); background: -ms-linear-gradient(#9f3, #6c0 70%); background: -o-linear-gradient(#9f3, #6c0 70%); background: linear-gradient(#9f3, #6c0 70%); -pie-background: linear-gradient(#9f3, #6c0 70%); color: #fff; }
	div#menu ul li a:hover, div#menu ul li a.join:hover, div#menu ul li a.on { background-color: #666; background: -webkit-gradient(linear, 0 0, 0 70%, from(#666), to(#333)); background: -webkit-linear-gradient(#666, #333 70%); background: -moz-linear-gradient(#666, #333 70%); background: -ms-linear-gradient(#666, #333 70%); background: -o-linear-gradient(#666, #333 70%); background: linear-gradient(#666, #333 70%); -pie-background: linear-gradient(#666, #333 70%); color: #fff; }
/* body */
div#bodyFrame { border-bottom: 1px solid #000; clear: both; overflow: hidden; }
  div#body { background-color: #fff; clear: both; overflow: auto; padding: 10px; }
    div#body p { margin-bottom: 12px; }
div#bodyFoot { background-color: #999; height: 1px; }
/* colDiv */
div.colDiv { margin-bottom: 10px; overflow: hidden; }
  div.colOne { float: left; margin-right: 5px; padding: 5px; width: 310px; }
  div.colTwo { float: left; margin: 0px 5px; padding: 5px; width: 310px; }
  div.colOneTwo { float: left; margin-right: 5px; padding: 5px; width: 640px; }
  div.colThree { float: left; margin-left: 5px; padding: 5px; width: 308px; }
/* navigation */
div#navFrame { background-color: #999; padding: 1px 0px; }
  div#nav { background-color: #222; border-bottom: 1px solid #fff; border-top: 1px solid #fff; overflow: hidden; padding: 5px 20px; }
/* promo */
div#promo { text-align: center; }
  div#promo a { color: #09f; font-size: 100%; }
  div#promo a:hover { color: #666; }
  div#promo div#headline { font-size: 80%; font-weight: bold; }
  div#promo div#description { font-size: 80%; padding: 12px 0px; }
div.buynow { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; border: 1px solid #666; float: right; margin: 0px 0px 10px 10px; padding: 1px; width: 200px; }
  div.buynow div#ready { -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; background-color: #c00; color: #fff; font-weight: bold; padding: 5px; text-align: center; }
  div.buynow div#download { background-color: #6c0; border-bottom: 1px solid #666; color: #fff; padding: 5px; text-align: center; }
  div.buynow div#desc { padding: 5px; text-align: center; }
/* columns */
table#breadcrumbs { margin-bottom: 15px; }
div.column { float: left; padding: 0px 30px 0px 0px; width: 183px; }
  div.column p { padding: 3px 3px 6px 3px; }
  div.column a.cCat { color: #333; font-size: 80%; }
  div.column a.cCat:hover { color: #09f; }
/* pager */
div.pager { border-bottom: 1px solid #ddd; margin-top: 5px; overflow: hidden; padding: 5px; }
  div.pager a { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 2px 8px; }
  div.pager a.pages { background-color: #eee; color: #09f; }
  div.pager a.pages:hover { background-color: #09f; color: #fff; }
  div.pager a.on { background-color: #09f; color: #fff; }
/* footer */
div#footerFrame { background-color: #222; border-top: 1px solid #111; clear: both; overflow: hidden; padding-bottom: 10px; }
  div#footer { color: #fff; height: 888px; padding-top: 20px; text-shadow: 1px 1px #111; }
    div#footer a { color: #999; font-size: 90%; text-decoration: none; margin-left: 3px;}
    div#footer a:hover { color: #fff; }
      div.colFrame { margin-bottom: 25px; overflow: hidden; }
        div.colFrame div.col25 { float: left; width: 24%; }
        div.colFrame h3 { color: #fff; }
      div#foot { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #111; clear: both; color: #666; font-size: 90%; overflow: hidden; padding: 10px; text-shadow: 1px 1px #000; }
        div#foot span { color: #222; font-weight: bold; padding: 0px 5px; text-shadow: none; vertical-align: middle; }
        div#foot a { color: #666; margin: 0px; }
        div#foot a:hover { color: #fff; }
      div#locale { margin-top: 10px; }
/* listing */
div.listing { clear: both; font-size: 90%; overflow: hidden; margin-bottom: 10px; }
  div.listing a { font-size: 110%; }
  span.hilite { background: #ffa; font-style: italic; font-weight: bold; }
div#listed { background: #fafafa; border-bottom: 1px solid #eee; margin-bottom: 6px; padding: 6px; }
  div.featured { text-align: right; }
div.vote { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #eee; border: 1px solid #ccc; float: left; font-weight: bold; margin-right: 5px; padding: 3px; text-align: center; width: 40px; }
  div.votes_count { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; border: 1px solid #ddd; font-size: 60%; margin: 0px auto; padding: 5px; }
  div.vote_buttons { margin-top: 3px; }
    div.vote_buttons a { background: url("images/vote.png") 0px 0px no-repeat; display: inline-block; height: 16px; width: 16px; }
    div.vote_buttons a.like { background-position: 0px 0px; }
    div.vote_buttons a.like:hover { background-position: 0px -16px; }
    div.vote_buttons a.dislike { background-position: -16px 0px; }
    div.vote_buttons a.dislike:hover { background-position: -16px -16px; }
    div.vote_buttons a.like_off { background-position: 0px -16px; }
    div.vote_buttons a.dislike_off { background-position: -16px -16px; }
div.details { float: left; width: 587px; }
/* manage */
div.manage { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; border: 1px solid #ddd; margin-bottom: 10px; padding: 1px; }
  div.manage div { background-color: #eee; padding: 10px; }
  div.manage h3 { margin: 0px 0px 10px 0px; padding: 0px; }
  div.manage table th { background-color: #eee; font-weight: bold; }
/* premier */
div.premier { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; border: #fc6 1px solid; margin-bottom: 10px; padding: 1px; }
  div.premier div { background-color: #ffc; padding: 10px; }
  div.premier em { font-size: 80%; }
/* member */
div.member { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #282828; color: #fff; font-size: 90%; margin: 10px 20px 10px 0px; padding: 10px; width: 300px; }
  div.member a.menu { color: #999; margin-left: 10px; }
  div.member a.menu:hover { color: #fff; }
/* dialog */
div.dialogFrame { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; border: 1px solid #ddd; margin-bottom: 10px; overflow: hidden; padding: 1px; }
  div.dialogFrame div.dialog { background-color: #eee; overflow: hidden; padding: 10px; }
    div.dialog h2 { margin: 0px 0px 8px 0px; }
    div.dialog a { font-size: 90%; }
    div.dialog div.center { padding-top: 9px; text-align: center; }
div.fixedHeight { height: 125px; }
div.fixPad { padding: 0px 8px; }
/* blogads */
div.blogads { margin-bottom: 10px; overflow: hidden;  }
  div.blogads img { float: left; }
  div.blogads div { float: left; margin-left: 10px; }
/* signup type */
div.listType { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ddd; margin: 5px 5px 10px 0px; padding: 10px; width: 50%; }
div.pickType { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #cf9; margin: 5px 5px 10px 0px; padding: 10px; width: 50%; }
/* FORMS */
input[type="text"], input[type="password"], select, textarea { background: #fff !important; }
/* code */
form.code { padding-bottom: 10px; }
  form.code textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #bbb; padding: 5px; overflow: auto; }
/* login */
form#login { margin: 0px; padding: 0px; }
  form#login div.row { margin-bottom: 3px; overflow: hidden; padding: 3px; }
  form#login div.field { float: left; height: 22px; line-height: 22px; vertical-align: center; width: 65px; }
    form#login input[type="text"], form#login input[type="password"] { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #eee; font-size: 100%; height: 18px; width: 100px; }
    form#login input[type="submit"] { font-size: 80%; margin: 0px; padding: 1px; }
/* search */
div#searchFrame { color: #fff; float: left; padding-top: 25px; text-align: center; }
  div#searchFrame form#search input[type="text"] { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; font-size: 150%; height: 30px; width: 500px; }
  div#searchFrame form#search input[type="submit"] { font-size: 110%; margin-left: 8px; padding: 4px; }
  div#searchFrame a.filterClassOn { color: #09f; }
  div#searchFrame a.filterClassOff { color: #c00; }
/* forms */
form.form { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; border: 1px solid #ddd; padding: 1px; }
form ol.forms { background-color: #eee; list-style: none; margin: 0px; overflow: hidden; padding: 10px; }
  form ol.forms li { clear: both; margin-bottom: 15px; overflow: hidden; }
  form ol.forms li label { display: block; font-weight: bold; margin-bottom: 5px; overflow: hidden; width: 200px; }
  form ol.forms input[type="text"], form ol.forms input[type="password"], form ol.forms select, form ol.forms textarea { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #9cc; color: #333; overflow: hidden; padding: 8px; }
  form ol.forms img.captcha { margin-top: 4px; vertical-align: top; }
  form ol.forms input[type="submit"] { font-size: 100%; margin-top: 5px; padding: 3px; }
  form ol.forms li.inline { overflow: hidden; }
    form ol.forms li.inline label { display: inline; }
/* temp */
div.partner { font-size: 80%; margin-left: 3px; }