/*
	Reset styles: modified from and based on:
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 62.5%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*
   komlenic.com generics
*/
strong, b
	{
	font-weight: bold;
   }
   
em, i
	{
	font-style: italic;
   }
   
code
	{
   font-family: 'courier new', monospace;
   }
   
h1, h2, h3, h4, h5, h6
   {
   font-weight: bold;
   }
   
img, object
	{
   max-width: 100%;
	}
   
p, h1, h2, h3, h4, h5, h6, table, ol, ul
	{
   margin-bottom: 20px;
   }
   
.img_left, .floatleft
	{
   float: left;
   margin: 0 20px 20px 0;
   }
   
.img_right, .floatright
	{
   float: right;
   margin: 0 0 20px 20px;
   }


/*
	Standard stuff for all layouts
*/

html
   {
   text-align: center;
   }

body
   {
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   background-image: url('bg_newsprint.jpg');
   background-repeat: repeat;
   font-family: arial, helvetica, sans-serif;
   font-size: 14px;
   line-height: 20px;
   color: #333;
   overflow-x: hidden;
   }
   
a
	{
   color: #369;
   text-decoration: none;
   border-bottom: 1px dotted #369;
   }
   
a:hover {
	color: #036;
   border-bottom: 1px solid #036;
   }
   
a.img
	{
   border-bottom: 0;
   }
   
h1
	{
   font-size: 1.4em;
   }
   
h2
	{
   font-size: 1.2em;
   }
   
h3
	{
   font-size: 1em;
   }
   
article h1
	{
   border-bottom: 1px solid #999;
   padding-bottom: 5px;
   margin-bottom: 5px;
   }
    
blockquote
	{
   margin-left: 25px;
   border-left: 1px solid #999;
   padding-left: 10px;
   }
   
#post_body .syntaxhighlighter
	{
   font-size: 12px !important;
   padding: 4px 0 !important;
   }
   
#post_body img
	{
   border: 1px solid #ccc;
   }
   
#about img.bio_thumb
	{
   float: left;
   margin: 0 20px 15px 0;
   }
   
.shadow
	{
	-moz-box-shadow: 2px 2px 2px #999;
	-webkit-box-shadow: 2px 2px 2px #999;
	box-shadow: 2px 2px 2px #999;
	}

.textmiddle
	{
   vertical-align: middle;
   }
   
.prev_post
	{
   display: block;
   float: left;
   clear: left;
   }
.next_post
	{
   display: block;
   float: right;
   clear: right;
   }
   
#post_body table tr td, #post_body table tr th
	{
	padding: 3px;
   border: 1px solid #999;
   vertical-align: middle;
   text-align: center;
   background-color: #ccc;
   font-size: .8em;
   line-height: .9em;
   }
   
#post_body ol
	{
   list-style: decimal outside;
   }
   
#post_body ul
   {
	list-style: square outside;
   margin-left: 15px;
   }
   
#twitter
   {
   clear: both;
   }
   
#twitter h2:before
   {
	padding-right: 4px;
	content: url('twit16.png');
   }
   
li.tweet
	{
   padding-bottom: 9px;
   margin-bottom: 10px;
   border-bottom: 1px solid #bbb;
   }
   
.tweet-details
	{
   color: #999;
   line-height: 20px;
   }
   
body > header
	{
   position: absolute;
   width: 100%;
   left: 0;
   top: 24px;
   background-color: #369;
   border-top: 1px solid #470;
   border-bottom: 1px solid #470;
   text-align: center;
   }
   
#content, body > footer
   {
   clear: both;
   position: relative;
   top: 65px; 
	}
   
body > footer
	{
   margin-bottom: 48px;
   }
   
  
body > header h1
	{
   margin: 10px 0 0 0;
   }
   
body > header h1 a
	{
   color: #ddd !important; 
   text-decoration: none;
   border-bottom: 1px dotted #ccc;
   }
   
body > header h1 a:hover
	{
   color: #fff !important; 
   border-bottom: 1px dotted #fff;
   }
   
body > header p 
	{
   color: #bbb;
   margin: 5px 0 7px 0;
   }
   
.old_post
	{
   background-color: #ccc;
   border: 1px solid #999;
   padding: 5px;
   }
   

   

   
/* disqus comment box styling */
#comments
	{
   margin: 10px 0px 20px 0px;
   padding: 10px 20px 20px 20px;
   border: 1px solid #ccc;
   clear: both;
   }
     
   
.dsq-brlink
	{
   font-size: 10px;
   color: #999;
   }




/*	Less Framework 4 (modified)
	http://lessframework.com
	by Joni Korpi
	License: http://creativecommons.org/licenses/MIT/	*/

/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}



/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {
	width: 896px;
	padding: 48px 48px 48px;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

body > header h1, body > header p 
	{
   display: block;
   width: 896px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   }
   
   #content article
   	{
      float: left;
      width: 528px;
      }
   
   #content aside
   	{
      float: right;
      width: 344px;
      padding-top: 11px;
      }
      
/*    body > footer:after
      {
      position: fixed;
      right: 0;
      bottom: -5px;
      z-index: 999;
   	content: url('new_responsive.png');
      } */
   


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {
		width: 712px;
		padding: 48px 28px 48px;
	}
   
   body > header h1, body > header p 
   	{
      width: 712px;
      }
      
   #content article, #content aside
   	{
      float: none;
      width: 100%;
      }
      


}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	body {
		width: 252px;
		padding: 48px 34px 48px;
	}
   
   body > header h1, body > header p 
   	{
      width: 252px;
      }
      
   #content article, #content aside
   	{
      float: none;
      width: 100%;
      }
      
   #twitter
   	{
      display: none;
      }
	
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		width: 436px;
		padding: 48px 22px 48px;
	}
   
   body > header h1, body > header p 
   	{
      width: 436px;
      }
      
   #content article, #content aside
   	{
      float: none;
      width: 100%;
      }
      
   #twitter
   	{
      display: none;
      }
	
}