/*BLOG*/

.blog {
	min-height: 100%;
    height: 100%;
    width:100%;
    margin: 0 auto -40px;
    border-top:1px solid #ddd}

.blog .content{
    margin-top:40px;
    border:none;
    width: 92%;
	margin: 0;
	padding: 2% 4% 0;
	}

.content .left {
	width: 60%;
	color: #555;
	padding-right: 3%;
	margin-bottom: 4%;
}

.content .right {
	width: 34%;
	font-size: .9em;
	color: #888;
	padding: 0;
	margin: 0 auto 4%;
}

a {outline:none}

.blog .left {margin-top:30px}
.serif{font-family:Georgia,Times,serif;font-style:italic !important;}

.coverblog{background-size:cover !important;}

.blog .left h1{font-size:1.5em;text-transform:uppercase;margin-bottom:1%;padding-bottom:0;}

.blog .row h2{margin-top:7%;text-transform:none;font-size:140%}
.blog .row h3{margin-top:4%;font-size:120%}
.blog .row h4{font-size:110%}

.blog .right h3 i{text-shadow:1px 1px 1px #bbb}

h3.entries {font: 1.4em Georgia,Times,serif;font-style:italic !important;
    color:#bbb;height:40px;line-height:40px;text-align:center;text-shadow:0 1px 1px #fff;border-bottom:1px solid #f4f4f4;}

.blog .row p:first-child{font-size:1.1em;font-style:italic;line-height:1.6em;margin-bottom:4%}

.blog .right ul{list-style:none}

#disqus_thread a {
   color:#2584D4;
   }

blockquote {
   color:#aaa;
   font: 1.2em Georgia,Times,serif;
   font-style:italic;
   line-height:26px;
   }

blockquote em {
   display:block;
   margin-top:8px;
   text-align:right;
   font-size:0.8em;
   color:#bbb
   }

blockquote a {
   color:inherit;
   border-bottom:1px solid #bbb;
   }

blockquote a:hover {
   color:#2584D4;
   text-decoration:none;
   }

blockquote:before{
float:left;
content: "\f10d";
color:#ccc;
margin:0 15px 0 -10px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
}

.sns {
   position:absolute;
   z-index:2;
   height:55px;
   width:100%;
   margin-top:0;
   left:0;
   border-bottom:1px solid #f4f4f4
   }

.left section{
    max-width:750px;
    float:right
}

.right section{
    max-width:400px;
    float:left
}

.left section img {
    width: auto !important;
    width: 100%;
    max-width: 100%;
}

.left section iframe {
width:100% !important;
}

.left .top{
	margin:2% 0 1%
	}
	
.left .bottom{
	margin:1% 0 4%
	}

.blog .title-page{display:none}

.author {
    color:#aaa;
    font: 1.3em Georgia,Times,serif;
    line-height:1.6em;
    margin:30px auto 60px;
}

.rtl:hover:before{content:"{ "}
.rtl:hover:after{content:" }"}
.author p{text-align:right;}
.author a{display:block;text-align:center;margin:15px auto 0;}
.back{display:block;font-size:1.3em;text-align:center;margin:20px 0 0 30px;clear:both}
.author a:hover{border:none}
.author img{
	float:right;
	width:100px;
	height:100px;
	border-radius:50px;
	margin:16px 0 10px 15px;
	}


.subscribe,.subscribe li{display:inline-block;}

.subscribe{width:100%;margin:9px auto 0;text-align:center}

.subscribe li{margin:0 1%}

.stay {
font-style:italic !important;
    color:#bbb;
    text-shadow:0 1px 1px #fff;
    font: 1.3em Georgia,Times,serif;
}

.subscribe a{
	width:40px;
	height:40px;
	color:#fff;
	border-radius:40px;
	text-align:center;
	display:inline-block;
	}

.subscribe i{margin-top:9px}

.subscribe a:hover{
	background-color:#bbb
	}

.fac {
	background-color: #3b5998;
}

.twi {
	background-color: #00bbf5;
}

.goo {
	background-color: #d54432;
}

.feeds{display:inline-block;width:100%}

.feeds li{
    display:inline-block;
    width:100%;
    vertical-align:top;
    height:150px;
    margin-bottom:30px;
    cursor:pointer;
    background-color:#eee;
    overflow:hidden
    }

.feeds img{
float:left;
width:150px;
height:150px;
}

.feeds li a{
height:150px;
overflow:hidden
}
.feeds p{
    display:block;
    font-size:0.95em;
    margin:8px 10px 0 160px;
    text-align:left;
    line-height:19px;
    height:122px;
    overflow:hidden;
    }
.feeds .ti {font-size:1.1em;}
.feeds .taa {display:block;color:#999;font-style:italic;margin-top:8px}
.feeds .da {display:block;font-weight:bold;text-align:right;font-size:0.85em;color:#ccc;margin-right:8px}

.feeds li a{color:#777}
.feeds .seld,.feeds li:hover{background-color:#f7f7f7;}

.feeds li.p0 a:hover::after{content:"Read it ›";display:block;width:70px;height:30px;line-height:30px;background-color:#00BBF5;color:#fff;font-size:0.9em;margin:-23px 0 0 150px;text-align:center;border-radius:0 15px 0 0;}

.feeds .seld a:after{content:"Reading ●";display:block;width:70px;padding:0;height:30px;line-height:30px;background-color:#c5c5c5;color:#fff;font-size:0.9em;margin:-23px 0 0 150px;text-align:center;border-radius:0 15px 0 0;}

h2.index a{display:inline-block;color:#333}

.page-header {
	margin-left:-2%
	}

.page-header h1:first-letter{
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size:40px !important;
	background-color:#00BBF5;
	display:block;
	color: #FFF;
	line-height:30px;
	padding:15px;
	text-align:center;
	min-width:30px;
	float:left;
	margin-right:7px;
	border-radius:20px 2px 20px 2px;
	}

.post-details{
	margin:0 0 4% 1%;width:100%
	}

.post-date{
	color:#fff;
	font-size:0.8em;
	padding:4px 7px;
	background-color:#00BBF5;
	margin-right:10px
	}

.blog .date{margin:2% 0 2% 0;float:left;color:#999;font-size:90%}

.blog .tags{margin:2% 1% 2% 0;display:inline-block;float:right;color:#999}

.blog .left .row img{text-align:center;margin:5% auto;display:block}

.post-tags{font-size:0.8em}

.tags li span,.post-tags span{color:#999;font-size:0.9em}
.tags li span:before,.post-tags span:before{content:"("}
.tags li span:after,.post-tags span:after{content:")"}

.tags li,.post-tags li{text-transform:uppercase;font-size:78%}

.tags li:hover{border-bottom:1px dotted #2584d4}
.post-tags ul{display:inline-block}
.post-tags li:after,.tags li:after{content:", "}
.post-tags li:last-child:after,.tags li:last-child:after{content:""}

.bmore{text-transform:uppercase;font-size:85%;margin-left:7px}
a.blog-back{display:block;margin-top:30px;width:150px;padding:6px 0;text-align:center;font-size:0.95em;color:#888;border-radius:2px}

.blog-back:hover{margin-left:-10px;border-radius:15px 0 0 15px;color:#333;}

.post-share{
    position:fixed;
    z-index:999 !important;
    left:0;
    top:45%;
    background-color: #1f1f1f;
    color:#fff;
    width:28px;
    border-left:2px solid #111;
    overflow:hidden;
    padding-top:8px;
    cursor:pointer;
    }

.post-share-active{
    position:fixed;
    left:30px;
    top:45%;
    background-color:rgba(255,255,255,0.9);
    width:0px;
    overflow:hidden;
    padding-top:8px;
    }

.post-share:hover .post-share-active,.post-share-active:hover{
    width:110px;
}

.post-share:hover{
background-color:#2584d4
}

.post-share li{
    display:block;
    text-align:center;
    height:30px
}

.post-share-active li{
    padding-left:7px;
    display:block;
    height:30px;
    text-align:left;
    }

li.hn iframe{margin:-9px 0 0 -8px}

.icon-hn{
    font-style:normal;
    font-weight:bold
    }

.icon-reddit{
    text-indent:-9999px;
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAlhJREFUOMvtlE2Iz2scxc/5/343msnLRAg7MUpZ3JSFJSmkFJNEUl5WFu6OYn+zY8ViYmFjKYtJs7KwmChZeJmJKalhCrMY83L1e87nbn6j8XZRlvfsnp7zPX2f8z3PV/rN8M8SgQWSbHu2lLKh0+mskfTe9qNfFgT2AieAPySN2t5jO0AXcKqqqttz3M6PxJLskHRVUmN7xPYhSU8kbZf0zPaZ+fz6h57YfwJTwLmqqkZKKdg+Ahy13Qvc/aqolLIgyRKgO0mnlLI8SW+SA8Ag8DjJ0STrkqxPcgf4mORh0zQ9nzVQSllq+6SkrbbHJN0HTtveAryV9Np2AdZIWiFpSNIF28eBCUmjwLWqqt7NeXQ5ySvgaRKSvAf6gb4km5qm6WrN3wT0lVL6k0y03EdJxkopVz51CNwDxiUtBnoknbX9zPZKSU9tT7W2LJLU2+l0xiVtTPK37XFJs5JWAPuqqnor4HyS50lmkmxru76UZDTJqXk+/5XkJXCp5WxLMtvWnv8UG+Ci7UlJI5KGktSSkLRE0j/zpv1B0iKAJLXtIdvDkiabprn4ZXBvJRluxQT0lFLWtkGe49TA2lJKjyQ1TVMnGQZufSu8h5NMA/vb805gMMm+Vmxhkr4kg8DOlrM/yXSSw9/7EXeBmSS7k2xOMgBMJJkEJoEJYCDJZmB3kplvhdrzntQt6YakXcCApH7bqyV1A5I0JWmszd8u2wOllCN1XU/953IADgLHJG2xPQ28aa9W2e4CHti+bvvmT6+vJAslrZO0DKjbKTe230l6YXtW/2MO/wI6susd9j0fWgAAAABJRU5ErkJggg==") no-repeat 0 0;
    }
.reddit_button {display:inline-block;height:20px;overflow:hidden}

.comm{font-weight:bold;font-size:0.9em;color:#999;margin-top:5%}

h2.post-tagline{text-transform:none;font-style:italic;color:#777;font-family: Georgia,Times,serif;font-size:1.3em;margin-top:-3px;}
#blog-index h3{font-style:italic;color:#666;font-family: Georgia,Times,serif;margin:-5px auto 0}
.row ul{margin-left:4%;}
.row li{margin-bottom:1%}

.pagination{height:36px;margin:18px 0;text-align:center}
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
.pagination li{display:inline;}
.pagination a{height:34px;float:left;padding:0 14px;line-height:34px;text-decoration:none;border:1px solid #ddd;border-left-width:0;}
.pagination a:hover,.pagination .active a{background-color:#f5f5f5;}
.pagination .active a{color:#999999;cursor:default;}
.pagination .disabled a,.pagination .disabled a:hover{color:#999999;background-color:transparent;cursor:default;}
.pagination li:first-child a{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
.pagination li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}


/*FEATURED*/
#openf{position:fixed;left:12%;top:14px;z-index:999;text-align:left}
#openf ul{font-size:0.85em;}
#openf li{padding:5px 15px;}

.opa{color:#e5e5e5;}

.opb{cursor:pointer;border-radius:15px;background-color:#2584d4;color:#fff;}

.opb:hover{background-color:#D54432;}
#featured{
		display:none;
		position:fixed;
		z-index:9999;
		height:100%;
		width:100%;
		background-color:rgba(0,0,0,0.9);
		top:0;
		text-align:center;
		color:#f1f1f1
		}
#featured iframe{
	margin-top:6%;
	border:10px solid #000;
	border-radius:5px 5px 0 0;
	}
	
#featured i{color:#aaa}

#vide0 h4{width:820px;height:auto;margin:-5px auto 0;background:#000;padding:4px 0 10px;border-radius:0 0 5px 5px;font:0.9em Helvetica,Arial,sans-serif}
	
#closef{width:100px;height:30px;line-height:30px;background-color:#2584d4;margin:0 auto;border-radius:0 0 10px 10px;cursor:pointer;}
#closef:hover{height:40px;line-height:50px;color:#fff;background-color:#D54432}	#closef i{color:#fff}

/* Code syntax */

code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,"Courier New",monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
code{padding:3px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;}
pre{display:block;padding:10px;margin:0 auto 9px;font-size:12px;line-height:18px;background-color:#f5f5f5;border:1px solid #ddd;border:1px solid rgba(0, 0, 0, 0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;white-space:pre;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;width:95%}pre.prettyprint{margin-bottom:18px;}


pre code{padding:0;color:inherit;background-color:transparent;border:0;}
.pre-scrollable{max-height:340px;overflow-y:scroll;}


.highlight  { background: #ffffff; }
.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { font-weight: bold } /* Keyword */
.highlight .o { font-weight: bold } /* Operator */
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #999999 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { font-weight: bold } /* Keyword.Constant */
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #009999 } /* Literal.Number */
.highlight .s { color: #d14 } /* Literal.String */
.highlight .na { color: #008080 } /* Name.Attribute */
.highlight .nb { color: #0086B3 } /* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
.highlight .no { color: #008080 } /* Name.Constant */
.highlight .ni { color: #800080 } /* Name.Entity */
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
.highlight .nn { color: #555555 } /* Name.Namespace */
.highlight .nt { color: #000080 } /* Name.Tag */
.highlight .nv { color: #008080 } /* Name.Variable */
.highlight .ow { font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mf { color: #009999 } /* Literal.Number.Float */
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
.highlight .sc { color: #d14 } /* Literal.String.Char */
.highlight .sd { color: #d14 } /* Literal.String.Doc */
.highlight .s2 { color: #d14 } /* Literal.String.Double */
.highlight .se { color: #d14 } /* Literal.String.Escape */
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
.highlight .si { color: #d14 } /* Literal.String.Interpol */
.highlight .sx { color: #d14 } /* Literal.String.Other */
.highlight .sr { color: #009926 } /* Literal.String.Regex */
.highlight .s1 { color: #d14 } /* Literal.String.Single */
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #008080 } /* Name.Variable.Class */
.highlight .vg { color: #008080 } /* Name.Variable.Global */
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */

/********************************************** Mobile Screens ***************************************/

@media only screen and (max-width: 1200px) {
#openf{position:absolute;z-index:99;top:45%;text-align:right;margin:0 auto;width:85%;}
.left section,.right section {max-width:inherit;float:none}
#openf ul{background-color:#1f1f1f;background-color:rgba(0,0,0, 0.7);border-radius:5px;padding:5px 10px 7px 0;border:1px solid #222}
.opa{color:#eee;}
}

@media only screen and (min-width:48.6em) and (max-width:1080px) {
.feeds li img {width:100px;height:100px;}
.feeds p{margin-left:110px}
.feeds .p0 a:hover:after,.feeds .seld a:after{margin:-24px 0 0 0 !important;text-align:center;border-radius:0 15px 0 0;width:100px !important;}
}

@media screen and (max-width:800px) {



	.content .left {
		width: 100%;
		border: 0;
		padding: 0;
	}
	
	.content .right {
		width: 100%;
		padding: 2% 0 0;
		border-top: 4px double #d5d5d5;
		background: #fff;
		margin: 0 auto 8%;
		border: 0;
		float: none;
	}

}

@media only screen and (max-width: 48.5em) {
h1, h2, h3 {text-align:center}
.page-header h1:first-letter,#blog-index h2 a:first-letter{display:inline;background-color:transparent!important;width:auto;height:auto;padding:0;margin:0;color:inherit;font-size:1em !important;float:none;font-weight:normal}
#blog-index h3{margin:0 auto}
.post-details{margin:0 0 4% 0;padding:0}
}