@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic&subset=latin,cyrillic);
body {  font-family: 'Open Sans',arial,sans-serif; background-color: #FAFAFA; margin: 0; color: #555;  }


/* BLOG GENERAL */
a:hover, a:focus, a:active, a.active {  color: #3c93ce; text-decoration: none; outline: 0;  }

.blogContainer {  padding-top: 150px;  }
.blogMain {    }
.blogView {  padding: 0;  }

#blog-head {  margin-bottom: 20px;  }
.blog-name {  color: #2c3e50; font-size: 1.7em; padding-left: 12px; padding-bottom: 20px; font-weight: bold; padding-right: 6px;  }
.blog-slogan {  color: #b2b2b2;  }

#main {  margin: 0; overflow: auto; font-size: 1em;  }
#left {  padding-left: 5px;  }
#sidebar {  background-color: transparent; margin-top: 6px; padding-right: 7px; margin-left: 0; padding-left: 0;   }
@media (max-width: 1199px) {  #sidebar {  margin-right: 0; padding-right: 0;  }  #left {  margin-right: -21px;  }  }

.blogIconCal {  margin: 0 10px 0 2px;  }


/* POST */
article.post {  margin: 10px 0px 30px 0px; overflow: hidden; background-color: #ffffff; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2); padding: 0px; border-radius: 4px; text-align: justify;  }
.blogPostFullBox {  margin-left: 12px!important; margin-right: 12px!important; margin-bottom: 30px!important;  }

/* POST :: Head */
article.post	header {  background-color: #f9f9f9; border-bottom: 1px solid #d3d3d3; margin: 0 0 15px 0; padding: 16px 15px 0 15px;  }
article.post	header	h1.post-title {  font-size: 1.25em; margin: 0 0 8px 0; color: #3c93ce; white-space: nowrap; overflow: hidden; line-height: 22px;  }
article.post	header	h1.post-title	a {  color: #2c3e50; transition: 0.3s; font-weight: 600; }
article.post	header	h1.post-title	a:hover {  color: #3c93ce; text-decoration: none; transition: 0.3s;  }

article.post	header	div.post-published {  color: #666666; display: inline-block; font-size: 0.9em; padding-left: 0; margin-bottom: 10px;  }

article.post	.blogFooter	div.share_wrap {  color: #f0f0f0; display: block; text-align: center; background: #f3f3f3; margin: 0 -20px 0 -20px; padding: 20px;  }
.blogPostFullBorder {  border-top: 1px solid #d3d3d3;  }

article.post	.blogFooter	div.share_wrap	.socialBtn {  background-color: #f0f0f0; border: solid 1px #3c93ce; padding: 2px 12px 3px 12px; border-radius: 40px; transition: 0.3s;   }
article.post	.blogFooter	div.share_wrap	.socialBtn:hover {  background-color: #3c93ce; transition: 0.3s; color: #f0f0f0!important;   }

article.post	.blogFooter	div.share_wrap  .imgBlogShare {  height: 24px; border-radius: 50%;  }
article.post	.blogFooter	div.share_wrap  .imgBlogShare:hover {  border: 1px solid #3c93ce; padding: 2px;   }

#postHeader {  background-color: #e2e2e2;  }


/* POST :: Content */
article.post	div.post-content	pre {  border: 1px dashed #ccc;  }

article.post	div.post-content	img {  max-width:100%;  }

/*article.post	div.post-content	blockquote {  font-size: 1.1em; font-style: italic;  }*/

article.post	div.post-content	h1,
article.post	div.post-content	h2,
article.post	div.post-content	h3,
article.post	div.post-content	h4,
article.post	div.post-content	h5 {  font-weight: normal; color: #333333; margin: 22px 0 13px 0; padding: 0;  }

article.post	div.post-content	h1 {  font-size: 1.8em;  }
article.post	div.post-content	p {  line-height: 1.5em; padding: 0 15px;  }
.blogPostTextLimited {  height: 186px; overflow: hidden; text-overflow: ellipsis; z-index: 0; position: relative;  }
.blogPostTextLimited1 {  height: 186px; overflow: hidden; text-overflow: ellipsis; z-index: 0; position: relative;  }
.blogPostTextLimited2 {  height: 164px; overflow: hidden; text-overflow: ellipsis; z-index: 0; position: relative;  }
.blogPostTextLimited3 {  height: 142px; overflow: hidden; text-overflow: ellipsis; z-index: 0; position: relative;  }
.overflowGradient:before {   content:''; width:100%; height:100%; position:absolute; left:0; top:0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 60%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6ffffff',GradientType=0 ); /* IE6-9 */
}

article.post	div.post-content	.video-embed {  position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 13px 0;  }

article.post	div.post-content	.video-embed iframe,
article.post	div.post-content	.video-embed object,
article.post	div.post-content	.video-embed embed {  position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }

.postBoxMini {  padding-left: 12px; padding-right: 12px;  }

/* POST :: Footer */
article.post	.blogFooter {  font-size: 0.9em; margin-top: 20px;  }
article.post	.blogFooter	div.readmore {  background: #f6f6f6; padding: 8px 20px; border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; text-align: center; transition: 0.3s;  }
article.post	.blogFooter	div.readmore a:hover {  color: #2c3e50; transition: 0.3s;  }
article.post	.blogFooter	span {  margin: 0 6px;  }
article.post	.blogFooter	a {  font-weight: normal;  }


/* POST :: Tags */
article.post	.blogFooter	div.post-tags {  border-left: 4px solid #FF8A3D; margin-top: 7px; padding-left: 10px;  }
article.post	.blogFooter	div.post-tags	ul {  margin: 0; padding: 0; list-style: none;  }
article.post	.blogFooter	div.post-tags	li {  display: inline-block;  }
article.post	.blogFooter	div.post-tags	a.tag {  color: #434343; margin-right: 2px; padding: 0 5px;  }
article.post	.blogFooter	div.post-tags	a.tag:hover {  opacity: 0.8; text-decoration: none;  }


/* POST :: Comments */
#comments {  margin-top: -40px;  }
#comment_list {  margin: 0 2px 0 12px;  }
#comment_list	h2 {  margin: 10px 0; font-size: 1.1em; text-align: left; padding: 40px 0 10px 0; text-transform: uppercase; font-weight: bold;  }
#comment_list	div.comment {  border-left: 3px solid #3498db;  margin: 0 10px 16px 0;  padding: 10px; overflow: auto; background-color: #ffffff; border-radius: 4px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);   }
#comment_list	span.author_name {  font-weight: bold; padding-left: 4px; text-transform: capitalize;  }
#comment_list	span.date {  margin-left: 10px; font-style: italic; color: #b2b2b2;  }
#comment_list	span.content {  display: block; padding: 8px 0 4px 80px; font-size: 0.9em; color: #828282;  }
#comment_list	img.avatar {  float:left; margin-right: 10px; border-radius: 50%; border: 1px solid #a2a2a2;  }


/* POST :: Comments form */
#comment_form {  margin: 30px 12px 60px 12px;  width: auto; padding: 15px 15px 15px 15px; text-align: center; background-color: #ffffff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); border-radius: 4px;  }
.inputCommentName {  background: #ededed url("../img/icons/iconHeader.png") no-repeat 8px center; color: #424242; border-radius: 22px; border: 1px solid #ededed; padding-left: 40px; background-size: 31px; transition: 0.4s border; font-weight:700; padding-right:32px;  }
.inputCommentEmail {  background: #ededed url("../img/icons/iconEmail.png") no-repeat 8px center; color: #424242; border-radius: 22px; border: 1px solid #ededed; padding-left: 40px; background-size: 31px; transition: 0.4s border; font-weight:700; padding-right:32px;  }
.inputCommentText {  background: #ededed url("../img/icons/iconMessage.png") no-repeat 8px center; color: #424242; border-radius: 22px; border: 1px solid #ededed; padding-left: 40px; background-size: 31px; transition: 0.4s border; font-weight:700; padding-right:32px;  }

#comment_form	h2 {  font-weight: 700; margin: 10px 0; font-size: 1.1em; text-transform: uppercase; color: #2c3e50; text-align: left; padding-bottom: 12px; padding-left: 12px;  }
#comment_form	h3.alert {  background: #f39c12;  color: #FFFFFF;  font-weight: normal;  margin: 0 0 15px;  padding: 12px; font-size: 1em; border-radius: 20px;  }

#comment_form	input[type="text"] {  background: #ededed url("../../../../img/icons/iconHeader.png") no-repeat 8px center; width: 100%; border-radius: 22px; border: 1px solid #ededed; padding-left: 50px; color: #424242; background-size: 31px; transition: 0.4s border; font-weight:500; padding-right:32px;
     margin-bottom: 15px; font-family: 'Open Sans', helvetica,arial,sans-serif; font-size: 1em; height: 40px;  }
#comment_form	textarea {  background: #ededed url("../../../../img/icons/iconMessage.png") no-repeat 8px center; width: 100%; border-radius: 22px; border: 1px solid #ededed; padding-left: 50px; color: #424242; background-size: 31px; transition: 0.4s border; font-weight:500; padding-right:32px;
    margin-bottom: 15px; font-family: 'Open Sans', helvetica,arial,sans-serif; font-size: 1em; height: 100px; padding-top: 8px;   }

#comment_form	input[type="submit"] {  background-color: #3498db; text-align: center; padding: 9px 30px 9px 30px; margin: 10px 0 10px 0; border-radius: 20px; color: #ffffff; font-size: 0.9em; font-weight: 700; text-transform: uppercase; border: none!important;  }
#comment_form   input[type="submit"]:hover {  background-color: #3ea7ee; color:#ffffff; transition: 0.5s;   }
/* For Facebook comments */
.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {  width: 100% !important;  }


/* BLOG :: Navigation */
.blogNav {  margin-bottom: 30px;  }
.categoryHeader {  color:#2c3e50; font-size: 1em; font-weight: 700; margin-left: 10px; margin-right: 20px; text-transform: uppercase;  }
.blogNav .categoryContainer {    }
.categoryItem {  color: #3c93ce; margin: 0 10px;  }
.blogNav .categoryItem a:hover {  color: #2c3e50;  }
.categoryItemActive {  background-color: red; color: #1ab394;  }


/*
========================================================================
BLOG :: Pager
========================================================================
*/

#pager {  overflow: auto;  text-align: center; margin-bottom: 70px; color: #f0f0f0; padding-top: 10px;   }
#pager	a.next-page {  float: right;  background: #3c93ce;  padding: 6px 24px; color: #f0f0f0; border-radius: 20px;  margin-top: -6px; transition: 0.3s;  }
#pager	a.prev-page {  float: left;  background: #3c93ce;  padding: 6px 24px; color: #f0f0f0; border-radius: 20px; margin-top: -6px; transition: 0.3s;  }
#pager	a.home-page {  background: #3c93ce;  padding: 6px 24px; color: #f0f0f0; border-radius: 20px; margin-top: -4px; transition: 0.3s;  }
#pager	a:hover {  background-color: #2c3e50; transition: 0.3s;  }
.pagerBtn {  padding: 0; margin: 0; min-height: 40px;  }
.backToHomeContainer {  text-align: center; margin-bottom: 60px;  }
.backToHomeBtn {  text-align: center; background: #3c93ce;  padding: 6px 24px; color: #f0f0f0; border-radius: 20px;  }
.backToHomeBtn:hover {  background-color: #2c3e50; transition: 0.3s; color: #ffffff;  }

@media (max-width: 768px) {  #pager {  margin-bottom: 40px!important;  }  }

/*
========================================================================
PLUGINS
========================================================================
*/

div.plugin-box {  margin-left: 6px;  }
div.plugin-box ul {  margin: 0; list-style: none; background-color: #ffffff;  }
div.plugin-box	li {  word-wrap: break-word; padding: 2px 10px; color: #3c93ce;  }
div.plugin-box	h3.plugin-title {  font-size: 1em; color: #2c3e50; font-weight: bold; padding: 15px 15px; border-bottom: 1px solid #d3d3d3; text-transform: uppercase; margin: 0; background-color: #f9f9f9; border-radius: 4px 4px 0 0;  }
.dropdown-menu>li>a:hover {  border-radius: 6px;  }
.btn-primary {  background-color: #3c93ce; border-radius: 100px; border: none; padding: 6px 36px;  }
.btn-primary:hover {  background-color: #2c3e50; border-radius: 100px; border: none;  }
.dropdown-menu {  margin-top: 34px!important; margin-left: 94px!important;  }

/* PLUGINS :: Last posts */
div.plugin_last_posts {    }
div.plugin_last_posts	li {  border-bottom: 1px solid #F1F1F1; margin-bottom: 10px; padding-bottom: 10px;  }

/* PLUGINS :: About */
div.plugin_about {  }
div.plugin_about	li.name {  font-weight: bold; font-size: 0.9em;  }
div.plugin_about	li.about {  font-size: 0.9em;  }
div.plugin_about	li.image {  float: left; overflow: auto; width:70px;  }

div.plugin_about	img.plugin_about {  max-width:64px;  }


/* PLUGINS :: all */
.plugin_categories {  padding: 6px 0;  }
.plugin_pages {  padding: 6px 0;  }
.plugin_latest_posts {  padding: 6px 0;  }

.box {  text-align: center; background: #e6e6e6; padding: 6px 20px; color: #626262; border-radius: 20px; margin: 6px; font-weight: 400; transition: 0.3s; font-size: 0.9em;  }
.box:hover {  background: #d2d2d2; color: #2c3e50; transition: 0.3s;  }
.red {  background: #3c93ce; color: #ffffff; font-weight: 600; transition: 0.3s;  }
.red:hover {  background-color: #3c93ce; color: #f2f2f2; transition: 0.3s;  }

/* CONTENT */
.sectionHeader{
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
    color : white;
    font-family:  'Open Sans',arial,sans-serif;
    background-color: #6CA5CC; /* 3C93CE;*/
    /*box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);*/
    border-radius: 4px;
}

.example{
    margin-left: 20px;
    margin-right: 20px;
    padding: 5px;
    color : gray;
    font-size: 14px;
    font-family: 'Comic Sans MS';
    font-weight: 500;
    background-color: #E5E5E5;
    border-radius: 4px;
}

p{
    margin-right: 20px;
}

li{
    margin-right: 20px;
}

blockquote{
    border-left: 3px solid #A1BACC;
    padding: .25em 0.2 .25em 0.5em;
    margin-left: 2em;
    margin-bottom: 1em;
    font-size: 14px;
}

.ml15{
    margin-left: 15px;
}

.lightgray{
    color : #A8A8A8;
    font-size: 14px;
}
.dashList{
    list-style-image: url('img/dash.png');
}

.dashListExample{
    list-style-image: url('img/dashExample.png');
}