BODY {
  margin: 0;
  padding: 0;
  font: 80%/140% verdana, sans-serif;
  background: #fff url(img/bg.jpg) repeat-x;
  }
.width {
  width: 980px;
  margin: 0px auto;
  }
#header { 
  padding: 30px 0px 0px 0px; 
  font-family: arial, sans-serif;
  margin-bottom: 25px;
  }
#header H1 { float:left; margin: 0px 0 0 0; }
#header H1 A {
  display: block;
  width: 229px;
  height:52px;
  background: url(img/logo.png) no-repeat;
  }
#header H1 A:hover { background-image: url(img/logo-o.png); }
#header H1 A SPAN { display: none; }
#header #topnav {
  float: right;
  margin-top: 0px;
  }
#header #topnav UL { list-style: none; margin: 0px 0px 0px 0; padding: 0; float: right; }
#header #topnav UL LI { float: left; margin-left: 0px; }
#header #topnav UL LI.current_page_item { font-weight: bold; }
#header #topnav UL LI A {
  text-decoration: none;
  color: #666;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: normal;
  margin-left: 0px;
  display:block;
  padding: 20px 10px 20px 10px;
  }
#header #topnav UL LI A:hover { color: #2BA7D9 }
#header #topnav UL LI.current_page_item A {}
#content-wrapper { background: url(img/vsplit.png) repeat-y 732px 0; }
#content {
  float: left;
  width: 730px;
  }
#inner-sidebar { padding-left: 10px; }
#sidebar {
  width: 245px;
  float: right;
  border-top: 4px solid #636362;
  font-size: .85em;
  line-height: 130%;
  color: #444;
  padding-bottom: 20px;
  }
#sidebar H2 { 
  font-size: 1.2em;
  padding: 0 0 5px 0;
  border-bottom: 2px solid #ccc; 
  margin-bottom: 10px;
  }
#sidebar IMG { border: none; padding: 0; background: transparent; }
#sidebar UL { margin: 0; padding: 0; list-style: none; }
#sidebar A { text-decoration: none; }
#sidebar DIV.archive {
  float: left;
  width: 48%;
  }
#sidebar DIV.categories {
  float: right;
  width: 48%;
  }
#sidebar DIV.archive UL LI,
#sidebar DIV.categories UL LI { margin-bottom: 0; } 
#sidebar IMG.me {
  float: right;
  margin-left: 10px;
  padding: 5px;
  background: #444;
  border: 1px solid #222;
  }
#tagcloud A { color: #666; }
DIV.post, #comments, #footer DIV.width, BODY.search-no-results #content {
  border-top: 4px solid #636362;
  padding: 20px 0;
  }
H2.divider {
  border-top: 4px solid #636362;
  padding-top: 20px;
  }
#footer DIV.width { padding-top: 10px; }
#footer {
  color: #666;
  font-size: .9em;
  clear: both;
  }
P#top { margin: -10px 0 0px 0; float: left; margin-right: 15px;}
P#top A { 
  text-decoration: none; 
  display: block;
  width: 100px;
  background: #636362;
  color: #fff; 
  padding: 7px 8px;
  text-align: center;
  }
#footer A {
  color: #666;
  }
#footer A.bloglog IMG {
  line-height: 100%;
  margin-bottom: -3px;
  }
#footer A.rss { 
  padding: 1px 0px 1px 18px; background: url(img/016.png) no-repeat;
  margin-right: 6px;
  }
#footer P.left {
  width: 50%; float: left;
  margin: 0;
  }
#footer P.right {
  text-align: right;
  width: 30%; float: right;
  margin: 0;
  }
DIV.post-meta, DIV.comment-author {
  width: 140px;
  float: left;
  font-size: .9em;
  font-family: arial, sans-serif;
  line-height: 100%;
  padding-top: 2px;
  }
DIV.post-meta SPAN { 
  display: block;
  color: #444;
  padding: 3px 0;
  }
DIV.post-meta SPAN:hover {
  padding-left: 16px;
  margin-left: -16px;
  background-repeat: no-repeat;
  }
