/*
Theme Name: Sacha Chua
Theme URI: http://www.sachachua.com
Description: A new theme
Version: 1.0
Author: Sacha Chua

*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/* RECAPTCHA STYLING */
.recaptcha-error {
   font-size: 1.8em;
   padding-bottom: 8px;
}
/* END RECAPTCHA STYLING */

body { font-size: 1rem; line-height: 1.6 }
ul, .entry ul { list-style-type: circle }
ul, ol, dl { margin-left: 3em }
h2 { margin-top: 0.83em; margin-bottom: 0.83em; line-height: 100%; }
h2 a { text-decoration: none }
h1 { margin-top: 0.83em; margin-bottom: 0.83em; font-size: 25px; }
h2 { font-size: 200% }
body{
	font-family: 'Open Sans', Calibri, Trebuchet MS, Verdana, Arial, Sans-Serif;
	text-align: left;
	vertical-align: top;
	background: #FFF;
}

#wrapper{
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	border: none;
	background: #FFF;
}

h1{
        text-shadow: #bbb 1px 1px 1px;
        
}

a:link{
	color:#900;
	text-decoration-color: #AB7E7E;
}

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

a:visited{
	color:#900;
}

a img {
	border: none;
}

/*******************
----Custom Styles---
*******************/

blockquote {
	font-size: 90%;
	color: #633;
	margin: 1.5em 30px 1.5em 30px;
	padding: 4px 4px 4px 10px;
}

code {
	font-family: Courier, monospace;
}

