@import url(https://notebook.kulchenko.com/mt-static/plugins/mid-century/screen.css);

/* add indentation for multi level lists */
.widget-list-item ul {
  border: 0 none;
  padding-left: 8px;
}

/* make list padding a bit smaller */
.widget-archive ul li a {
  padding: 2px;
}
/* no padding for slider items */
.widget-archive #slider ul li a {
  padding: 0;
}

/* move post date to the right */
.entry-meta-date .day {
  display: inline;
  margin: 0;
  font-size: 1.6em;
  line-height: 1em;
}
.entry-asset .asset-meta {
  width: 100px;
  float: right;
  margin-top: -28px;
}
.entry-asset .entry-title,
.entry-asset .asset-header h1#page-title {
  padding-right: 100px; /* to leave space for the date */
}

/* format header */
#header {
  padding-right: 2em;
}

/* 2-column fluid layout */ 
#content {
  width: auto;
  border-right: 28em solid transparent;
  border-left-width: 0;
  padding: 0;
}
#content-inner {
  width: auto;
  margin: 0;
  width: 100%;
}
#alpha, .layout-wtt #alpha, .layout-twt #alpha, .layout-wt #alpha, .layout-tw #alpha, .layout-wm #alpha, .layout-mw #alpha {
  float: left; 
  width: 100%;
  overflow: hidden;
  padding-left: 2px;
  margin: 0 -3px 0 -2px;
}
#beta, .layout-wtt #beta, .layout-twt #beta, .layout-wt #beta, .layout-tw #beta, .layout-wm #beta, .layout-mw #beta {
  float: left;
  margin-right: -28em;
  max-width: 28em;
  width: 28em;
}

/* fix width for elements with images in background */
/* keep comment boxes/ballon properly formatted */
.comment .comment-content,
.comment-by-author .comment-content,
.comments-open form #comments-form-inner { 
  width: 525px;
}
/* remove width constraints */
#header-inner, #content-inner, #footer-inner {
  width: 100%;
}
.comments-open form #comments-form-inner {
  padding-left: 0;
  padding-right: 0;
}
ul.recent-comments-list li {
  width: 150px;
}

/* make sidebars narrower */
#beta-columns-left {
  margin-right: 2em;
  width: 12em;
}
#beta-columns-right {
  width: 12em;
}
#beta-columns-left, #beta-columns-right {
  float: left;
}

/* make footer smaller */
#footer {
  padding: 0;
}
#footer-content {
  padding: 0 2em;
}

/* make comment box wider */
#comments-form input.ti, #comments-form textarea {
  width: 400px;
}

/* remove left margin and set it correctly */
.entry-asset .asset-body, .page-asset .asset-body,
.entry-asset .asset-more, .page-asset .asset-more,
.entry-asset .asset-header h1#page-title, .entry-asset .entry-title,
.entry-asset .asset-footer,
.widget-tag-cloud .widget-list,
.comments-open-header, .comments-header, .trackbacks-header, .trackbacks-info, .comments-open-content, .comments-content,
h1#page-title, h2.archive-title, /* page title on categories and tags */
.message, /* error message on comment submission and other */
.entry-listing {
  margin-left: 0;
}
.entry-listing li span.entry-listing-date {
  padding-left: 10px;
}
#alpha-inner {
  margin-left: 1em;
  margin-right: 0;
  padding-right: 0;
}
#beta-inner {
  margin-left: 2em;
}

/* tweak fonts */
body {
  font-family: Georgia,Verdana,Geneva,Chicago,Arial,Sans-serif,"MS Sans Serif";
  font-size: 12px;
}
#beta {
  font-family: Arial;
}
.entry-asset .asset-header h1#page-title, .entry-asset .entry-title {
  font-size: 2.5em;
}
h1#page-title, h2.archive-title {
  font-size: 2em;
  line-height: 25px;
}

/* fix height for the first item in related entries */
.related-entries-header {
  padding-bottom: 5px;
  margin-bottom: 0;
  border-bottom: 1px solid #DDDDD9;
}

/* fix header: remove logo and make it bleached */
#header, #header-name {
  background: none;
}
#header {
  padding: 0 2em;
}
#header-name {
  padding: 0;
  margin: 16px 0 0;
  font-family: Georgia,Verdana,Geneva,Chicago,Arial,Sans-serif,"MS Sans Serif";
  font-size: 1.8em;
  font-weight: bold;
  text-transform: none;
  line-height: 1em;
}
#header-content {
  float: left;
}
#header-name {
  float: none;
}
h2#header-description, #header-description {
  display: block;
  border: 0 none;
  margin-top: -5px;
  font-size: 0.7em;
  font-weight: bold;
}
#header-content a, #header-content a:link, #header-content a:visited {
  border-bottom: 0 none;
}