DIV.post-meta SPAN.date { 
  font-weight: bold; 
  letter-spacing: -0.1px; 
  font-size: 1.1em;
  }
DIV.post-meta SPAN.date:hover { padding-left: 0; margin-left: 0px; }
DIV.post-meta SPAN.categories:hover {
  background-image: url(img/chain-small-gray.png);
  }
DIV.post-meta SPAN.tags:hover {
  background-image: url(img/tag-small-gray.png);
  }  
DIV.post-meta SPAN.comments:hover {
  background-image: url(img/balloon-small-gray.png);
  }    
DIV.post-meta A,
DIV.comment-author A { text-decoration: none; color: #444; background: #eee; }
DIV.post-meta A:hover,
DIV.comment-author A:hover {
  color: #000;
  background: #ddd;
  }
DIV.post-entry, #comments DIV.comment-content {
  width: 550px;
  padding: 0 20px;
  float: left;
  }
DIV.post-entry IMG, .page IMG, DIV.daily-pic IMG {
  padding: 10px; background: #333;
  }
DIV.post-entry IMG.wp-smiley,
DIV.project-logos IMG,
#footer IMG { padding: 0; background: transparent; }
BODY.page DIV.post { padding-right: 20px; }
#comments OL { list-style: none; margin: 0; padding:0; color:#333; }
#comments LI { padding: 20px 0; border-bottom: 1px solid #eee; }
#comments LI.bypostauthor { background: #fcfcfc; border-top: 1px dotted #bbb; }
#respond { padding-left: 160px; padding-bottom: 40px; border-top: 2px solid #ccc;}
DIV.comment-author {
  padding-top: 16px;
  color: #666;
  line-height:120%;
  margin-left: 0px;
  }
DIV.comment-author:hover DIV.edit-link { display: block; }
DIV.comment-author DIV.edit-link {
  display: none;
  }
DIV.comment-author CITE {
  font-style: normal;
  font-weight: bold;
  }
DIV.comment-author IMG {
  float: left;
  margin-right: 7px;
  outline: 2px solid #ccc;
  display:block;
}
DIV.comment-author A { text-decoration: none; }
DIV.comment-content {}
#comments H1 SMALL { text-align:right; margin-left: 35px; font-weight: normal; }
/* Genric HTML */
H1, H2, H3,
H1 A, H2 A, H3 A {
  color: #636362;
  font-family: arial, sans-serif;
  text-decoration: none;
  line-height: 100%;
  }
H2, H3 { margin-bottom: 0px; margin-top: 25px; }
H1.title, H2.title {
  font-size: 2.4em;
  letter-spacing: -1.78px;
  margin-top: 0px;
  }
