body, h1, h2, h3, h4, h5, h6, fieldset, ul, ol, li, input, textarea, select, table, dl, dd, dt, img, blockquote, p, table, th, td, address {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal; }

fieldset, a img {
  border: 0; }

.ie img {
  -ms-interpolation-mode: bicubic; }

p, address, dl, ol, ul, fieldset, table, h1, h2, h3, h4, h5, h6, dt, dd, blockquote {
  margin-bottom: 10px; }

abbr, acronym, a {
  padding-bottom: 1px; }

a, ins {
  text-decoration: none; }

blockquote, dd {
  margin-left: 30px;
  margin-right: 30px; }

abbr, acronym {
  border-bottom: 1px dotted;
  cursor: help; }

ol, ul {
  list-style: none; }

li {
  margin-bottom: 5px; }
  li ol, li ul {
    margin: 5px 0 0 10px; }

body {
  background: white; }

body, input, textarea, select, button {
  font-size: 12px;
  color: #121212;
  font-family: 'lucida grande', 'lucida sans unicode', helvetica, arial, sans-serif; }

a:link, a:visited {
  color: #3a1e89;
  border-bottom: 1px solid; }
a:hover, a:active {
  border-bottom: 0;
  color: #000000; }

p {
  line-height: 21px; }

code, tt, var, pre, samp {
  font-family: monaco, 'lucida console', monospace; }

sup {
  vertical-align: 3px; }

sub {
  vertical-align: -3px; }

h1 {
  font-size: 28px; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 20px; }

h4, dt {
  font-size: 16px; }

h5, big {
  font-size: 14px; }

h5 {
  text-transform: uppercase; }

h6 {
  font-size: 13px;
  font-variant: small-caps; }

small {
  font-size: 10px; }

del {
  text-decoration: line-through; }

form *:focus, ins {
  background: #f2fafe; }

input, textarea {
  padding: 3px; }

input.radio, input.checkbox, input.submit {
  padding: 0; }

input.radio, input.checkbox {
  width: auto !important; }

input.radio, input.checkbox, label {
  margin-right: 10px; }

input.submit, input.radio, input.checkbox, button, select {
  cursor: pointer; }

textarea {
  width: 200px;
  height: 60px; }

label {
  display: block; }

fieldset label, fieldset input, fieldset select {
  float: left; }

.mac.gecko select, .mac.opera select {
  background: white; }

.webkit select {
  background-image: url('/'); }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

th, td {
  text-align: left;
  vertical-align: middle; }

th, td {
  border: 1px solid;
  padding: 5px; }

.right {
  float: right; }

.left {
  float: left; }

.clear, .clearfix:after, fieldset:after, fieldset br {
  clear: both;
  display: block; }

.clearfix:after, fieldset:after {
  content: " "; }

.ie .clearfix, .ie fieldset {
  height: 1%; }

.hide {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important; }

td.left, td.right, th.left, th.right {
  float: none !important; }
td.left, th.left {
  text-align: left; }
td.right, th.right {
  text-align: right; }
td.center, th.center {
  text-align: center; }

p img.left {
  margin: 10px 20px 5px 0; }
p img.right {
  margin: 10px 0 5px 20px; }

body {
  background: #fefcf2; }

.review_box h1 a, #content h1, #fav_reviews h1, #ratings h1, #content.full h2 {
  font-family: georgia, serif; }

ul.pagination {
  float: right;
  .float: none;
  .position: relative;
  .left: 360px;
  _left: 355px;
  margin: 15px 0 20px; }
  ul.pagination a {
    padding: 3px 8px;
    color: #c72219 !important;
    border: 1px solid #c72219 !important;
    display: block; }
    ul.pagination a:hover {
      background: #efefef;
      color: black !important;
      border-color: #999 !important; }
  ul.pagination li {
    float: left;
    margin-left: 5px;
    .padding: 2px 0; }
    ul.pagination li.selected a {
      color: black !important;
      font-weight: bold;
      background: #eee;
      border-color: black !important; }

.screenshot {
  width: 122px;
  height: 90px;
  background: url('../images/backgrounds/screenshot.png') 0 0 no-repeat; }
  .screenshot img {
    width: 115px;
    height: 76px;
    display: block;
    margin: 10px 0 0 2px; }

#container {
  background: url('../images/backgrounds/container.png') center top repeat-y;
  width: 831px;
  margin: 0 auto; }
  #container .inner {
    width: 800px;
    overflow: hidden;
    margin-left: 14px; }
  #container p.footer {
    text-align: center;
    font-size: 11px;
    margin-top: 25px; }

#header {
  width: 782px;
  height: 104px;
  background: url('../images/backgrounds/header.jpg') 0 0 no-repeat;
  border-bottom: 2px solid #5c0703;
  padding: 30px 0 0 18px; }
  #header h1, #header h1 a {
    cursor: pointer;
    width: 484px;
    height: 73px; }
  #header h1 {
    margin: 0; }
  #header a {
    border: 0;
    display: block; }
  #header h1 a {
    text-indent: -9999em;
    background: url('../images/backgrounds/logo.gif') 0 0 no-repeat;
    width: 484px;
    height: 73px; }
  #header h2 {
    text-indent: 0;
    color: white;
    text-transform: uppercase;
    font-size: 11.5px;
    border-bottom: 1px dotted white;
    float: left;
    padding-bottom: 3px;
    margin: -12px 0 0 16px;
    _margin-left: 9px; }

#fav_reviews, #ratings, #content {
  border-top: 1px solid white; }
  #fav_reviews h1, #fav_reviews h1.title,   #ratings h1, #ratings h1.title,   #content h1, #content h1.title {
    background: #eee;
    color: #340907;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    padding: 3px 5px;
    margin: 0 0 1px; }

