body {
	padding: 20px 0;
	margin: 0;
	color: #333;
	background-color: #fff;
  text-align: center;
  font-family: verdana, sans-serif;
}

table, td {
  font-size: 12px;
  font-family: verdana, sans-serif;
}

a:link { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color: #000; }

a.image:hover { background: none; border: none; }
a.image img { border: none; }

form {
  margin: 0; padding: 0;
}

div#Container {
  margin: 0 auto;
	width: 800px;
  text-align: left;
}

div#Masthead {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 40px;
}

div#Content {
	width: 470px;
	float: left;
  margin-right: 50px;
}

div#Sidebar {
	font-family: "lucida grande", verdana, arial, helvetica, sans-serif;
	width: 245px;
	float: right;
	text-align: center;
}

div#Footer {
  clear: left;
  border-top: 1px dotted #ccc;
  padding-top: 10px;
  margin-top: 40px;
}

div#AdBox {
  border-top: 1px dotted #ccc;
  padding: 10px 0;
}

/*-------------------------------------------------
MASTHEAD
-------------------------------------------------*/

div#Masthead img {
	float: right;
}

div#Masthead h1 {
  font-family: helvetica;
  font-size: 14px;
  line-height: 18px;
  color: #bbb;
  letter-spacing: -1px;
  width: 450px;
}

.perma div#Masthead h1 a:link,
.perma div#Masthead h1 a:visited {
  color: #A873B8;
  color: #393;
}

.perma div#Masthead h1 a:hover {
  background: none;
}


/*-------------------------------------------------
CONTENT: POSTS
-------------------------------------------------*/

div.post {
  margin: 0 0 40px 0;
}

div.post h2, div.post h2 a:link, div.post h2 a:visited { /* post title */
  font-size: 28px;
  font-family: helvetica, arial, sans-serif;
  line-height: 30px;
  letter-spacing: -1px;
  padding: 0;
  margin: 0;
  color: #393;
  text-decoration: none;
}

div.post h2 a:hover {
  text-decoration: underline;
  background: none;
}

div.post h2 span.nobreak {
  white-space: nowrap;
}

div.post h2 span.author, div.post h2 span.date {
  text-transform: none;
  font-size: 24px;
}

div.post h2 span.author {
  color: #c9c;
}

div.post h2 span.date {
  color: #ddd;
  font-weight: normal;
}

div.post h3 { /* comment line */
  font-family: helvetica, arial, sans-serif;
  line-height: 30px;
  letter-spacing: normal;
  color: #aaa;
  background: url('/web/20050403180838/http://37signals.com/svn/images/comment.gif') no-repeat 0 50%;
  font-size: 12px;
  padding: 0 0 0 29px;
  margin: 0 0 5px 0;
  font-weight: normal;
  vertical-align: middle;
  white-space: nowrap;
}

div.post h3 strong { /* the name of the last person to comment */
  color: #999;
}

div.post h3 a:link, div.post h3 a:visited {
  font-weight: bold;
  font-size: 12px;
  color: #A873B8;
  text-decoration: none;
  border-bottom: 1px solid #ebe;
  margin-right: 3px;
}

div.post h3 a:visited {
  color: #aaa;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
}

div.post h3 a:hover {
  background: none;
}

div.post h3 a.latestcomment:link,
div.post h3 a.latestcomment:visited {
  color: #aaa;
  font-weight: normal;
  margin: 0;
  border-bottom: 1px solid #eee;
}

div.post img {
  padding: 1px;
  border: 1px solid #996;
  margin: 3px 0;
}

div.post p {
  font-size: 13px;
  line-height: 18px;
  color: #222;
  padding: 0;
  margin: 0 0 15px 0;
}

div.post blockquote {
  background: url('/web/20050403180838/http://37signals.com/svn/images/blockquote.gif') no-repeat 0 2px;
  font-size: 12px;
  line-height: 18px;
  color: #666;
  padding-left: 23px;
  margin: 0 40px 15px 0px;
}

div.post ul, div.post ol {
  margin: 0 0 15px 0;
  padding-left: 35px;
  font-size: 13px;
  line-height: 18px;
}

div.post ul li {
  list-style-type: square;
}

.perma div.post {
  margin-bottom: 40px;
}

/*-------------------------------------------------
CONTENT: COMMENTS
-------------------------------------------------*/

