/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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: 100%;
		font-family: inherit;
		vertical-align: baseline; }
	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; }


/* #Basic Styles
================================================== */
	body {
		background: #fff;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
		font-weight: normal; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin-bottom: 15px; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #ddd; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 16px; line-height: 24px; color: #e8e8e8; }
	blockquote { margin: 0px; padding: 0px 20px 0 15px; border-left: 2px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: ; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { color: #ddd; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #ddd; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 23px; }
	li p { line-height: 23px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/*
Grid 1200px
Nicolas Poliquin
polikin.ca
*/


/* Table of Contents
==================================================
    #Base 1200 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */

.columns, 
.column { 	
	-webkit-transition: all 0.2s ease;
	  -moz-transition: all 0.2s ease;
	  -moz-transition: all 0.2s ease;
	  -ms-transition: all 0.2s ease;
	  -o-transition: all 0.2s ease;
	  transition: all 0.2s ease;
}

/* #Base 1200 Grid
================================================== */

    .container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
    .column, .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }

    /* Base Grid */
    .container .four.columns                    { width: 280px; }
    .container .eleven.columns                  { width: 805px; }

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .four.columns                    { width: 172px; }
        .container .eleven.columns                  { width: 508px; }
    }

	/* Note: Design for a width 1024 Desktop
	================================================== */
	@media only screen and (min-width: 960px) and (max-width: 1199px) {
        /* Base Grid */
		.container                                  { width: 960px; }
	    .container .four.columns                    { width: 220px; }
	    .container .eleven.columns                  { width: 640px; }
    }

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */
    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .four.columns,
        .container .eleven.columns { width: 300px; }
    }

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .four.columns,
        .container .eleven.columns { width: 420px; }
    }

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  background: #222;
  color: #ddd;
  line-height: 1.5;
  margin: 0;
  padding-bottom: 64px;
}

.header {
    background-color: #222;
}

h1, h2, h3, h4, h5, h6 {
  color: #ddd;
  font-family: "open sans", sans-serif;
  font-weight: 300;
}

h1.title {
  font-weight: 800;
}

.site_title {
    color: #ffffff;
    position: relative;
    margin: 0 auto;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.site_title a {
    color: #ffffff;
}

.site_title a:hover {
    text-decoration:none;
}

.site_title a:visited {
    color: #ffffff;
}

#site_logo {
  height: 45px;
  display: inline;
}

h1 {
  font-size: 22px;
  line-height: 28px;
}

h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  margin: 1em 0;
}

h4 {
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
}

ul {
  margin: 1em 0;
  list-style: disc;
}

blockquote {
    color: #e8e8e8;
    background-color: #141414;
    border-left: 2px solid #F47920;
    padding: 10px;
    margin-left: 20px;
    margin-bottom: 15px;
}

blockquote>:last-child {
    margin-bottom: 0;
}

.social-list {
    border-radius: 4px;
    line-height: 2.2;
    position: relative;
}

.social-list a svg {
    transition:transform 0.1s;
}

.social-list a:hover svg {
    transform: translateY(-1px) scale(1.1,1.1);
}

.icon>svg {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.share-button>svg {
    width: 25px;
    height: 25px;
    margin: 5px;
    fill: #ddd;
}

a {
  color: #ddd;
  text-decoration: underline;
}

a:visited {
  color: #ddd;  
}

a:hover {
  color: #ddd;  
}

a.meta_link {
  color: #aaa;
  text-decoration: none;
}

.post_link, a.post_link {
  text-decoration: none;
  color: #1a9aeb;
}

.list-group-item {
  text-decoration: none;
}

table {
  font-size: inherit;
  font: 100%;
}

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

ul.posts {
  margin-top: 0;
  list-style-type: none;
  margin-bottom: 10px;
}

ul.posts li {
  line-height: 22px;
  font-size: 16px;
  margin-bottom: 15px;
}

ul.posts span {
  color: #aaa;
}

.meta {
  color: #aaa;
  margin: 0 0 10px 0;
}

.site .footer {
  border-top: 4px solid #505050;
  clear: both;
  overflow: hidden;
}

nav h1, nav h2 {
  text-align: center;
}

#bio {
  margin-top: 10px;
  margin-bottom: 15px;
  border: solid #505050;
  border-width: 1px 0;
  line-height: 1.3;
}

