html {
  background:url('/images/blog/header_bg.gif') repeat-x;
}

body {
  text-align:left;
  padding:0;
  margin:0;
  font-family:'Lucida Grande',arial,helvetica,clean,sans-serif;
  color:#3f3b39;
}

a {
	color:#227bac;
	border-bottom:1px solid #a7cade;
	text-decoration:none;
	outline-style:none;
	-moz-outline-style:none;
	outline:0;
}

a.img {
  border:0;
}

strong {
  font-weight:bold;
}

em {
  font-style:italic;
}

strong em,
em strong {
  font-weight:bold;
  font-style:italic;
}

del {
  text-decoration: line-through;
}

/* = Wrap = */

#wrap {
  width:960px;
  margin:0 0 0 25px;
}

/* = Header = */

#header {
  height:75px;
  background:url('/images/blog/sprite.gif') -210px -109px no-repeat;
  position:relative;
}

#header h1 {
  padding:23px 0 0 10px;
}

#header h1 a {
  text-indent:-10000px;
  display:block;
  width:150px;
  height:30px;
  background:url('/images/blog/sprite.gif') 0 -109px no-repeat;
  border:0;
}

#twitter {
  position:absolute;
  top:25px;
  right:10px;
  padding-left:6px;
}

#twitter p {
  background:#ffffff;
  padding:.7em .8em .7em .7em;
  font-size:77%;
  z-index:1;
  border-bottom:2px solid #251e1d;
}

#twitter span.tl,
#twitter span.tr,
#twitter span.bl,
#twitter span.br {
  display:block;
  position:absolute;
  z-index:2;
}

#twitter span.tl {
  width:12px;
  height:19px;
  background:url('/images/blog/sprite.gif') 0 0 no-repeat;
  top:0;
  left:0;
}

#twitter span.tr {
  width:6px;
  height:6px;
  background:url('/images/blog/sprite.gif') -12px 0 no-repeat;
  top:0;
  right:0;
}

#twitter span.bl {
  width:12px;
  height:8px;
  background:url('/images/blog/sprite.gif') 0 -19px no-repeat;
  bottom:0;
  left:0;
}

#twitter span.br {
  width:8px;
  height:8px;
  background:url('/images/blog/sprite.gif') -12px -19px no-repeat;
  bottom:0;
  right:0;
}

/* = Menu = */

#menu {
  height:34px;
}

#nav {
  float:left;
  margin-left:6px;
}

#nav li {
  padding-top:9px;
  margin-right:10px;
  float:left;
}

#nav li a {
  display:block;
  text-indent:-10000px;
  border:0;
  background:url('/images/blog/sprite.gif') no-repeat;
  height:16px;
}

#nav li.blog a { width:101px; }
#nav li.blog a:link, #nav li.blog a:visited { background-position:0 -27px; }
#nav li.blog a:hover, #nav li.blog a:active { background-position:0 -43px; }
#nav li.blog.active a { background-position:0 -59px; }

#nav li.archive a { width:146px; }
#nav li.archive a:link, #nav li.archive a:visited { background-position:-101px -27px; }
#nav li.archive a:hover, #nav li.archive a:active { background-position:-101px -43px; }
#nav li.archive.active a { background-position:-101px -59px; }

#nav li.about a { width:47px; }
#nav li.about a:link, #nav li.about a:visited { background-position:-247px -27px; }
#nav li.about a:hover, #nav li.about a:active { background-position:-247px -43px; }
#nav li.about.active a { background-position:-247px -59px; }

#nav li.contact a { width:62px; }
#nav li.contact a:link, #nav li.contact a:visited { background-position:-294px -27px; }
#nav li.contact a:hover, #nav li.contact a:active { background-position:-294px -43px; }
#nav li.contact.active a { background-position:-294px -59px; }

#search {
  float:right;
  width:250px;
  position:relative;
}

