/* elements */
* {
  margin: 0;
  padding: 0; }

body {
  background: #F2F2F2 url('/images/noise.png') top left;
  color: #505050;
  font-family: 'Lucida Grande', Tahoma, Arial, sans-serif;
  line-height: 1.4em;
  margin: 20px auto 18px 10%;
  min-width: 920px; }

a:link, a:visited {
  color: #336699;
  text-decoration: none; }

a:hover {
  color: #3399cc;
  text-decoration: underline; }

a img {
  border-width: 0; }

blockquote {
  border-left: 1px solid #222;
  line-height: 18px;
  font-size: 11pt;
  font-style: italic;
  margin: 20px;
  padding-left: 10px; }

div.highlight {
  line-height: 1em;
  margin-bottom: 18px;
  border: 1px solid #DEDEDE;
  background: ghostWhite;
}

div.highlight pre {
  padding: .7em;
  word-wrap: normal;
}

code {
  font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace;
  font-size: 10pt; }

em.code {
  font-style: normal;
  font-family: monospace;
}

h1, h2, h3, #footer {
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-weight: bolder;
  letter-spacing: -1px; }

h1 {
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 18px;
  color: #333333; }

h2 {
  font-size: 24px;
  line-height: 22px;
  margin-bottom: 18px; }

h3 {
  font-size: 20px;
  line-height: 22px; }

li {
  margin-bottom: 4px; }

p, ul, ol {
  margin-bottom: 18px; }

ul, ol {
  margin-left: 2em; }

ul {
  list-style-type: square; }

#tweet ul {
  list-style: none; }

/* html5 */
header, footer, nav, article {
  display: block; }

header {
  float: left; }

sidebar {
  position: relative;
  top: -10px;
  float: right;
  width: 265px;
  margin-top: 0.5em;
  margin-right: 17px;
  text-shadow: white 0px 1px 0px;
}

sidebar .sidebar-item {
  background-color: #F0F0F0;
  border: 1px solid black;
  padding: 0.5em;
  font-size: 10pt;
  line-height: 1.2em;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-bottom: 17px; }

sidebar #sidebar-about {
  padding: 8px 10px; }

sidebar .avatar {
  float: right;
  padding: 0.2em;
  padding-top: 0.5em; }

sidebar #tweet {
  margin-top: 10px;
  font-size: 9pt; }

#tweet span.time {
  display: block; }

#tweet li {
  margin-bottom: 5px; }

sidebar #social img {
  margin-bottom: 10px; }

sidebar #social a.center {
  float: right;
  position: relative;
  padding-right: 12%;
  font-size: 1.2em;
  padding-top: 8px; }

#working-with-rails {
  background: #F0F0F0 url(/images/working-with-rails.png) no-repeat center 0.5em;
  padding: 50px 10px 5px;
  text-align: center; }

/* classes */
.book-cover {
  float: left;
  margin-right: 10px; }

.post {
  border-bottom: 3px solid #e5e5e5;
  margin-bottom: 20px; }

.post p {
  font-size: 14px;
  line-height: 23px; }

.post h1 {
  padding-bottom: 0.2em;
  border-bottom: 6px solid #e5e5e5; }

.post .signoff,
.post .index_comments_count {
  font-size: 12pt;
  font-style: normal;
  text-align: left; }

.post .signoff {
  margin-top: 10px;
  margin-bottom: 0px; }

/* ids */
#cse-search-box {
  margin-top: 10px; }

#footer {
  font-size: 14pt; }

#intro {
  color: #666;
  font-size: 22pt;
  margin-bottom: 24pt; }

#subtitle, #title {
  color: #333; }

#subtitle {
  font-size: 24pt;
  margin-bottom: 35px; }

#title {
  font-size: 32pt; }

#wrapper {
  float: left;
  padding-bottom: 5em;
  width: 600px;
}

#goodreads div#currently_reading,
#goodreads div#recently_read {
  padding-left: 8px;
  clear: left; }

#goodreads div#recently_read {
  padding-top: 10px; }

.gr_grid_container {
  margin-left: 8px;
  margin-top: 10px;
  clear: both !important; }

.gr_grid_container a.gr_grid_branding {
  float: none !important;
  color: #336699 !important;
  text-decoration: none !important; }

.gr_grid_container a.gr_grid_branding:hover {
  color: #3399cc !important; }

sidebar #bg {
  top: 0;
  bottom: 0;
  right: 0;
  width: 300px;
  background-color: #333;
  position: fixed;
  -webkit-box-shadow: -1px 0 6px #333;
  -moz-box-shadow: -1px 0 6px #333;
  box-shadow: -1px 0 6px #333;
}

sidebar .sidebar-item {
  position: relative; }

#archived-posts {
  list-style-type: none;
}

#archived-posts .archive-date {
  width: 140px;
  float: left;
  clear: left;
}

#archived-posts p {
  margin-bottom: 4px;
  overflow: auto;
}