A { color: #4879b7; }
A:hover { background-color: #eee; color: #333; text-decoration: none; }
A IMG { border: none; }
*.clear { clear: both; }
*.date { color: #666; }
HR { display: none; }
SPAN.caption { color: #444; display: block; font-style: italic; }
DIV.spacer {
  height: 1px; margin: 10px 0;
  background: #ddd;
  }
UL.list LI { margin-bottom: 7px; }
UL.list A { display: block; }
IMG.tweet {
  float:right; margin-top:-45px; margin-right:-10px;
  display: none;
  }
IMG.icon {
  float:right; margin-top:-25px; margin-right:-5px;
  display: none;
  }
A.file {
  display: table;
  background-repeat: no-repeat;
  background-position: -1px 0;
  padding: 2px 0 2px 34px;
  line-height: 110%;
  }
A.file STRONG { display: block; }
A.file SMALL { color:#666; }
A.cut-toggle { display: block; margin-top: 2px; text-align: center; }
DIV.highlight { 
  /*background: url(img/bg.jpg) repeat-x 0 -100px;*/
  background: #f8f8f8 url(img/code-bg.jpg) no-repeat;
  margin: 15px 0; 
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 10px 0 10px 160px;
  margin-left: -160px;
  line-height: 100%;
  }
DIV.highlight DIV.header {
  padding: 0px 0 7px 0;
  color: #444;
  border-bottom: 1px solid #ccc;
  display: table;
  margin-bottom: 15px;
  }
DIV.highlight DIV.header em { font-weight: bold; }
DIV.highlight OL {
  font-family: monospace;
  font-size: 11px;
  background: transparent;
  list-style: none;
  padding: 0px;
  margin: 0;
  }
DIV.highlight OL LI {
  background: transparent;
  margin-bottom: 1px;
  padding: 1px 0px;
  white-space: pre-wrap;
  }
DIV.navigation { line-height: 100%; }
DIV.navigation A { margin-bottom: 4px; }
DIV.navigation DIV.alignleft A:before { content: '« '; }
DIV.navigation DIV.alignright A:after { content: ' »'; }
DIV.deprecated, DIV.notify {
  padding: 15px 20px 15px 65px;
  background: #f9f9f9 url(img/warning_48.png) no-repeat 10px 7px;
  border: 1px dotted #bbb;
  font-weight: bold;
  color: #555;
  margin: 15px 0;
  }
DIV.deprecated P, DIV.notify P { margin: 0; }
A.cudos { opacity: .5; margin-left: 6px; }
A.cudos:hover { opacity: 1; }
DIV#grid, DIV.grid-wrapper {
  border-top: 4px solid #636362;
  padding: 15px 0 0 0;
  }
DIV.grid {
  width: 230px;
  float: left;
  margin-right: 10px;
  padding: 15px 0;
  border-top: 1px dotted #aaa;
  }
DIV.grid H1 { font-size: 1.2em; margin: 0; }
/*DIV.grid H1 A { color:#eee; background:#666; }*/
DIV.grid DIV.post-meta { width: auto !important;   line-height: 120%;}
DIV.grid DIV.post-meta SPAN { display: inline; }
DIV.grid SPAN.date { color: #eee; background: #666; padding: 0; }
DIV.archive-navigation {
  clear: both;
  margin: 25px 0 40px 0;
  text-align: center;
  color: #777;
  }
DIV.archive-navigation DIV.alignleft,
DIV.archive-navigation DIV.alignright {
  display: inline;
  }
DIV.archive-navigation DIV.alignleft:after { content: ' | ' }
DL.wp-caption { margin: 0; padding: 0; }
DL.wp-caption DD { font-size: .8em; line-height: 110%; color: #333; padding: 0; margin: 0; }
DL.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 10px;
  }
DIV.project-logos {
  float: right;
  width: 57px;
  margin: 15px 0 10px 10px;
  }
DIV.divider {
  height: 1px; background: #ccc; margin: 15px 0 10px 0;
  }
IMG.nobg { background: transparent !important; padding: 0 !important; }
IMG.alignright {
  float: right;
  margin: 0 0 10px 10px;
  }
#cse {
  width: 530px;
  }
#cse table { width: 50%; }
#cse TABLE.gsc-branding { width: 150px; }
#cse td.gsc-input { width: 300px !important; }
#cse td.gsc-clear-button { width: 100% !important; }
#cse td.gsc-input INPUT { width: 350px; height: 20px; }
.screen-reader-text { display: none; }
#sidebar #searchform DIV {
  display: none;
  padding: 5px 5px 8px 10px;
  margin-top: 0px;
  margin-left: -10px;
  background: #636362;
  }
#sidebar INPUT#s {
  border: 1px solid #454545;
  background: #777;
  padding: 3px;
  }
.hidden { display: none; }
#gsearch { padding-top: 17px; }
UL.stream LI A {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0 2px;
  }
UL.stream LI.lastfm A, #social-grid P.lastfm A {
  background-image: url(img/sico/lastfm_g16.png);
  }
UL.stream LI.lastfm A:hover, #social-grid P.lastfm A:hover {
  background-image: url(img/sico/lastfm_16.png);
  }
UL.stream LI.twitter A, #social-grid P.twitter A {
  background-image: url(img/sico/twitter_g16.png);
  }