#copyright {
  font-size: 13px;
}

.pagination {
  font-size: 14px;
  border: solid #333;
  background-color: #121200;
  border-width: 1px 0;
}

#social {
  margin-bottom: 15px;
  font-size: 13px;
}

.post_header {
    font-size: 24px;
    line-height: 32px;
}

.post_preheader {
    border-bottom: 1px solid #505050;
    font-size: 13px;
}

.post_separator {
    margin-bottom: 50px;
}

#post {
  border-bottom: 1px solid #505050;  
}

#post ul,
#post ol {
  margin-left: 1.35em;
}

.sidebar {
  font-size: 14px;
  padding-top: 25px;
  font-family: "open sans", sans-serif;
}

.sidebar p {
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: 200;
}

.sidebar a img {
  margin-bottom: 10px;
  margin-left: initial;
}

.content {
  font: 400 16px/22px "open sans", sans-serif;
  border-left: 1px solid #505050;
  padding-left: 40px;
  padding-top: 25px;
  min-height: 400px;
}

.footer {
  color: #222;
  background-color: #222;
  height: 32px;
  width: 100%;
  overflow: hidden;
}

#home h2 {
  color: #222;
}

#avatar, #gravatar {
  border-radius: 6px;
  margin-bottom: 25px;
  width: 224px;
}

#gravatar {
  width: 180px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

#stalker {
  display: inline-block;
  height: 18px;
  margin-left: 5px;
}

#stalker a {
  width: 29px;
  overflow: hidden;
  float: left;
}

#stalker i {
  font-size: 28px;
  margin-right: 5px;
}

.home {
  font-size: 24px;
  float: right;
  color: #AAA;
}

.home:hover {
  text-decoration: none;
}

ul.share-buttons{
  display: inline;
  list-style: none;
  padding: 0;
  margin: 0;
}

.share-buttons li {
  display: inline-block;
}
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

