/* 5/13/2013: a few stylistic tweaks, but it's really due for a total overhaul */
/* 8/9/2012: re-lightened the design; still leans on thisaway.css a bit more than I'd like */

body {
  color: #111;
  line-height: 1.5;
  text-align: left;
  font-size: 16px;

  background-image: none; 
  background-color: #f0e7e0;
}

#blog-header {
  color: #553322;
  width: 100%;
  margin: 0;
  padding: 0;

  background-color: #e0c5a7;
  background-image: none; 
            filter: none;
}

#blog-header .column {
  margin: 0 auto;
  width: 960px;
}

#blog-header h1 {
  color: #F71700;
  font: 64px/32px 'SilkscreenNormal',Arial,sans-serif;
  /*font-variant: small-caps;*/
  margin: 0;
  padding: 26px 0 0 16px;
  text-shadow: -4px 0 0 #000;
}

#blog-header div {
  margin: 0;
  padding: 0;
}


/* bits from thisaway.css */
#blog-header p {
    color:#FEF6EE;
    font-size:0.75em;
    font-weight:bold;
    line-height:14px;
    margin:0.5em 0;
    padding:7px 16px 0 84px;
}

#blog-footer p {
  color: #fef6ee;
  font-size: 10px;
  line-height: 14px;
  margin: 0;
  padding: 0 0 15px 55px;
  text-align: right;
}

#blog-footer div {
  background-color: #e0c5a7;
  padding-top: 15px;
  padding-right: 15px;

     -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
          border-radius: 10px 10px 0 0;

  background-image: -moz-linear-gradient(top, #333, black); 
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #333),color-stop(1, black)); 
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#000000'); 
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#000000')"; 
}

.linkBullet { border:0; vertical-align: middle; }
a { text-decoration:none; color: #DD3311; }
a:hover { text-decoration:underline; }

#blog-header div {
     -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}

#toolbar {
  background-color: #222222;
  display: block;
  height: 50px;
  margin: 0;
  padding-left: 25px;

  border-bottom: 4px solid #555555;
  border-top: 2px groove #555555;

     -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;

  background-image: -moz-linear-gradient(top, #333333, #000000); 
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #333333),color-stop(1, #000000)); 
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#000000'); 
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#000000')"; 
}

#toolbar div {
  display: inline; /*inline-table, table-row;*/
  margin: 10px 0 0;
  padding: 0 25px 0 0;
}

#toolbar span {
  /*display: table-cell;*/
  padding: 2px 0;
  vertical-align: middle;
}

#toolbar a {
  font: 20px/22px 'SilkscreenNormal',Arial,sans-serif;
  text-decoration: none;
  padding: 2px 6px;
  
     -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
          border-radius: 6px;
}

#toolbar a.current {
  border: 2px inset #442222;
}
#toolbar a:hover {
  background-color: #FFFFFF;
}

#sites a {
  background-image:url("http://buyog.com/code/images/toolbar.gif");
  background-repeat:no-repeat;
  padding-left:24px;
}

#sites a[href*='MUGEN']    { background-position: 0 -24px; }
#sites a[href$='code/']    { background-position: 0 -48px; }
#sites a[href*='lab']      { background-position: 0 -74px; }
#sites a[href*='Canvassa'] { background-position: 0 -98px; }
#sites a[href*='games']    { background-position: 0 -98px; }
#sites a[href*='swag']     { background-position: 0 -122px; }
#pages a[href$='lab']      { background-position: 0 -74px; }
/*#pages a[href$='code/']  { background-image: none; padding-left: 6px; }*/


#sections {
  background: none;
  font-size: 11px;
  padding: 0 30px;
}
#sections a {
  padding: 1px 3px;
  text-decoration: none;
  
     -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
#sections a.current {
  background-color: #442222;
  border: 1px solid #331212;
  color: #FFFFFF;
}
#sections a:hover {
  background-color: #FFFFFF;
}

#toolbar {
  height: inherit;
  padding: 5px 10px;
  text-transform: uppercase;
}
#sites {
  display: inline; /*table-row;*/
  color: #DD3311;
}
#pages {
  font-size: 0.75em;
}


#main {
  border-width: 0 2px;
  border-style: solid;
  border-color: #B1793E;
  background-color: #FFF7F0;
  padding-top: 1em;
  width: 600px;
  margin: 0;
}

.post {
  margin: 0; padding: 0;
}

.post h3.post-title {
  background-color: #e0c5a7;
  padding: 0.5em 0.25em 0;
  line-height: 1.1;
}
.post h2.date-header {
  background-color: #B1793E;
  background-image: none;
  color: white;
  padding: 0 0.5em 0.25em;
}

.post h3.post-title a, #comments h3, h3.warning {
  color: #DD3311;
  font-family: 'SilkscreenNormal',Arial,sans-serif;
}

.post .post-body {
  margin: 0 0.75em 2em;
  padding: 0 1em;
  line-height: 1.5;
  color: #444;
}