#search span.shadow {
  display:block;
  background:url('/images/blog/sprite.gif') 0 -75px no-repeat;
  width:9px;
  height:34px;
  position:absolute;
  left:0;
  top:0;
}

#search div.content {
  margin:8px 0 0 20px;
}

#search div.content input {
  border-top:1px solid #cb3e19;
  border-left:1px solid #cb3e19;
  border-right:1px solid #a93315;
  border-bottom:1px solid #a93315;
  padding:1px 2px;
  font-size:77%;
  width:214px;
  background:#ffffff url('/images/blog/sprite.gif') -12px -75px no-repeat;
  line-height:13px;
}

#search div.content input:focus {
  outline:0;
}

/* = Content & Sidebar layout */

#content_sidebar {
  margin:20px 10px 0 10px;
}

#content,
#sidebar {
  float:left;
}

#content {
  width:680px;
}

#sidebar {
  margin-left:20px;
  padding-left:19px;
  width:220px;
  border-left:1px solid #d9d8d7;
}

/* = Content: Post bit = */

#content div.post-bit {
  position:relative;
  border-bottom:1px solid #d9d8d7;
  margin-bottom:20px;
  padding-bottom:20px;
}

#content h1.post-title {
  margin-left:160px;
}

#content div.post-body p,
#content div.post-body h1,
#content div.post-body h2,
#content div.post-body h3,
#content div.post-body h4,
#content div.post-body h5,
#content div.post-body ul,
#content div.post-body ol,
#content div.post-body pre {
  margin-left:160px !important;
}

#content em.highlight {
  font-style:normal;
  background:#f35931;
  color:#ffffff;
  padding:1px;
}

#content h1.post-title {
  margin-bottom:15px;
  color:#3f3b39;
  font-size:138.5%;
}

#content h1.post-title .comments {
  color:#8b8684;
}

#content h1.post-title a {
  color:#3f3b39;
  border:0;
}

#content div.post-bit p.post-info {
  position:absolute;
  top:38px;
  left:0;
  width:140px;
  margin:0;
  font-size:85%;
  font-weight:bold;
  line-height:1.63em;
}

#content div.post-bit p.post-info span.date {
  color:#f03706;
}

#content div.post-body p {
  color:#6e6865;
  line-height:1.49em;
  font-size:93%;
  margin-bottom:10px;
  width:520px;
  overflow:auto;
}

#content div.post-body p small {
  font-size:83%;
}

#content div.post-body p em.hl {
  padding:2px 3px;
  font-style:normal;
}

#content div.post-bit p.continue {
  position:absolute;
  bottom:30px;
  left:0px;
  display:none;/* for now */
}

#content div.post-bit p.continue a {
  display:block;
  background:url('/images/blog/sprite.gif') no-repeat;
  border:0;
  color:#ffffff;
  font-size:77%;
  padding:0.2em 0.5em;
  float:left;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border:2px solid #ff9f86;
}

#content div.post-bit p.continue a:link, #content div.post-bit p.continue a:visited { background-position:0 -241px; }
#content div.post-bit p.continue a:hover, #content div.post-bit p.continue a:active { background-position:0 -298px; }

#content div.post-body h2 {
  color:#3F3B39;
  font-size:108%;
  line-height:1.1em;
  margin:30px 0 10px 0;
}

#content div.post-body h3 {
  color:#3F3B39;
  font-size:100%;
  line-height:1.1em;
  margin:20px 0 10px 0;
}

#content div.post-body img {
  border:8px solid #dddddd;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

#content div.post-body img.lefty {
  float:left;
  margin:3px 15px 10px 0;
}

#content div.post-body img.righty {
  float:right;
  margin:3px 0 10px 15px;
}

#content div.post-body pre {
  background:#fffcdb;
  border:8px solid #fff9b7;
  margin-bottom:10px;
  overflow:auto;
  padding:5px 8px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

#content div.post-body pre code {
  background:#fffcdb;
  font-size:85%;
  line-height:1.5em;
}

