#content { 
  margin: 30px 20px 0 0; 
  width: 475px; 
  font: 14px Helvetica; 
  line-height:19px; 
  color: #555;
}
#content #notice { margin-bottom: 20px; text-align:center; }
#content #buynow { margin-top: 40px; text-align: center; }
#screenshots { margin-top: 20px; text-align:center;}

.zoom {
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

#content ul li { margin-top: 5px; }
#content ul li ul li { margin-top: 2px; font-size:12px; }

#ticker { color: #888; }

#menu { float: right; margin-top: 30px; width: 180px; }
#menu div { text-align:center; font: .8em Helvetica; color: #888; margin-bottom: 4px;}

#menu a.button { 
  margin-bottom: 12px;
  display: block;
  background-color: #efefef;
  background-position: 16px 50%;
  background-repeat: no-repeat;
  border: 1px solid #aaa;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  x-moz-box-shadow: 0px 1px 4px #ccc;
  x-webkit-box-shadow: 0px 1px 4px #ccc;
  padding:12px 0 6px 56px;
  font: 20px "Hoefler Text", Georgia;
  letter-spacing:1px;
  color: #666; 
  text-decoration: none; 
  text-shadow: 1px 1px 0px #fff;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
#menu a.button:hover {
  background-color:#fafafa;
  border-color:#bbb; 
  color:#333;
}

#menu a.archive {background-image: url('/static/images/box-24.png');}
#menu a.history {background-image: url('/static/images/book-24.png');}
#menu a.download {background-image: url('/static/images/downarrow-24.png');}
#menu a.syncman {background-image: url('/static/images/syncman-24.png');}
#menu a.purchase {background-image: url('/static/images/bluecart-24.png');}
#menu a.news {background-image: url('/static/images/microphone-24.png');}
#menu a.twitter {background-image: url('/static/images/twitter-24.png');}
#menu a.support {background-image: url('/static/images/lifering-24.png');}



/* BLOG */


#content .post .info {
  background:#f8f8f8;
  border-top:1px solid #ccc;  
}
#content .post .title {
  padding:4px 0 2px 12px;
  font:bold 16px Helvetica;
}
#content .post .title a {
  text-decoration:none;
}
#content .post .date {
  padding:2px 0 4px 12px;
  font:normal 12px Helvetica;
  color:#888;  
}
#content .post .content {
  margin:0 13px 30px 13px;
}
#content .post .content img {
  display:block;
  margin:0 auto;
}
#content .post .content blockquote {
  margin-left:25px;
  border-left:5px solid #ddd;
  padding-left:10px;
  color:#888;
}
#content .archive {
  width:100%;
}
#content .archive .year {
  text-align:left;
  margin-top:18px;
  padding:2px;
  color: #444;
  background:#f8f8f8;
  border-top:1px solid #ccc;
  font-weight:bold;
}
#content .archive tr:first-child .year {
  margin-top:0;
}
#content .archive .date {
  color:#888;
  padding:3px 16px 3px 0;
  font-weight:normal;
  text-align:left;
  white-space:nowrap;
}
#content .archive a {
  display:block;
  width:100%;
  text-decoration:none;
}
#content .archive a:visited {
  color: #5181b1;
}
#content .archive a:hover {
  text-decoration:underline;
}
#content .blog-footer {
  text-align:center;
  padding:10px;
  border:1px solid #ddd; 
  background:#f4f4f4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}


/* PURCHASE */

#content .purchase { 
  margin-top: 20px; 
  border:1px solid #ddd; 
  background:#f4f4f4;
  -moz-border-radius:5px;
  -webkit-border-radius:5px; 
}
#content .purchase form { float: right; padding: 10px;}
#content .purchase h3 {margin:13px 10px 10px 10px; padding:0; font-weight:normal;}
#content .purchase p {margin:16px 10px 10px 10px; padding:0; font-size:12px;}
#content .purchase a { 
  display:block; 
  float:right; 
  margin:10px; 
  padding:3px 0; 
  width:100px;
  -moz-border-radius:5px; 
  -webkit-border-radius:5px; 
  -moz-box-shadow: 0 1px 2px #777;
  -webkit-box-shadow: 0 1px 2px #777;
  color:#fff; 
  text-decoration: none;
  text-align:center;
  letter-spacing: 2px;
  border: 1px solid #416A96;
  background: rgb(74,119,165);
  background: -moz-linear-gradient(top, #5181B1, #416A96);
  background: -webkit-gradient(linear, left top, left bottom, from(#5181B1), to(#416A96));
}
#content .purchase a:hover {
}


/* RELEASES */

.release {
  margin-bottom: 30px;
}
.release .info {
  background:#f8f8f8;
  border-top:1px solid #ccc;
  padding: 4px;
}
.release .info .title {
  font:bold 16px Helvetica;
}
.release .info .date {
  float:right;
  font:normal 16px Helvetica;
  color:#aaa;  
}
.release .notes {
  font:normal 13px Helvetica;
  line-height: 17px;
}


/* SUPPORT */

#faq #bar {
  margin: 20px 0 10px 0;
  padding: 10px;
  border:1px solid #ddd; 
  background:#f4f4f4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#faq .question {
  margin-top:20px;
  padding: 3px 0 2px 24px;
  background: url('/static/images/question-16.png') center left no-repeat;
  font: bold 13px Helvetica;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -o-transition: all 1.5s;
}
#faq .question.highlight {
  background-color:#ffff99;
}
#faq .answer {
  margin-top: 10px;
  margin-left: 24px;
  font: normal 13px Helvetica;
  line-height: 17px;
}
#faq .answer ul {
  padding-left:20px;
}