#ratings {
  float: left;
  width: 156px; }
  #ratings li {
    background: white;
    margin: 0 0 1px;
    position: relative;
    font-size: 11px;
    _zoom: 1;
    _margin-bottom: -2px; }
    #ratings li a {
      border: 0;
      display: block;
      padding: 6px 5px 5px; }
    #ratings li span {
      position: absolute;
      display: block;
      top: 2px;
      .top: 3px;
      color: white;
      right: 5px;
      width: 20px;
      height: 21px;
      font-size: 10px;
      padding-top: 4px;
      .padding-top: 3px;
      font-weight: bold;
      overflow: hidden;
      text-align: center;
      background: url('../images/icons/rating.png') 0 0 no-repeat; }

#content {
  float: left;
  margin: 0 12px;
  _width: 484px;
  _overflow: hidden; }
  #content h1 {
    margin-bottom: 20px; }

.ff2 #content {
  width: 484px; }

#fav_reviews {
  float: right;
  width: 136px; }
  #fav_reviews h1 {
    margin-bottom: 20px; }
  #fav_reviews li {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px; }
  #fav_reviews p {
    margin: 0;
    background: #f7f7f7;
    padding: 1px;
    font-size: 11px; }
  #fav_reviews h2, #fav_reviews p {
    text-align: center; }
  #fav_reviews h2 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 2px; }
    #fav_reviews h2 a {
      border: 0; }
  #fav_reviews .screenshot {
    margin: 0 auto;
    padding-top: 1px; }
    #fav_reviews .screenshot img {
      margin-top: 9px; }

.review_box {
  margin-bottom: 12px;
  border: 1px solid #c72219;
  width: 482px;
  background: white url('../images/backgrounds/review_box.png') right top repeat-y;
  overflow: hidden; }
  .review_box h1 {
    font-weight: bold;
    cursor: pointer;
    background: white url('../images/icons/heart.gif') 0 6px no-repeat !important;
    margin-bottom: 12px !important;
    border: 0 !important; }
    .review_box h1 a, .review_box h1 small {
      display: block; }
    .review_box h1 a {
      border: 0 !important;
      padding-left: 30px;
      font-size: 17px; }
      .review_box h1 a small {
        text-decoration: underline;
        font-family: 'lucida grande', 'lucida sans unicode', helvetica, arial, sans-serif;
        font-weight: normal;
        padding-top: 2px; }
    .review_box h1:hover small {
      text-decoration: none; }
  .review_box p {
    font-size: 12px;
    letter-spacing: 0.04em;
    text-align: justify;
    font-family: georgia, serif; }
    .review_box p.next_steps {
      margin: 0; }
  .review_box .content {
    padding: 10px 12px 3px;
    width: 310px;
    float: left; }
  .review_box .meta {
    float: right;
    width: 122px;
    margin: 10px 11px 0 0;
    _margin-right: 6px; }
  .review_box .rating, .review_box .badge {
    margin: 0 auto; }
  .review_box .rating {
    width: 104px; }
    .review_box .rating h2 {
      display: none; }
  .review_box .badge {
    width: 12px;
    background: red;
    color: white;
    width: 39px;
    height: 40px;
    text-align: center;
    background: url('../images/backgrounds/badge.png') 0 0 no-repeat;
    position: relative;
    top: -28px;
    font-size: 13px;
    font-weight: bold;
    padding: 11px 0 0 0; }
  .review_box .bar_outer, .review_box .bar_inner, .review_box .badge, .review_box .screenshot {
    overflow: hidden; }
  .review_box .bar_outer {
    border: 1px solid #626262;
    width: 102px;
    height: 15px;
    background: white; }
    .review_box .bar_outer .bar_inner {
      height: 13px;
      background: #35a43d url('../images/backgrounds/bar_inner.png') 0 0 repeat-y;
      margin: 1px; }
  .review_box .screenshot {
    margin-bottom: 15px; }
  .review_box.featured p {
    font-size: 13px; }
  .review_box.first {
    margin-top: 20px; }

#content.full {
  width: 632px;
  margin-right: 0; }
  #content.full .footer, #content.full .wrapper {
    width: 484px; }
  #content.full .footer {
    padding-top: 40px; }
  #content.full .info {
    margin-top: 20px; }
    #content.full .info p {
      font-size: 11px; }
      #content.full .info p.last {
        margin-bottom: 30px; }
  #content.full #review_screenshots {
    float: right;
    margin-top: 32px;
    padding-right: 12px; }
    #content.full #review_screenshots .screenshot {
      padding-top: 1px;
      margin-bottom: 15px; }
      #content.full #review_screenshots .screenshot img {
        margin-top: 9px;
        .margin-top: 10px; }
  #content.full .review_box {
    margin-bottom: 30px; }
  #content.full .wrap_up p {
    font-size: 12.5px;
    font-family: georgia, serif; }
  #content.full .wrap_up p.last, #content.full .wrap_up ul {
    margin-bottom: 30px; }
  #content.full .wrap_up ul {
    list-style: disc;
    margin-left: 20px; }
  #content.full blockquote {
    background: #f7f7f7;
    padding: 10px 10px 5px;
    margin-bottom: 25px; }
    #content.full blockquote.odd {
      background: #eee; }
    #content.full blockquote p.person {
      color: #333;
      font-size: 12px; }
  #content.full h2 {
    border-bottom: 1px solid #ccc;
    color: #340907;
    font-size: 18px;
    padding-bottom: 3px; }