#content div.post-body blockquote {
  border:solid #eeeeee;
  border-width:8px 10px 3px 10px;
  background:#eeeeee;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  margin-left:160px;
  margin-bottom:10px;
}

#content div.post-body blockquote p {
  font-size:85%;
  margin-left:0 !important;
  margin-bottom:5px;
}

#content div.post-body ul {
  margin-bottom:10px;
}

#content div.post-body ul li {
  color:#6e6865;
  margin:2px 0 2px 15px;
  font-size:93%;
  line-height:1.49em;
  list-style-type:disc;
}

/* = Content: Pagination = */

#content div.pagination {
  background:#ffe77f;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:2px 0;
}

#content div.pagination.error {
  background:#f35931;
  color:#ffffff;
}

#content div.pagination.info {
  background:#ffe77f url('/images/blog/sprite.gif') 659px -355px no-repeat;
  padding-right:20px;
}

#content div.pagination.top {
  margin-bottom:20px;
}

#content div.pagination.bottom {
  margin-top:20px;
}

#content div.pagination p {
  padding:3px 8px;
  font-size:85%;
}

#content div.pagination p span.hl {
  background:#fff3b9;
  padding:1px 3px;
  font-weight:bold;
}

#content div.pagination p a {
  border:0;
}

#content div.pagination div.second p {
  text-align:center;
}

#content div.pagination div.third p {
  text-align:right;
}

/* = Content: Error */

#content ul.error {
  background:#cf4c33;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:4px 0;
  margin-bottom:15px;
}

#content ul.error li {
  color:#ffffff;
  font-size:85%;
  padding:3px 8px;
  list-style-type:disc;
  padding-left:0px;
  margin-left:22px;
}

#content ul.error li.title {
  border-bottom:1px solid #dd8271;
  list-style-type:none;
  margin:0 10px 2px 10px;
  font-weight:bold;
}

/* = Content: Archive = */

#content div.archive-bit {
  margin-bottom:20px;
}

#content div.archive-bit h1 {
  color:#3f3b39;
  font-size:138.5%;
  border-bottom:1px solid #cccccc;
  padding-bottom:5px;
}

#content div.archive-post {
  border-bottom:1px solid #f2f2f2;
  position:relative;
}

#content div.archive-post h2 {
  color:#3f3b39;
  font-size:108%;
  padding:0.5em 0;
  margin-left:160px;
}

#content div.archive-post h2 a {
  border:0;
}

#content div.archive-post p.archive-info {
  position:absolute;
  top:0.85em;
  left:0;
  color:#f03706;
  font-size:85%;
}

#content div.archive-post p.archive-info a {
  border:0;
  color:#f03706;
}

#content div.archive-post p.archive-count {
  position:absolute;
  top:0;
  right:0;
  color:#f6f6f6;
  font-size:197%;
  font-weight:bold;
  letter-spacing:-3px;
  cursor:default;
}

#content div.archive-post:hover p.archive-count {
  color:#e8e8e8;
}

/* = Content: Comments = */

#content p.no-comment {
  font-size:85%;
  color:#6e6865;
}

h2#comments {
  border-bottom:1px solid #e8e8e8;
  padding-bottom:10px;
  font-size:108%;
  margin-bottom:12px;
}

#content div.comment-bit {
  position:relative;
  border-bottom:1px solid #e8e8e8;
  margin-bottom:12px;
  padding-bottom:12px;
  min-height:33px;
}

#content div.comment-body {
  margin-left:160px;
}

#content div.comment-body p {
  color:#6e6865;
  line-height:1.5em;
  font-size:85%;
  margin-bottom:5px 0;
}

#content div.comment-bit p.comment-info {
  position:absolute;
  top:0px;
  left:0;
  width:139px;
  margin:0;
  font-size:85%;
  line-height:1.5em;
  border-right:1px solid #e8e8e8;
}