div.comments {
  margin-bottom: 50px;
}

div.comments div.preview {
  background: #ffc;
  border: 2px solid #fff;
}

div.commentsbg, div.postacomment {
  background: #F2F7FE url('/web/20050403180838/http://37signals.com/svn/images/comment-bg.gif') bottom repeat-x;
  margin-bottom: 15px;
}

div.comments h2 {
  background: #fff;
  padding: 3px;
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  letter-spacing: normal;
  color: #A873B8;
  border-bottom: 1px dotted #ccc;
  margin: 0 0 10px 0;
}

div.comments h2 span.jumptolatest {
  font-size: 12px;
  color: #aaa;
  font-weight: normal;
}

div.comments h2 span.jumptolatest a:link,
div.comments h2 span.jumptolatest a:visited {
  color: #aaa;
  margin: 0 2px;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
}

div.comments h2 span.jumptolatest a:hover {
  background: none;
}

div.comment {
  margin: 0 5px;
  padding: 5px 5px 1px 5px;
  /*border-bottom: 1px solid #EDF3FE;*/
}

div.comment h3 {
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  letter-spacing: normal;
  margin: 0 0 3px 0;
}

div.comment h3 span.author {
  color: #393;
}

div.comment h3 span.author a:link,
div.comment h3 span.author a:visited {
  color: #393;
  text-decoration: underline;
}

div.comment h3 span.author a:hover {
  background: none;
}

div.comment h3 span.date {
  color: #ccc;
  font-weight: normal;
  letter-spacing: -1px;
}

div.comment p {
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 15px 0;
}

div.comment blockquote {
  font-size: 11px;
  font-style: italic;
  line-height: 14px;
  color: #666;
  margin: 0 40px 15px 15px;
}


/*-------------------------------------------------
CONTENT: POST A COMMENT
-------------------------------------------------*/

div.postacomment dl {
  margin: 15px 15px; padding: 0;
}

div.postacomment dt,
div.postacomment dd {
  margin: 0; padding: 0;
}

div.postacomment dt {
  font-family: helvetica, arial, sans-serif;
  color: #333;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

div.postacomment dt span {
  color: #999;
  font-size: 11px;
}

div.postacomment dd {
  margin-bottom: 10px;
}

div.postacomment dt.inline { /* the first three fields are each on one line */
  float: left;
  width: 35px;
  text-align: right;
  clear: left;
  padding-top: 7px;
}

div.postacomment dd.inline {
  margin-left: 45px;
}

div.postacomment dd input#author,
div.postacomment dd input#email,
div.postacomment dd input#url {
  font-family: verdana, sans-serif;
  font-size: 12px;
  width: 275px;
  padding: 2px;
}

div.postacomment dt.textarealabel {
  clear: left;
  margin-top: 20px;
}

div.postacomment dd textarea {
  font-family: verdana, sans-serif;
  font-size: 12px;
  width: 400px;
  padding: 3px;
}

/*-------------------------------------------------
SIDEBAR
-------------------------------------------------*/

div#Sidebar div.box {
	background-color: #F0EDDA;
  padding: 3px;
}

div#Sidebar div.box div.inner {
  padding: 8px;
  border: 1px solid #fff;
	background-color: #F7F5E7;
}

div#Sidebar h2 {
  color: #996;
  text-transform: uppercase;
  font-size: 9px;
  margin: 0 0 3px 0;
  padding: 0;
}

div#Sidebar h2.red {
  color: #c00;
}

div#Sidebar p {
  margin: 0 0 25px 0;
  font-size: 11px;
}

div#Sidebar div.products {
  margin: 15px 0 0 0;
  text-align: left;
}

div#Sidebar div.products img {
  margin: 0 7px 30px 0;
  border: 0;
  background: #fff;
}

div#Sidebar div.products h2 {
  margin-bottom: 10px;
}

div#Sidebar div.products h3 {
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  margin: 0;
}

div#Sidebar div.products h3 a:link,
div#Sidebar div.products h3 a:visited {
  color: #000;
}

div#Sidebar div.products h3 a:hover {
  color: #fff;
}

div#Sidebar div.products p {
  margin-bottom: 20px;
}

/*-------------------------------------------------
FOOTER
-------------------------------------------------*/

div#Footer p {
  font-family: verdana, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #333;
  letter-spacing: 0;
  width: 450px;
  margin: 0;
}