/*
Theme Name: techmas
Description: private theme
Author: artem rezinkin
Author URI: blog.techmas.ru
Theme URI: blog.techmas.ru
Version: 0.1
Tags: private
License: private
License URI: private
*/

/* http://meyerweb.com/eric/tools/css/reset */
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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* simplest */
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom:1em;}
li {list-style:square; margin:0.5em 0 0 2em;}
dt {margin:1em 0; font-weight:bold;}
dd {margin:0 1em; padding-left:1em; border-left:1px solid #ddd;}
th, td {padding:0.5em; border:1px solid #ddd;}
blockquote {margin:0 1em; padding-left:1em; border-left:1px solid #ddd;}
pre {font-family:monospace; background:#f8f8ff; padding:0.5em; overflow:auto;}
sup, sub {height:0; line-height:1; vertical-align:baseline; position:relative; font-size:10px;}
sup {bottom:1ex;}
sub {top:0.5ex;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

a {color:#111;}
p {line-height:1.3em;}
h1 {font-size:1.7em;}
h2 {font-size:1.3em;}
h3 {font-size:1.1em;}
h1 a {text-decoration:none;}
h1 a:hover {text-decoration:underline;}
h1,h2,h3,h4,h5,h6 {clear:both;}
.hentry, .meta, #respond {margin-bottom:2em; padding-bottom:1em; border-bottom:1px solid #ddd;}
.hentry h2, .hentry h3, .hentry h4 {margin-top:2em;}
.alignleft {display:inline; float:left; margin:0 1em 1em 0;}
.alignright {display:inline; float:right; margin:0 0 1em 1em;}
.aligncenter {display:block; margin:1em auto;}
.wp-caption {text-align:center; padding:0.5em; background:#ddd;}
.wp-caption-text, .gallery-caption {font-size:0.7em; margin:3px 0;}

/*old */

:hover{-webkit-transition: 350ms ease; -moz-transition: 350ms ease; -ms-transition: 350ms ease; -o-transition: 350ms ease; transition: 350ms ease;}
body{background-color:#2b2f46;}
body *{font-family: 'HelveticaNeue', sans-serif; font-weight: lighter;}
.dots{  height: 100%; width: 100%; background: url(img/overlay-dots.png);}
a{text-decoration: none; color: #228eee;}
em{ margin: 0 10px; background: #f0f0f0; font-weight: bold; padding: 3px 7px; color: gray;}
.clear{clear: both;}
.logo{  width: 200px;  height: 100px;  background: url(img/logo2.svg) left center no-repeat;  display: block; text-indent: -999px;}
.logo:hover{background:url(img/logo3.svg) left center no-repeat; transition: none}
#wrapper{background: white; padding: 30px 0; }
#top{background: url(img/bg.jpg) center center no-repeat black; background-size: cover;  }
#top, #footer{   min-height: 100px; color: white}
#top a, #footer a{color: white}
#blogdesc{float: right; text-transform: uppercase; width: 450px; font-size: 24px; display: block; text-align: right; line-height: 28px; margin-top: -80px; color: #32385E; }
.center{width: 960px;padding: 0 10px;  margin: 0 auto;}
#main{width: 700px;float: left;}
#content .post{margin:30px 0; line-height: 22px; color: #555}
#content .more-link{ background:#f0f0f0; padding:5px 10px ; margin-top: 15px; display: inline-block; border-radius: 4px; }
#content .more-link:hover{ color: white; background: #2b2f46;}
#content img{max-width: 700px; height: auto; padding:  15px 0; border-radius: 4px; overflow: hidden; }
#content .post{clear: both; padding:0 0 15px 0; border-bottom: 1px solid #ccc; margin-top: 30px; }
#content .post h2{ font-size: 30px; text-transform: uppercase; color: black; margin: 15px 0}
#content .post h3{ font-size: 26px; text-transform: uppercase; color: black; margin: 15px 0}
#content .post h4{ font-size: 20px; text-transform: uppercase; margin: 15px 0; font-weight: bold;}
#content .post blockquote {margin: 30px; padding-left: 15px; font-size: 28px; color: #999; border-left: 1px solid #999; }
#content .post ul {margin: 30px;}
#content .post ul li{list-style: square; }
#content .post ol li{list-style: decimal inside; padding: 10px;}
#content p{font-size: 18px;}
#content .post-excerpt{ text-align: justify; padding-bottom: 30px; border-bottom: 1px solid #ddd; color: gray; line-height: 22px;}
#content .post-title{text-transform: uppercase; font-size: 24px; color:#999; font-weight: bold; margin-bottom: 30px;}
#content .post-title a {text-transform: uppercase; font-size: 24px; color:#2b2f46; font-weight: bold; }
#content .post-title a:hover{color: #228eee;}
#content .date{float: right; font-size: 14px; background: #f0f0f0; padding: 5px 10px; margin-top: 20px;}
#content .post-info-co { width: 400px; float: right; text-align: right; margin-top: -20px; }
#content .post-info-co span{display: block; text-align: right; margin-top: -10px;margin-bottom: 10px;}
#content .post-info-co span.day-date{font-size: 12px;}
#content .post-info-co a{display: inline-block; text-align: right; margin-top: 10px;}
#content .post-info-co a:last-child{margin-left: 30px;}
#content .post-info-co span span{display: inline;}
#content-info h2{ font-weight: bold; font-size: 24px; color: #999; margin-bottom: 30px; text-transform: uppercase; }
#comment-form{ padding-top: 100px;}
#sidebar{width: 230px; float: right; margin-left: 30px; margin-top: 30px;}
#sidebar > div{margin-bottom: 30px;}
#sidebar .widget h4{font-size: 24px; text-transform: uppercase; color: #999}
#sidebar .widget li{margin:0 0 15px 0; list-style: none;}
#sidebar .widget li a{background: #f0f0f0; padding: 15px; display: block; border-radius: 4px; font-size: 18px;}
#sidebar .widget li a:hover{background: #228eee; color: white}
#sidebar .widget li a:hover span{color: white}
#sidebar .widget li a span{display: block; color: #777; font-size: 12px; margin-top: 5px;}

#footer{padding-top: 30px;}
#footer a{font-weight: bold;}
#footer a:hover{color: #228eee;}

ul.page-numbers { list-style: none; margin: 0;}
.page-numbers:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
ul.page-numbers li { display: block; float: left; margin: 0 4px 4px 0; text-align: center;}
.page-numbers a,.page-numbers span { display: block; height: 30px; line-height: 30px; font-size: 24px; text-decoration: none; cursor: pointer; background:#f0f0f0; padding:5px 10px ; border-radius: 4px;}
.page-numbers a span { padding: 0 }
.page-numbers a:hover,.page-numbers.current,.page-numbers.current:hover {color: white; background: #2b2f46; text-decoration: none;}
.page-numbers:hover { text-decoration: none }

.addtoany_share_save_container{opacity: .3}
.addtoany_share_save_container:hover{opacity: 1}