#content div.comment-bit p.comment-info span.author a {
  border:0;
  color:#f03706;
}

#content div.comment-bit p.comment-info small {
  color:#6e6865;
}

#content div.comment-body input[type=text] {
  border:1px solid #cccccc;
  font-size:93%;
  padding:3px 2px 2px 2px;
  line-height:1em;
  width:370px;
}

#content div.comment-body div.fieldWithErrors {
  display:inline;
}

/* = Content: Leave Comments */

h2#leaveComments {
  margin-top:20px;
  border-bottom:1px solid #e8e8e8;
  padding-bottom:10px;
  font-size:108%;
  margin-bottom:12px;
}

#content div.form-bit {
  min-height:0;
}

#content div.form-bit p.comment-info span.author label {
  color:#227bac;
  font-weight:bold;
}

#content div.form-bit p.comment-info span.author-normal label {
  color:#f03706;
  font-weight:bold;
}

#content div.form-bit p.comment-info {
  line-height:1.78em;
}

#content div.form-bit p.comment-info small a {
  color:#6e6865 !important;
}

#content div.form-bit div.comment-body small {
  margin-left:3px;
}

#content div.form-bit div.comment-body textarea {
  border:1px solid #cccccc;
  font-size:100%;
  padding:3px 2px;
  line-height:1em;
  width:370px;
}

#content div.form-bit div.comment-body input[type=submit] {
  font-size:93%;
}

#content div.hidden-form {
  display:none;
}

/* = Content: General */

#content div.content-bit {
  margin-bottom:20px;
}

#content div.content-bit h1 {
  color:#3f3b39;
  font-size:138.5%;
  border-bottom:1px solid #cccccc;
  padding-bottom:5px;
}

#content div.content-bit p {
  margin:0.5em 0;
  font-size:93%;
  line-height:1.49em;
  color:#6e6865;
}

#content div.content-bit ul {
  padding-left:13px;
}

#content div.content-bit ul li {
  margin:0.5em 0;
  font-size:93%;
  line-height:1.49em;
  color:#6e6865;
  list-style-type:circle;
}

#content div.content-bit img {
  border:8px solid #dddddd;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

#content div.content-bit img.righty {
  float:right;
  margin:3px 0 10px 15px;
}

/* = Sidebar = */

#sidebar p.rss {
  font-size:100%;
  line-height:1.3em;
  margin-top:0;
}

#sidebar p.rss a {
  display:block;
  border:0;
  background:url('/images/blog/sprite.gif') 0 -184px no-repeat;
  width:160px;
  height:44px;
  color:#39302e;
  padding:13px 0 0 60px;
}

#sidebar p.rss a:link, #sidebar p.rss a:visited { background-position: 0 -184px; }
#sidebar p.rss a:hover, #sidebar p.rss a:active { background-position: -220px -184px; }

#sidebar p.rss a span {
  font-size:77%;
  line-height:1.8em;
}

#sidebar h3 {
  border-bottom:1px solid #d9d8d7;
  margin:20px 0 10px 0;
  padding-bottom:10px;
}

#sidebar p {
  margin-top:5px;
  font-size:77%;
  line-height:1.6em;
}

#sidebar ul {
  margin-top:5px;
}

#sidebar ul li {
  font-size:77%;
  line-height:1.4em;
  margin-bottom:5px;
}

#sidebar ul li a.special {
  border:0;
  color:#f03706;
}

#sidebar ul li small.light {
  color:#777777;
}

/* = Sidebar: About */

#sidebar p.sms {
  font-size:100%;
  line-height:1.3em;
  margin-top:0;
  background:url('/images/blog/sprite.gif') 0 -412px no-repeat;
  width:160px;
  height:44px;
  color:#39302e;
  padding:13px 0 0 60px;
}

#sidebar p.sms span {
  font-size:77%;
  line-height:1.8em;
}


/* = Clearfix = */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}