.post .post-body h2,
.post .post-body h3,
.post .post-body h4 {
  color: #222;
}

.post .post-tags {
  font-size: 0.8em;
  margin-top: 1em;
}
.post-tags a:after { content: ',' }
.post-tags a:last-of-type:after { content: '' }

#sidebar {
  padding: 0 12px;
  width: 276px;
}
#sidebar > div, #sidebar > ul{
  /*background-color:#996633;
  color:#FFCCAA;*/
  border: 1px solid #ECDCCA;
  margin:0;
  padding:5px;
  line-height: 1.4;
  text-align: full;

     -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
}

#sidebar h2 {
  background-color: #000000;
  color: #F71700;
  font: 1.2em/0.5em 'SilkscreenNormal',Arial,sans-serif;
  margin-bottom: 0;
  padding: 0.5em 0.2em;
  text-align: center;
  
     -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;

  background-image: -moz-linear-gradient(top, #333333, #000000); 
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #333333),color-stop(1, #000000)); 
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#000000'); 
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#000000')"; 
}
#sidebar a { color: #DD3311; }
#sidebar a:hover { color: #FF0000; }
/*#sidebar a:visited { color: #BB8855; }*/

#socialLinks li {
  float: left;
}
#socialLinks p {
  font-size: 0.6em;
  text-align: center;
  clear: both;
}

#blog-footer { margin-top: 1em; }
.footer {
  margin: 0;
  padding: 0;
  width: 100%;
}


/* Social Media Icons */
.social {
  display:inline;
}
.social a {
    /*background-repeat: no-repeat;
    background-position: 3px 4px;*/
    display: block;
    padding: 0.3em 0.25em 0.3em 25px;
}
#sidebar .social li {
  background: none;
  vertical-align: middle;
}

.social a, .feedburnerFlareBlock a { 
  background-image: url('http://buyog.com/images/social_sprites.png');
  background-repeat: no-repeat;
}

.social a[href*='feedburner.com'] {background-position: -10px -827px; }
.social a[href*='blogger.com'] {background-position: -10px -575px; }
.social a[href*='dailyburn.com'] {background-position: -10px -611px; }
.social a[href*='facebook.com'] {background-position: -10px -240px; }
.social a[href*='google.com'] {background-position: -10px -683px; }
.social a[href*='linkedin.com'] {background-position: -10px -719px; }
.social a[href*='pandora.com'] {background-position: -10px -755px; }
.social a[href*='picasaweb'] {background-position: -10px -791px; }
.social a[href*='twitter.com'] {background-position: -10px -863px; }
.social a[href*='youtube.com'] {background-position: -10px -899px; }
.social a[href*='github.com'] {background-position: -10px -647px; }
.social a[href*='reddit.com'], .feedburnerFlareBlock a[href*='reddit.com'] {background-position: -10px -276px;}
.social a[href*='google.com/reader'] { 
  background-image: url('http://buyog.com/images/icons/greader_16.png');
  background-position: 0 0;
}

.feedburnerFlareBlock a {
  font-size: 0.75em;
  height: 32px;
  padding: 2px 20px;
}
.feedburnerFlareBlock span { display: none; }
.feedburnerFlareBlock a[href*='digg.com'] { background-position: -10px -168px; }
.feedburnerFlareBlock a[href*='del.icio.us'] { background-position: -10px -132px; }
.feedburnerFlareBlock a[href*='/emailFlare'] { background-position: -10px -312px; }
.feedburnerFlareBlock a[href*='facebook.com'] {background-position: -10px -240px; }
.feedburnerFlareBlock a[href*='stumbleupon.com'] { background-position: -10px -204px; }
/*.feedburnerFlareBlock a[href*='reddit.com'] {background-position: -10px -276px; }*/

pre.console {
  background-color: #000000; 
  border:3px double gray; 
  color: lightblue;
  white-space: pre-wrap;
}


/* better blockquote / citation tweaks */
blockquote p:only-child {
  margin: 0;
}
blockquote cite {
  font-size: .8em;
  font-style: italic;
  font-weight: bold;
  color: #888;
}
blockquote cite:before {
  content:'\2014\00a0';     /* (mdash+nbsp) */
}

figure {
  padding-left: 1em;
}
figcaption {
  color: #000000;
  font-size: 0.75em;
  font-weight: bold;
  padding-left: 3em;
}

#comments {
  color: #333;
}

#blog-footer p { background: none; }


.archiveNav { text-align: center; }
.left  { float: left; }
.right { float: right; }
pre {
  background-color: white;
  color: black;
  border-color: silver;
  border-width: 20px 1px 1px 1px;
  border-style: solid;
  padding: 10px 5px;
}
hr.divider { width: 80%; color: white; display: block; }

.post-image { float: left; margin: 0 0.5em 0.5em 0; }
.aligned-image { text-align: center; }
h3:before { content: "\a0"; display: block; }

abbr {
  font-variant: small-caps;
  font-weight: bold;
}