@media only screen and (min-width: 1200px) {
	nav {
		width: 220px;
		margin-left: 60px; }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	#logo {
		font-size: 21px;
		margin-bottom: 15px; }
	nav .button {
		padding: 9px 20px 11px; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	nav {
		width: 160px; }
	#avatar {
		width: 160px; }
	#flair img {
		width: 160px;
		height: inherit }
	.sidebar h2 {
		font-size: 18px;
	}

	#bio {
		font-size: 14px;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	header h1 { font-size: 34px; line-height: 37px; }
	nav { position: relative; }
	nav ul,
	#logo { text-align: left; }
	.sidebar {
		display: none;
	}
	.content {
		border: 0px;
		padding-left: 0px;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.sidebar {
		display: none;
	}

	h1 {
		font-size: 28px;
		line-height: 36px;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.sidebar {
		display: none;
	}

	h1 {
		font-size: 24px;
		line-height: 32px;
	}

	h2 {
		font-size: 22px;
		line-height: 24px;
	}
}

.highlight .hll { background-color: #404040 }
.highlight  { color: #d0d0d0 }
.highlight .c { color: #608B4E; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .g { color: #d0d0d0 } /* Generic */
.highlight .k { color: #569CD6; font-weight: normal } /* Keyword */
.highlight .l { color: #d0d0d0 } /* Literal */
.highlight .n { color: #d0d0d0 } /* Name */
.highlight .o { color: #d0d0d0 } /* Operator */
.highlight .x { color: #d0d0d0 } /* Other */
.highlight .p { color: #d0d0d0 } /* Punctuation */
.highlight .cm { color: #608B4E; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #cd2828; font-weight: normal } /* Comment.Preproc */
.highlight .c1 { color: #608B4E; font-style: italic } /* Comment.Single */
.highlight .cs { color: #e50808; font-weight: normal; background-color: #520000 } /* Comment.Special */
.highlight .gd { color: #d22323 } /* Generic.Deleted */
.highlight .ge { color: #d0d0d0; font-style: italic } /* Generic.Emph */
.highlight .gr { color: #d22323 } /* Generic.Error */
.highlight .gh { color: #ffffff; font-weight: normal } /* Generic.Heading */
.highlight .gi { color: #589819 } /* Generic.Inserted */
.highlight .go { color: #cccccc } /* Generic.Output */
.highlight .gp { color: #aaaaaa } /* Generic.Prompt */
.highlight .gs { color: #d0d0d0; font-weight: normal } /* Generic.Strong */
.highlight .gu { color: #ffffff; text-decoration: underline } /* Generic.Subheading */
.highlight .gt { color: #d22323 } /* Generic.Traceback */
.highlight .kc { color: #569CD6; font-weight: normal } /* Keyword.Constant */
.highlight .kd { color: #569CD6; font-weight: normal } /* Keyword.Declaration */
.highlight .kn { color: #569CD6; font-weight: normal } /* Keyword.Namespace */
.highlight .kp { color: #569CD6 } /* Keyword.Pseudo */
.highlight .kr { color: #569CD6; font-weight: normal } /* Keyword.Reserved */
.highlight .kt { color: #569CD6; font-weight: normal } /* Keyword.Type */
.highlight .ld { color: #d0d0d0 } /* Literal.Date */
.highlight .m { color: #B5CEA8 } /* Literal.Number */
.highlight .s { color: #D69D85 } /* Literal.String */
.highlight .na { color: #bbbbbb } /* Name.Attribute */
.highlight .nb { color: #24909d } /* Name.Builtin */
.highlight .nc { color: #4EC9B0 } /* Name.Class */
.highlight .no { color: #40ffff } /* Name.Constant */
.highlight .nd { color: #ffa500 } /* Name.Decorator */
.highlight .ni { color: #d0d0d0 } /* Name.Entity */
.highlight .ne { color: #bbbbbb } /* Name.Exception */
.highlight .nf { color: #d0d0d0 } /* Name.Function */
.highlight .nl { color: #d0d0d0 } /* Name.Label */
.highlight .nn { color: #447fcf } /* Name.Namespace */
.highlight .nx { color: #d0d0d0 } /* Name.Other */
.highlight .py { color: #d0d0d0 } /* Name.Property */
.highlight .nt { color: #6ab825;} /* Name.Tag */
.highlight .nv { color: #40ffff } /* Name.Variable */
.highlight .ow { color: #6ab825; font-weight: normal } /* Operator.Word */
.highlight .w { color: #666666 } /* Text.Whitespace */
.highlight .mf { color: #B5CEA8 } /* Literal.Number.Float */
.highlight .mh { color: #B5CEA8 } /* Literal.Number.Hex */
.highlight .mi { color: #B5CEA8 } /* Literal.Number.Integer */
.highlight .mo { color: #B5CEA8 } /* Literal.Number.Oct */
.highlight .sb { color: #D69D85 } /* Literal.String.Backtick */
.highlight .sc { color: #D69D85 } /* Literal.String.Char */
.highlight .sd { color: #D69D85 } /* Literal.String.Doc */
.highlight .s2 { color: #D69D85 } /* Literal.String.Double */
.highlight .se { color: #D69D85 } /* Literal.String.Escape */
.highlight .sh { color: #D69D85 } /* Literal.String.Heredoc */
.highlight .si { color: #D69D85 } /* Literal.String.Interpol */
.highlight .sx { color: #ffa500 } /* Literal.String.Other */
.highlight .sr { color: #D69D85 } /* Literal.String.Regex */
.highlight .s1 { color: #D69D85 } /* Literal.String.Single */
.highlight .ss { color: #D69D85 } /* Literal.String.Symbol */
.highlight .bp { color: #24909d } /* Name.Builtin.Pseudo */
.highlight .vc { color: #40ffff } /* Name.Variable.Class */
.highlight .vg { color: #40ffff } /* Name.Variable.Global */
.highlight .vi { color: #40ffff } /* Name.Variable.Instance */
.highlight .il { color: #3677a9 } /* Literal.Number.Integer.Long */
pre {   
    white-space: pre;
    padding: 8px;
    overflow: auto;
    margin-bottom: 15px;
}
code,
pre {
    font-family: monospace;
    font-size: 16px;
}

pre>code {
    border: 0;
    padding-right: 0 !important; 
    padding-left: 0;
    word-wrap: normal;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}