/* Body */
body { margin: 0; font-family: "athelas-1","athelas-2",serif;}
body a, a:visited { color: #0060B5; }
body a:active { color: #fefefe; }
body a:hover { color: #666; }

/* Title Bar */
#titlebar {
  margin-right: 0px;
  margin-left: 0px;
  border-right: 0px;
  border-left: 0px;
  width: 100%;
  margin-bottom: 25px;
  background: #0060B5;
  padding-top: 5px;
  background-image:url('http://cdn.sharding.org/header-bg-pattern-blue.png');
  background-repeat: repeat; 
  border-bottom: 3px solid #ccc;
  padding-right: 0px; margin-right: 0px;
}
#titlebar #logobox { vertical-align: middle; margin-bottom: 10px; }
#titlebar #headershadow { width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; border: 0; position: absolute; top: 108px; left: 0px;}
#titlebar #name_title { margin-left: 7px; font-size: 2.5em; font-weight: bold; color: white; text-decoration: none; text-shadow: 1px 1px 4px #333; }
#titlebar #blog_title { font-size: 2.5em; color: #ccc; font-weight: bold; text-decoraction: none; text-shadow: 1px 1px 4px #333; }
#titlebar a { text-decoration: none; }

/* Comments */
#shb-disqus { width: 70%; margin-top: 3em; margin-bottom: 2em; margin-left: auto; margin-right: auto; border: 1px solid #ccc; padding: 1em; font-family: "luxi-sans-1","luxi-sans-2",sans-serif; background: #efefef}

/* Indexes and posts */
.idxpost, .fullpost { max-width: 980px; padding-left: 5px; padding-right: 5px; margin-left: auto; margin-right: auto; }
.posttitle { font-size: 1.7em; font-weight: bold; }
.posttitle a { text-decoration: none; color: black;  }
.posttitle a:hover { color: #666; }
.postdate { font-style: italic; color: #777; font-size: .8em; }
.postdate a { text-decoration: none; color: #777; }
.postdate sup { padding-left: 2px; line-height: 0; }
.postbody { margin-top: .6em; margin-bottom: .6em; font-size: 1.1em; }
.continuelink { font-weight: bold; font-size: 1.1em; text-align: center; font-family: "luxi-sans-1","luxi-sans-2",sans-serif;}
.idx_divider { width: 50%; margin-left: auto; margin-right: auto; height: 2px; border-bottom: 1px solid #ccc; margin-bottom: 3em; }
.idx_permalink { text-align: right; font-family: "luxi-sans-1","luxi-sans-2",sans-serif; }
.idx_commentlink { font-family: "luxi-sans-1","luxi-sans-2",sans-serif; font-weight: bold; font-size: 1.2em; }
#index_nav { font-family: "luxi-sans-1","luxi-sans-2",sans-serif; text-align: center; font-weight: bold; font-size: 1.1em; }
.imgbox { text-align: center; margin-bottom: 2em; }
.imgbox .postimg { border: 1px solid black; padding: 0; }
.photocaption { text-align: left; font-family: "athelas-1","athelas-2",serif; font-size: .9em; margin-top: .2em; }
.h5video { text-align: center; margin-bottom: 2em; }
.h5video video { border: 1px solid black; }
.h5vidcaption { text-align: left; font-family: "athelas-1","athelas-2",serif; font-size: .9em; margin-top: .2em; }
.codesample { font-family: monospace; }
.post-sec-head { font-size: 1.3em; font-weight: bold; }
.fnlink { font-size: .5em; vertical-align: super; }
.footnote { font-size: .8em; font-style: italic; }
.footnotes { border-top: 1px solid #ccc; }
.fnanchor { color: black; font-weight: bold; }

/* Shared and Tweets */
#sharedwidth { max-width: 880px; margin-left: auto; margin-right: auto; }
#sharedstuff { background: #efefef; border: 2px solid #ccc; margin-left: auto; margin-right: auto; padding: 0 1em 0 1em; margin-bottom: 3em; font-family: "luxi-sans-1","luxi-sans-2",sans-serif; }
#sharedtitle, #tweettitle { font-size: 1.2em; font-weight: bold; font-family: "luxi-sans-1","luxi-sans-2",sans-serif; margin-bottom: 0px; margin-top: 0px;}
#tweetbox { border-left: 1px solid #ccc; padding-left: 1em; }
.shareditems, .recent-tweets { margin-top: 0px; font-size: .8em; }
#tweetbox .tweetlink, #sharedbox .sharedfrom { font-size: .7em; font-style: italic; }

/* Footer */
#footer { background-image:url('http://cdn.sharding.org/footer-bg-pattern-grey.png'); backgroud-repeat: repeat; margin: 1em 0px 0px 0px; border-top: 3px solid #ccc; width: 100%; height: 120px; padding-top: 1em; padding-right: 0px;  padding-bottom: 1em; font-family: "luxi-sans-1","luxi-sans-2",sans-serif; font-size: .8em; text-align: center;}
#copyright { font-family: "luxi-sans-1","luxi-sans-2",sans-serif; text-align: center; }
#badges { text-align: center; }
#badges img { margin-left: 1em; margin-right: 1em; margin-bottom: 1em; }