/* fix footer: make the top padding look the same in FF and IE */
.widget-creative-commons {
  margin-top: 15px;
  margin-bottom: 15px;
}
#footer {
  margin-top: 1em;
}

/* make bleached colors; color scheme: http://colorschemedesigner.com/#3v31T--p8w0w0 */
body {
  background-color: #FFFFFF;
}
#container {
  color: #184460;
  min-width: 400px;
}
#content {
  margin: 0 1em;
  padding: 1em 0 0;
  border-top: 1px solid #7799BB;
}
#header a, #header-description {
  color: #964226;
}
.search-wrapper #search {
  border-color: #7799BB;
  background-color: transparent;
  color: #7799BB;
}
.blog-feed a {
  border-right: 1px solid #7799BB;
}
.entry-meta-date .day,
h1#page-title, h2.archive-title {
  color: #822100;
}
.entry-asset .asset-header h1#page-title, .entry-asset .entry-title {
  color: #184460;
}

/* IE compatibility for entry listings (bottom padding) */
.entry-listing li a {
  height: 24px;
  padding: 4px 0 2px;
}
.entry-listing li span {
  padding: 0;
}
.entry-listing li {
  height: 30px;
}

/* fix sub/sup formatting */
sub {
  vertical-align: bottom;
}
sup {
  vertical-align: top;
}

/* fix bottom padding for p and <pre> elements */
.asset .asset-body blockquote, .asset .asset-more blockquote,
.asset .asset-body pre, .asset .asset-more pre,
.asset .asset-body ul, .asset .asset-more ul,
.asset .asset-body p, .asset .asset-more p,
.asset .asset-body ol, .asset .asset-more ol {
  margin-bottom: 1em;
}
.asset .asset-body p, .asset .asset-more p {
  margin-top: 1em;
}

/* fix ul/ol bottom padding for lists inside lists */
.asset .asset-body li ol,  .asset .asset-body li ul,
.asset .asset-more li ol,  .asset .asset-more li ul,
li ol, li ul { 
  margin-bottom: 0; 
}

/* format code/pre tags */
.asset .asset-body pre, .asset .asset-more pre,
.asset .asset-body code, .asset .asset-more code {
  background-color: #E7EEF3;
}
.asset .asset-body code, .asset .asset-more code {
  line-height: 1.5; 
  font-size: 90%;
  padding: 0 3px; /* add small left/right padding to inline code fragments */
}
.asset .asset-body pre, .asset .asset-more pre {
  padding: 10px;
}
/* do not add padding to block code fragments */
.asset .asset-body pre code, .asset .asset-more pre code {
  padding: 0;
}

/* allow breaking long lines */
.widget-recent-comments {
  word-wrap: break-word;
}

/* removed top padding to make sure that -more section (which is using -body style) doesn't have a gap between "main" and "more" sections */
.entry-asset .asset-body, .page-asset .asset-body {
  padding-top: 0px
}

/* added signature */
.signature {
  background-color: #eeeeea;
  padding-left: 10px;
  padding-right: 10px;
}

/* made fonts larger on the page */
body {
  font-family: "Segoe UI",Georgia,Verdana,Arial,sans-serif;
}
#container {
  font-size: 1.2em;
}
#content {
  line-height: 1.8em;
}
#beta {
  font-family: inherit;
}
.entry-asset .asset-body, .page-asset .asset-body {
  font-family: inherit;
  font-size: 1.2em;
}
.entry-asset .asset-footer {
  line-height: 20px;
  font-size: 1.1em;
}
.entry-asset .asset-footer {
  line-height: 20px;
  font-size: 1.1em;
}
.entry-commentcount {
  font-size: 1em;
  margin-top: 4px;
}
.entry-listing li span.entry-listing-title {
  font-family: inherit;
  font-size: 1.2em;
}
.widget-archive ul {
  line-height: 20px;
}
.widget-recent-comments ul li,
.widget-recent-comments ul li .comment-attribution {
  font-family: inherit;
  font-size: 1em;
}
.comment-content,
.comment .asset-meta {
  font-size: 1em;
  font-family: inherit;
}
ul li .comment-attribution {
  font-size: 1em;
}