UL.stream LI.twitter A:hover, #social-grid P.twitter A:hover {
  background-image: url(img/sico/twitter_16.png);
  }
UL.stream LI.stumble A, #social-grid P.stumble A {
  background-image: url(img/sico/stumbleupon_g16.png);
  }
UL.stream LI.stumble A:hover, #social-grid P.stumble A:hover {
  background-image: url(img/sico/stumbleupon_16.png);
  }
UL.stream LI.funbeat A, #social-grid P.funbeat A {
  background-image: url(img/sico/funbeat_g16.png);
  }
UL.stream LI.funbeat A:hover, #social-grid P.funbeat A:hover {
  background-image: url(img/sico/funbeat_16.png);
  }  
UL.stream LI.github A, #social-grid P.github A {
  background-image: url(img/sico/github_g16.png);
  }
UL.stream LI.github A:hover, #social-grid P.github A:hover {
  background-image: url(img/sico/github_16.png);
  }  
P CODE { background: #eee; }

#social-grid {}
#social-grid H3 { margin: 0 0 10px 0; float:left }
#social-grid P.profile { float: right; margin: -2px 0 10px 0; width:16px; height: 16px; }
#social-grid P.profile A {
  text-decoration: none;
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  }
#social-grid P.profile A SPAN { display: none; }
#social-grid DIV.col {
  width: 220px;
  border-top: 1px dotted #aaa;
  padding: 10px 0;
  }
#social-grid DIV.left { margin-right: 25px; }
#social-grid DIV.left, #social-grid DIV.center { float: left; }
#social-grid DIV.right { float: right; }
#social-grid UL {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: .85em;
  line-height: 120%;
  clear: both;
  }
#social-grid UL LI {
  padding: 0;
  border-top: 1px dotted #ddd;
  margin: 0;
  }
#social-grid UL LI A { text-decoration: none; padding: 5px 0; }
UL.nolist { margin-top: 0; padding: 0; list-style: none; }
UL.social-icons {}
UL.social-icons LI { float: left; margin-right: 3px; }
UL.social-icons LI A { display: block; width: 16px; height: 16px; }
UL.social-icons LI A SPAN { display: none; }
UL.social-icons LI A.twitter { background-image: url(img/sico/twitter_16.png); }
UL.social-icons LI A.lastfm  { background-image: url(img/sico/lastfm_16.png); }
UL.social-icons LI A.github  { background-image: url(img/sico/github_16.png); }
UL.social-icons LI A.stumble { background-image: url(img/sico/stumbleupon_16.png); }
UL.social-icons LI A.funbeat { background-image: url(img/sico/funbeat_16.png); }
UL.social-icons LI A.digg    { background-image: url(img/sico/digg_16.png); }
UL.social-icons LI A.google  { background-image: url(img/sico/google_16.png); }
UL.tabs {
  list-style: none;
  margin: 0 0 0 0px;
  padding: 0 0 0 10px !important;
  }
DIV.tabs DIV.clear { border-top: 1px solid #ccc; height: 5px; margin-left: -12px; }  
UL.tabs LI {  float: left; }
UL.tabs LI A { 
  display: block; padding: 4px 7px 3px 7px; font-weight: bold;
  border: 1px solid #ccc;
  margin-left: 0px;
  margin-right: -1px;
  margin-bottom: -1px;
  background: #f6f6f6;
  }
UL.tabs LI A.selected { background: white; border-bottom-color: white; }
DIV.tabs DIV.content {
  margin-top: 6px;
  clear: both;
  display: none;
  }
DIV.tabs DIV.selected { display: block; }
DIV.daypic {
  float: left;
  margin-left: 4px;
  margin-bottom: 4px;
  }
DIV.daypic A:hover { background: transparent; }
DIV.daypic-no-margin { margin-left: 0 }
DIV.daypic DIV.caption {
  background: #333;
  padding: 0px 10px 5px 10px;
  margin-top: -10px;
  color: white;
  font-size: .9em;
  }