textarea#comment {
	width: 545px;
}
#comment-preview {
        width: 535px;
}
.bg {
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.entry ul.bg {
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.entry ul.bg.blue {
	}

.entry ol.bg {
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.entry ol.bg.blue {
}

.entry li {
	margin: 0 0 5px 0;
}

.entry blockquote.right {
	width: 150px;
	font-style: normal !important;
	color: #777;
	margin: 0.3em 0 0.3em 15px !important;
	padding: 5px;
	border-top: 2px solid #900;
	border-bottom: 2px solid #900;
	border-left: none;
	border-right: none;
	text-align: center;
	float: right;
}
		
.entry blockquote.left {
	width: 150px;
	font-style: normal !important;
	color: #777;
	margin: 0.3em 15px 0.3em 0 !important;
	padding: 5px;
	border-top: 2px solid #900;
	border-bottom: 2px solid #900;
	border-left: none;
	border-right: none;
	text-align: center;
	float: left;
}
	
.entry blockquote.right p, .entry blockquote.left p {
	margin: 0;
	line-height: 1.4em !important;
}

.entry img.left {
	padding: 6px;
	margin: 0.5em 15px 0.5em 0;
	border: none;
	float: left;
	clear: left;
}
		
.entry img.right {
	padding: 6px;
	margin: 0.5em 0 0.5em 15px;
	border: none;
	float: right;
	clear: right;
}
		
.entry img.center {
	display: block;
	padding: 8px;
	margin: 0 auto 1.5em auto;
	border: none;
	float: none;
	clear: both;
}
	
.entry img.frame {
	padding: 6px;
	margin: 0.5em 0 0.5em 15px;
	border: 1px solid #CCC;
	float: right;
	clear: right;
}
		
.entry img.stack {
	clear: none !important;
}

.archive_head {
	text-align: center;
	font-style: normal;
	color: #900;
	margin: 25px auto 10px 30px;
}

/*******************
------Header-------
*******************/

#header{
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
}

div.title{
	margin: 0 auto 0 auto;
	width: 1000px;
	padding: 20px 20px 0px 40px;
	text-align: left;
}


/*******************
---------Post-------
*******************/
.post h2{
	text-transform: normal;
        text-shadow: #bbb 1px 1px 1px;
}

pre { overflow: auto; padding: 5px 5px 5px 5px; -webkit-box-shadow: #aaa 1px 1px 2px; border: 1px solid #aaa }

.postinfo{
	color: #600;
	padding: 2px 0 20px 0;
}


.entry { line-height: 1.5; }
.postinfo { color: #aaa; }

p.postmetadata{
	color: #BFB8A1;
	margin: 1en 0 0 0;
	padding: 5px 0 0 0;
}

/* This is the link at the bottom of a post which lets you go to the next or previous post */

.postnav{
	padding: 10px 20px 20px 10px;
	font-weight: bold;
	line-height: 18px;
}

h2.archive_head{
	font-weight: bold !important;
	text-transform: normal !important;
	letter-spacing: normal !important;
	margin: 0 0 1.8em 10px !important;
	padding: 0.4em 5px !important;
	background: none;
}

	

/********************
----Sidebar Styles---
********************/

.rightbar ul{
	list-style: none;
	margin: 0;
	padding: 0px;
}



.rightbar ul li h2{
	color: #555;
	border-bottom: 1px solid #CCC;
}

.rightbar ul ul li{
	padding: 0;
	line-height: 24px;
}

.rightbar .syndication .rss {
	width: 179px;
	height: 33px;
	position: relative;
	padding-top: 12px;
}

.rightbar .syndication .rss span{
	background: url(images/sub_rss.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

.rightbar .syndication .rss .sub{
	list-style: none;
}

.rightbar a:link, a:visited{
	color:#900;
}

.rightbar a:hover{
	text-decoration: underline;
	color: #222;
}


table#wp-calendar{
	width: 100%;
}
#wp-calendar td { color: lightgray }

/* Left Sidebar */

.leftbar ul{
	list-style: none;
	margin: 0;
padding: 0;
}


.leftbar ul li h2{
	color: #555;
	border-bottom: 1px solid #CCC;
}

.leftbar ul ul li{
	line-height: 18px;
}
.leftbar a:link, a:visited{
	color:#900;
}

.leftbar a:hover{
	text-decoration: underline;
	color: #222;
}

/*******************
----Comment Form---
*******************/

#comment-form{
	background: #f1f0ed;
	margin: 0px 0 0;
	padding: 5px 5px 15px 15px;
}

.comments-template a{
	text-decoration: underline;
	color: #900;
}


.comments-template a:hover{
	text-decoration: underline;
	color: #333;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0;
	line-height: 18px;
	padding: 10px 0 5px 15px;
}

.comments-template h2, .comments-template h3{
	color: #900;
	padding: 10px 0 30px 0;
}

.commentmetadata strong {
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template input{
	border: 1px solid #CCC;
}

.comments-template textarea{
	color: #000;
	margin: 0px 15px 15px 0;
	background: #FFF;
	border: 1px solid #CCC;
}

.even {
	background: #f1f0ed;
	border: none;
}

.alt {
	background: #FFF;
	border: 2px solid #f1f0ed;
}

/*******************
-------Footer-------
*******************/

#footer a:link{
	text-decoration: none;
	color: #369;
}

#footer a:hover{
	text-decoration: underline;
	color: #333;
}
a:hover { text-decoration: underline; }

#footer a:visited{
	text-decoration: none;
	color: #900;
}
.example { border: 1pt solid black; padding: 10pt; background: rgb(240, 240, 255); overflow: auto }

blockquote{
  background: #EEE url(images/blockquote.png) no-repeat bottom left;
  border-left: 0;
			padding: 10px;
				padding-bottom: 40px;
					margin: 1em;
					}

.progress-bar { width: 150px; font-size: x-small ! important }
.progress-bar DIV { margin: 0pt ! important }
.chapter { width: 150px; text-align: center; font-size: xx-small ! important}
.chapter_progress { background-color: lightgreen; !important }
.chapter_box { background-color: lightgray; !important }
.chapter DIV { display: inline; margin: 4px }
.chapter_inactive { background-color: lightgray; !important }
.chapter_done { background-color: lightgreen; !important }
.chapter_current { background-color: black; color: white; font-weight: bold; ! important }
.comment_body { margin-top: 12pt; }
P { margin-top: 1em; }
.rightbar ul ul li.recentcomments { margin-bottom: 1em;  }

div.friendfeed, li div.friendfeed.badge { padding-left: 0px; width: 220px }

li { margin-bottom: 0.5em }
.navigation .right { float: right }
.navigation .left { float: left }

.subscribe_text { background-image: url(images/subscribe.png); background-repeat: no-repeat; height: 20px; margin-bottom: 5px; }
img#wpstats { visibility: hidden; height: 0px }
.code {  color: #d8bfd8; }
pre.comment {
                        /* font-lock-comment-face */
                        color: #ff7f24;
                              }
.org-function-name { font-weight: bold }
                  .comment-delimiter {
                              /* font-lock-comment-delimiter-face */
                              color: #ff7f24;
                                    }
                        .constant {
                                    /* font-lock-constant-face */
                                    color: #7fffd4;
                                          }
                              .default {
                                          /* default */
                                          color: #d8bfd8;
                                                        }
                                    .org-keyword {
                                                /* font-lock-keyword-face */
                                                color: #006666;
                                                      }
                                          .org-string, .org-doc {
                                                      /* font-lock-string-face */
                                                      color: #99a07a;
                                                            }
                                                .variable-name {
                                                            /* font-lock-variable-name-face */
                                                            color: #eedd82;
                                                                  }
                                                

.links { padding-left: 0px; margin-top: 0px; }
.container_16 { text-align: left; }
.leftbar ul.featured_categories li { height: 100px; width: 100px; padding: 0px; margin: 0px; }
.leftbar ul.featured_categories { margin: 0; padding: 0; }
.featured_categories li a { display: block; text-indent: -9999px; height: 100px; width: 100px }
.featured_categories li { background: transparent url(images/categories.png) -100% -100% no-repeat; }
li.cat_books { background-position: 0px -998px }
.leftbar ul.featured_categories li.cat_blogging { background-position: 0px -1119px; height: 112px }
li.cat_blogging a { height: 112px }
li.cat_work { background-position: 0px 0px }
li.cat_geek { background-position: 0px -200px }
li.cat_life { background-position: 0px -100px }
li.cat_sketches { background-position: 0px -300px}
li.cat_speaking { background: transparent url(images/categories.png) 0px -400px no-repeat; }
li.cat_connecting { background: transparent url(images/categories.png) 0px -500px no-repeat; }
li.cat_outsourcing { background: transparent url(images/categories.png) 0px -600px no-repeat; }
li.cat_emacs { background: transparent url(images/categories.png) 0px -700px no-repeat; }
li.cat_drupal { background: transparent url(images/categories.png) 0px -800px no-repeat; }
li.cat_weekly { background: transparent url(images/categories.png) 0px -900px no-repeat; }
.footer {
	border-top: 1px dotted #CCC;
	border-bottom: none;
margin-top: 20px;
}
body .cse input.gsc-search-button, body input.gsc-search-button { height: 18px; width: 16px; background: transparent url(images/search.png) no-repeat center top;
cursor: pointer; cursor: hand; text-indent: -1000em; border: 0px; overflow: hidden; display: block; margin: 0px; padding: 0px }
body td.gsc-search-button { width: 16px; padding-left: 5px;}
.post, .post h2 { text-align: left; }
.sketch_thumbnail li { list-style-type: none; margin: 0px; padding: 0px; width: 60px; display: inline }

.future td.date { color: darkgray }
.future td.future_title { margin-left: 10px; margin-right: 10px; }
td { vertical-align: top }
th { text-align: left }
.message { border: 1pt solid black; background-color: lightyellow; padding: 10px }
.entry a:link, entry a:visited { text-decoration: underline }
body .gsc-control-cse { padding: 0px; }
body .gsc-control-cse { border: 0px; }
body .cse .gsc-results div.gsc-cursor-current-page { background: white; border: 1pt solid darkred }
.bulk .title { padding: 0; margin-top: 2em}
.bulk { padding-left: 20px; }
#cboxLoadedContent {overflow: hidden !important;}

/* Org */
      .org-agenda-current-time {
        /* org-agenda-current-time */
        color: #b8860b;
      }
      .org-agenda-date-today {
        /* org-agenda-date-today */
        color: #0000ff;
        font-weight: bold;
        font-style: italic;
      }
      .org-agenda-structure {
        /* org-agenda-structure */
        color: #0000ff;
      }
      .org-scheduled-today {
        /* org-scheduled-today */
        color: #006400;
      }
      .org-tag {
        /* org-tag */
        font-weight: bold;
      }
      .org-time-grid {
        /* org-time-grid */
        color: #b8860b;
      }
      .org-todo {
        /* org-todo */
        color: #ff0000;
        font-weight: bold;
      }

.update {
margin-top: 20px;
border: 1px dotted #CCC;
padding: 10px;
margin-right: 0px;
}
.update .date { font-style: italic }
      .org-habit-alert {
        /* org-habit-alert-face */
        background-color: #f5f946;
      }
      .org-habit-alert-future {
        /* org-habit-alert-future-face */
        background-color: #fafca9;
      }
      .org-habit-clear {
        /* org-habit-clear-face */
        background-color: #8270f9;
      }
      .org-habit-clear-future {
        /* org-habit-clear-future-face */
        background-color: #d6e4fc;
      }
      .org-habit-overdue {
        /* org-habit-overdue-face */
        background-color: #f9372d;
      }
      .org-habit-overdue-future {
        /* org-habit-overdue-future-face */
        background-color: #fc9590;
      }
      .org-habit-ready {
        /* org-habit-ready-face */
        background-color: #4df946;
      }
.verse { border-left: 1px solid #ccc; padding-left: 10px }

.ngg-gallery-thumbnail-box { width: 190px }
body .ngg-gallery-thumbnail { text-align: left }
.ngg-gallery-thumbnail img { padding: 0 }
.org-bold {
    /* bold */
    font-weight: bold;
}
.org-bold-italic {
    /* bold-italic */
    font-weight: bold;
    font-style: italic;
}
.org-border {
}
.org-buffer-menu-buffer {
    /* buffer-menu-buffer */
    font-weight: bold;
}
.org-builtin {
    /* font-lock-builtin-face */
    color: #483d8b;
}
.org-button {
    /* button */
    color: #3a5fcd;
    text-decoration: underline;
}
.org-c-annotation {
    /* c-annotation-face */
    color: #0000ff;
}
.org-calendar-today {
    /* calendar-today */
    text-decoration: underline;
}
.org-change-log-acknowledgement {
    /* change-log-acknowledgement */
    color: #b22222;
}
.org-change-log-conditionals {
    /* change-log-conditionals */
    color: #a0522d;
}
.org-change-log-date {
    /* change-log-date */
    color: #8b2252;
}
.org-change-log-email {
    /* change-log-email */
    color: #a0522d;
}
.org-change-log-file {
    /* change-log-file */
    color: #0000ff;
}
.org-change-log-function {
    /* change-log-function */
    color: #a0522d;
}
.org-change-log-list {
    /* change-log-list */
    color: #a020f0;
}
.org-change-log-name {
    /* change-log-name */
    color: #008b8b;
}
.org-comint-highlight-input {
    /* comint-highlight-input */
    font-weight: bold;
}
.org-comint-highlight-prompt {
    /* comint-highlight-prompt */
    color: #0000cd;
}
.org-comment {
    /* font-lock-comment-face */
    color: #b22222;
}
.org-comment-delimiter {
    /* font-lock-comment-delimiter-face */
    color: #b22222;
}
.org-compilation-column-number {
    /* compilation-column-number */
    color: #8b2252;
}
.org-compilation-error {
    /* compilation-error */
    color: #ff0000;
    font-weight: bold;
}
.org-compilation-info {
    /* compilation-info */
    color: #228b22;
}
.org-compilation-line-number {
    /* compilation-line-number */
    color: #a020f0;
}
.org-compilation-warning {
    /* compilation-warning */
    color: #a0522d;
}
.org-completions-annotations {
    /* completions-annotations */
    font-style: italic;
}
.org-completions-common-part {
    /* completions-common-part */
    color: #000000;
    background-color: #ffffff;
}
.org-completions-first-difference {
    /* completions-first-difference */
    font-weight: bold;
}
.org-constant {
    /* font-lock-constant-face */
    color: #008b8b;
}
.org-css-property {
    /* css-property */
    color: #a0522d;
}
.org-css-selector {
    /* css-selector */
    color: #0000ff;
}
.org-cursor {
    /* cursor */
    background-color: #000000;
}
.org-custom-button {
    /* custom-button */
    color: #000000;
    background-color: #d3d3d3;
}
.org-custom-button-mouse {
    /* custom-button-mouse */
    color: #000000;
    background-color: #e5e5e5;
}
.org-custom-button-pressed {
    /* custom-button-pressed */
    color: #000000;
    background-color: #d3d3d3;
}
.org-custom-button-pressed-unraised {
    /* custom-button-pressed-unraised */
    color: #8b008b;
    text-decoration: underline;
}
.org-custom-button-unraised {
    /* custom-button-unraised */
    text-decoration: underline;
}
.org-custom-changed {
    /* custom-changed */
    color: #ffffff;
    background-color: #0000ff;
}
.org-custom-comment {
    /* custom-comment */
    background-color: #d9d9d9;
}
.org-custom-comment-tag {
    /* custom-comment-tag */
    color: #00008b;
}
.org-custom-documentation {
}
.org-custom-face-tag {
    /* custom-face-tag */
    color: #0000ff;
    font-weight: bold;
}
.org-custom-group-tag {
    /* custom-group-tag */
    color: #0000ff;
    font-size: 120%;
    font-weight: bold;
}
.org-custom-group-tag-1 {
    /* custom-group-tag-1 */
    color: #ff0000;
    font-size: 120%;
    font-weight: bold;
}
.org-custom-invalid {
    /* custom-invalid */
    color: #ffff00;
    background-color: #ff0000;
}
.org-custom-link {
    /* custom-link */
    color: #3a5fcd;
    text-decoration: underline;
}
.org-custom-modified {
    /* custom-modified */
    color: #ffffff;
    background-color: #0000ff;
}
.org-custom-rogue {
    /* custom-rogue */
    color: #ffc0cb;
    background-color: #000000;
}
.org-custom-saved {
    /* custom-saved */
    text-decoration: underline;
}
.org-custom-set {
    /* custom-set */
    color: #0000ff;
    background-color: #ffffff;
}
.org-custom-state {
    /* custom-state */
    color: #006400;
}
.org-custom-themed {
    /* custom-themed */
    color: #ffffff;
    background-color: #0000ff;
}
.org-custom-variable-button {
    /* custom-variable-button */
    font-weight: bold;
    text-decoration: underline;
}
.org-custom-variable-tag {
    /* custom-variable-tag */
    color: #0000ff;
    font-weight: bold;
}
.org-custom-visibility {
    /* custom-visibility */
    color: #3a5fcd;
    font-size: 80%;
    text-decoration: underline;
}
.org-diary {
    /* diary */
    color: #ff0000;
}
.org-diff-added {
}
.org-diff-changed {
}
.org-diff-context {
    /* diff-context */
    color: #7f7f7f;
}
.org-diff-file-header {
    /* diff-file-header */
    background-color: #b3b3b3;
    font-weight: bold;
}
.org-diff-function {
    /* diff-function */
    background-color: #cccccc;
}
.org-diff-header {
    /* diff-header */
    background-color: #cccccc;
}
.org-diff-hunk-header {
    /* diff-hunk-header */
    background-color: #cccccc;
}
.org-diff-index {
    /* diff-index */
    background-color: #b3b3b3;
    font-weight: bold;
}
.org-diff-indicator-added {
}
.org-diff-indicator-changed {
}
.org-diff-indicator-removed { }

.featured_resources .thumbnail {  }
.featured_resources li { list-style-type: none; margin-top: 20px; }
.featured_resources .description { color: gray }
.featured_resources .resource-title { font-weight: bold }
.widget ul.featured_resources { margin-left: 0; padding-left: 0 }
.featured_resources img {
  width: 100px;
  float: right;
}

.featured_categories li { display: inline-block }
ul.featured_categories { padding: 0; margin: 0 }

.rightbar ul { list-style-type: none }
.widget ul { list-style: disc; padding-left: 20px; margin: 0px }

.replace { white-space: nowrap; overflow: hidden; text-indent: 100%; }

.home-design { background: url(images/design-2.png) 0 0 no-repeat; }


.header h1 { margin: 0 }
.top-bar .links, .header .links { margin: 0 }
.home-design:hover { background: url(images/design-highlighted-2.png) 0 0 no-repeat; }
.top-bar { background-color: #fff; z-index: 9999; }
.top-bar .links li { display: inline-block; height: 33px; margin: 0 }
.top-bar .links li a { height: 33px; margin-bottom: -9px }
.top-menu { background: #fff; border-bottom: 1px solid #ccc }

#searchsubmit:hover { background: url(images/design-highlighted-2.png) -91px -71px no-repeat  }

#searchsubmit {
  background: url(images/design-2.png) -91px -71px no-repeat;
  width: 30px; height: 33px;
  overflow: hidden;
  text-indent: 30px;
  border: 0;
  cursor: pointer;
  cursor: hand;
}

.header h1 { font-size: 2.5em }
.header h1 a:hover { text-decoration: none }
.footer .links li { margin-right: 10px; }

body .recent-comment { list-style-type: disc }
span.count { font-weight: normal }
.highlight { background-color: #fff47D }
.highlight-box { background-color: #fff47d; padding: 10px; border: 1px solid black; }
.rightbar p { margin-top: 0; margin-bottom: 1em; }
.rightbar h2 { margin-bottom: 0 }
div.reply { margin-top: 1em }
a.comment-reply-link { font-weight: bold;

margin: 0;
padding: 0;
display: inline-block;
background: #efefef;
background: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#efefef 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#efefef 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#efefef 100%);
background: linear-gradient(top, #f7f7f7 0%,#efefef 100%);
border-radius: 3px;
border: 1px solid #ddd !important;
box-shadow: inset 0 1px 0 #fff;
color: #000 !important;
text-decoration: none;
line-height: 1;
padding: 10px;
}
.alignright { float: right }
.wp-caption-text { font-size: small; font-style: italic }
table.bordered, table.bordered th, table.bordered td { border: 1px solid gray; border-collapse: collapse; border-spacing: 0; padding: 2px }
table.spaced td { padding-bottom: 20px; padding-left: 3px; padding-right: 3px; }
.number { text-align: right }
.post h3 { font-size: 20pt; }
.similar-posts li { font-weight: normal }
.posts { margin-bottom: 2em }

.on-this-page li { margin-bottom: 0 }
.on-this-page {margin-top: 0 }
.stats li { list-style-type: none; margin-bottom: 0; display: inline-block; color: #999; font-size: small }
.header .site-title, .header .name { background: none; color: black; overflow: visible; text-indent: 0; }
.header { text-align: center }
@media screen { }

#home { width: 35px; background-position: -81px -105px; display: inline-block }
#about { width: 26px; background-position: -177px -105px; display: inline-block }
#index { width: 33px; background-position: -266px -105px; display: inline-block }
#archives { width: 36px; background-position: -371px -105px; display: inline-block }
#random { width: 25px; background-position: -505px -105px; display: inline-block }
#contact { width: 30px; background-position: -630px -105px; display: inline-block }
#resources { width: 34px; background-position: -127px -71px; display: inline-block }

/* .top-bar { height: auto; } */
/* .header { margin-top: 60px; } */
@media screen and (min-width: 420px) {  /* top menu stops wrapping */
  .top-bar { height: 45px; }
/*  .header { margin-top: 50px; } */
}

@media screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media screen and (min-width: 40.063em) {  /* min-width 641px, medium screens */
  /* Reduce to icons */
  #home:hover { width: 93px; }
  #about:hover { width: 86px; }
  #index:hover { width: 102px; }
  #archives:hover { width: 120px; }
  #random:hover { width: 116px; }
  #contact:hover { width: 123px; }
  #resources:hover { width: 136px; }
}
@media screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media screen and (min-width: 960px) {
  /* Full text */
  #home { width: 93px; }
  #about { width: 86px; }
  #index { width: 102px; }
  #archives { width: 120px; }
  #random { width: 116px; }
  #contact { width: 123px; }
  #resources { width: 136px; }
}
@media screen and (min-width: 64.063em) { /* min-width 1025px, large screens */
  .header .links { left: 81px; position: relative; margin-left: 0 }
  .stats li { display: list-item; margin: 0;  }
  .stats ul { margin-left: 0 }
}

@media screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

@media screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media screen and (min-width: 120.063em) { } /* min-width 1921px, xlarge screens */

.footer .links li { display: inline-block }
.footer .links { margin: 0 }
#searchform { display: inline-block; margin: 0 }
#searchform label { display: none }
#searchform #s { display: inline-block; height: 31px; margin: 0; width: 30px }

.on-this-day .comments { font-size: x-small; color: gray; }
.on-this-day .comments a { color: gray }

.similar-posts .excerpt { color: #ccc }
.authors-note { color: #999; border: 1px solid #999; padding: 10px  }
.postdate abbr.published { font-size: 100%; color: #aaa; border-bottom: 0; cursor: inherit; }

.org-src-container { margin-bottom: 1rem }
code { color: #333 }

.pull-quote {
padding: 10px;
float: right;
width: 250px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #694e1c;
border-bottom-color: #694e1c;
font-size: 21px;
line-height: 1.25em;
text-align: left;
font-weight: normal;
}

th.right, td.right { float: none !important; text-align: right }
.post { position: relative }
@media only screen and (max-width: 90em) {
   .postdate::after, .read-more-link::after { content: ' | ' }
}
@media only screen and (min-width: 90.063em) {
   .postinfo {
      position: absolute;
      left: -10rem;
      top: 0;
      width: 9rem;
      text-align: right;
   }
   .postdate, .read-more-link { display: block; margin-bottom: 1rem }
}
li.on { list-style-type: disc }
code {
                font-size: 1.1rem;
                border: 1px solid #ddd;
                -webkit-border-radius: 0.4em;
                -moz-border-radius: 0.4em;
                -ms-border-radius: 0.4em;
                -o-border-radius: 0.4em;
        border-radius: 0.4em;
                font-weight: normal;
                padding: 0 0.2em;
}

dl.gallery-item { margin-left: 0 }
td.center { text-align: center }
