/*
Theme Name: Columnis-Lite
Theme URI: 
Author: Mihail Barinov
Author URI: 
Description: Blog/Magazine Responsive Wordpress Theme
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: blue, white, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-width, custom-colors, custom-header, custom-menu, theme-options, threaded-comments, translation-ready
Text Domain: columnis
*/


/** GENERAL
--------------------------------------------------------- **/

	@import url('bootstrap-3.0.0/dist/css/bootstrap.css');

	body { font: normal 15px Arial, Helvetica, sans-serif; color: #333; word-wrap: break-word; }
	
	h1,h2,h3,h4,h5,h6 { color: #333;}
	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #333;}

	a { color: #2aa4cf; text-decoration: none; outline: none; }
	a:hover, a:focus { color: #999999; text-decoration: none;}
	
	
	img{ max-width: 100%; height: auto; }
	.no-scale{ max-width: none; }
    .alignleft{ margin-right: 25px; float: left; }
    .alignright{ margin-left: 25px; float: right;}
    .aligncenter{ margin-bottom: 25px; display:block; margin-left: auto; margin-right: auto; }
	a img { border:none; }
	.entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption {max-width: 100%;}
	.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
	}
	.wp-caption .wp-caption-text,
	.gallery-caption,
	.entry-caption {
		font-style: italic; font-size: 12px; font-size: 0.857142857rem;
		line-height: 2; color: #757575;
	}
	.sticky {}
	.bypostauthor {}
	.page-links { margin: 10px 0 20px; font-weight:bold; }
	
	p { margin-bottom: 16px; line-height: 1.7; }
	
	/** scroll to top **/
	#toTop { 
		position:fixed; right:0; bottom: 0px;
		z-index:1000;
		width:100%; height:0px;
	}
	#toTop a{ 
		color: #1B8BFC;background: #eee url(images/g_light_top.png) repeat-x ;
		width:50px; height:50px; line-height:50px; text-align:center; font-weight:bold;
		font-size:11px; position: absolute; right:15px; bottom: -50px;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	}
	
	#wrapper { min-height: 100%; height: auto !important; height: 100%; }
	
	/** Table **/	
	table {
		border-collapse:separate; border-spacing:0;
		width:100%; margin-bottom:18px;
		border-top: 1px solid #eee; border-left: 1px solid #eee;
	}
	table,td,th { text-align:left; }
	th{padding:10px;}
	td{padding:10px;}
	tfoot td{border:0px;}
	th,tr:hover{}
	table { text-align: left; margin: 0 -1px 24px 0; width: 100%; }
	tr th,
	thead th { padding: 9px 0; text-align:center; font-weight:bold }
	tr td { border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 6px; text-align:center; }
	tr.odd td {}
	th{ background: #f9f9f9; border-bottom: 1px solid #eee; border-right: 1px solid #eee; }
	thead th{border-right: 1px solid #eee;}
	tr.odd td {background: #F2F7FC;}
	table td:hover { background-color:#f9f9f9;}
	
/** GRID SYSTEM
--------------------------------------------------------- **/

	#post_grids .col-lg-4, #post_grids .col-md-4, #post_grids .col-sm-6 {
		padding-right: 6px; padding-left: 6px; margin-bottom:10px;
	}
	
	
/** HEADER
--------------------------------------------------------- **/
	
	/** Navigation **/
	.navbar { border-radius: 0px; min-height: 35px;}
	.navbar a:hover { background-color:#50b7dc; }
	.navbar ul ul ul { top: 0px; margin-left: 100%; right: 10px;}
	.navbar ul ul .caret { position:absolute; right: .5em; top: 1em;}
	
	.navbar-inverse {
		background-color: #2aa4cf;
		border-color: #2693ba;
		-webkit-box-shadow: rgba(0,0,0,0.3) 0px 2px 2px -1px;
		-moz-box-shadow: rgba(0,0,0,0.3) 0px 2px 2px -1px;
		box-shadow: rgba(0,0,0,0.3) 0px 2px 2px -1px;
		border-bottom: 1px solid #2693ba;
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #ffffff; font: normal 15px/1.4 'Times New Roman', serif;
		padding-top: 10px; padding-bottom:10px;
	 }
	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {background-color: #50B7DC;  }
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
		background-color: #50B7DC;
	}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: #2693BA;}
	.navbar-inverse .navbar-nav > .dropdown > a .caret {border-top-color: #ffffff;border-bottom-color: #ffffff;}
	.navbar-inverse .in .open .dropdown-menu > li > a {color: #ffffff;}
	.navbar-inverse .in .open .dropdown-menu .dropdown-header { color: #444444;font-weight:bold}
	.navbar-inverse .in .open .dropdown-menu .divider { background-color: #444444; }
	
	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
		background-color: #50B7DC;
	}
	.navbar-brand { padding: 11px 15px 9px; }
	.navbar-inverse .navbar-brand {color: #ffffff;font-size: 32px;font-weight:bold;padding-right: 30px;}
	.dropdown-menu { border-radius: 0; margin:0; padding:0; border: 1px solid #cccccc;}
	.dropdown-menu > li > a { padding: .5em 1em; border-bottom: 1px dotted #ddd; }
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #50b7dc; }
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #50b7dc; }
	.dropdown-menu .divider { margin: -1px 0 0 0; background-color: #b5b5b5; z-index: 9999; }
	.dropdown-menu .dropdown-header {padding: .5em 1em;font-size: 1em;}
	
	.navbar-nav {margin: 0 -15px;}
	.navbar-nav > li { padding: 0 1px; }
	
	.navbar-toggle { padding: 6px 12px;margin-top: 7px; margin-bottom: 7px; }
	
	.navbar-nav .open .mobile-submenu { display:block; margin-left: 2em; }
	
	
/** MAIN
--------------------------------------------------------- **/

	.right { padding: 0 0 25px 30px; }
	.left { padding: 0 30px 25px 15px; }
	
/** POSTS
--------------------------------------------------------- **/
	
	/* post grids */
	.thumbnail {  padding: 8px; border: 1px solid #ffffff;}
	.thumbnail img { width:100%; height:auto;}
	.thumbnail .caption {padding: 10px 0 0;color: #333333;}
	.thumbnail .caption h3 { margin-top: 0px; margin-bottom:5px;}
	.thumbnail .caption p { display: block;margin: 0;color: #666;font-size: 13px;line-height: 18px; }
	
	.row .post_col a:hover {
		border-color: #94d9ff;	
		-moz-box-shadow: 0px 0px 10px #94d9ff;
		-webkit-box-shadow: 0px 0px 10px #94d9ff;
		box-shadow: 0px 0px 10px #94d9ff;
	}

	/** Transitions **/
	
	.masonry,
	.masonry .masonry-brick {
	  -webkit-transition-duration: 0.1s;
		 -moz-transition-duration: 0.1s;
		  -ms-transition-duration: 0.1s;
		   -o-transition-duration: 0.1s;
			  transition-duration: 0.1s;
	}
	
	.masonry {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;
	}
	
	.masonry .masonry-brick {
	  -webkit-transition-property: left, right, top;
		 -moz-transition-property: left, right, top;
		  -ms-transition-property: left, right, top;
		   -o-transition-property: left, right, top;
			  transition-property: left, right, top;
	}
	
	/* Infinite Scroll loader */
	#infscr-loading { text-align: center; z-index: 100; position: absolute; left: 50%;
	  bottom: 20px; width: 200px; margin-left:-110px; padding: 10px; background: #fff;  opacity: 0.8;
	  color: #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	}
	
	/** Post meta ***/
	
	.meta { color: #818181; font-size: 14px; }
	.meta span { padding-right: 5px; font-size: 12px;}
	.meta > span { padding-right: 10px;}
	.meta span.meta_widget_date {
		background: url(images/icon_calendar.png) left center no-repeat;
		padding-left: 18px; display: inline-block; 
		margin-top: 1px; line-height: 14px; vertical-align: text-top;
	}
	.meta span.meta_widget_date a { padding-left: 3px; }
	.meta .time { 
		padding: 7px 0 14px; margin: -8px 0 10px;
		text-transform: uppercase;
		border-bottom:solid 1px #d9d9d9;
	}
	.meta .edit-link { font-weight:bold; }
	.caption .meta { display: block; margin: 0 0 8px; padding: 0; color: #666; }
	.caption .meta span {font-size: 11px;}
	
	.border {
		background-color: #d9d9d9; width: 55px; height: 3px;
		position: relative; top: -10px;	
	}
	.border-bottom { border-bottom: #d9d9d9 1px solid; margin: 10px 0; }
	
	/** Post single **/

	.post_main_img { display: block; margin: 16px 0 20px; width: 100%; }
	.section-title { float: left; margin: 0 15px 0 0; font-size: 16px; font-weight:600; line-height: 22px; }
	.share_block { border-bottom: #d9d9d9 1px solid; padding-bottom: 15px; margin: 16px 0 18px; }
	.entry_tags { padding: 6px 0 15px; margin-bottom: 25px; border-bottom: #d9d9d9 1px solid; }
	.reply_title { float: none; }
	
	h1.post_title { margin: 9px 0 15px;}
	
	/* Post tag */
	.post_tag { float:left;}
	.post_tag a{ margin-right:5px; margin-bottom:5px;}
	
	
/** POST ELEMENTS
-------------------------------------------- **/

	/** List **/
	ul.plist { list-style:none; padding:0; margin:0; }
	ul.plist li {
		background-position: 0px 50%; background-repeat:no-repeat;
		padding-left:20px;
	}
	
	ul.plist.lcheck li { background-image:url(images/elements/l_check.png) }
	ul.plist.larrow li { background-image:url(images/elements/l_arrow.png) }
	ul.plist.lstar li { background-image:url(images/elements/l_star.png) }
	
	.post_tag a:hover {
		background-color: #0d79c6; color: #fff!important;text-shadow: 0px 1px 1px rgba(0,0,0,0.3); opacity: 1;
	}

	#sidebar ol, #sidebar ul, #sidebar li {
		margin: 0;list-style: none;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
	}
	
	/** Form **/	
	input[type="text"],	input[type="password"],	input[type="email"]{
		min-width: 220px; width:50%;  display: inline-block;	
	}

	label, legend {	display: block; }
	label  { margin-bottom:5px; font-weight:normal;}
	
	/* hack for Chrome */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		input[type="text"],	input[type="password"],	input[type="email"]{ padding: 4px 6px; }
	}
	
/** PAGES
--------------------------------------------------------- **/	

	#page_discription { max-width: 700px; margin-bottom: 15px; border-bottom: solid 1px #d9d9d9; }
	#page_discription .border { top: 4px; }
	#page_discription h2 span { color: #2aa4cf; }
	
	#author-avatar { float: left; padding-right: 15px; padding-bottom: 30px; }
	#author-avatar img { border: 2px solid #2aa4cf; }
	#author-description { min-height: 120px; line-height: 24px; padding-bottom: 10px;}
	#author-description span { display: block; }
	
	#entry-archives > div { float: left; min-height: 30px; margin: 0 30px 40px 0; }

/** COMMENTS
-------------------------------------------- **/

	.comments-area { margin-bottom: 15px; padding: 15px; background: #ffffff; }
	
	#comments .navigation { padding: 0 0 18px 0; }
	
	ol.commentlist { list-style: none; margin-bottom: 30px; }
	ol.commentlist p { clear: left; margin-left: 8px; }
	ol.commentlist li.comment { padding: 5px; }
	ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
	ol.commentlist li.comment div.vcard img.avatar { margin: 0 10px 10px 10px; }
	ol.commentlist li.comment div.comment-meta { font-size: 11px; }
	ol.commentlist li.comment div.comment-meta a { color: #888888; }
	ol.commentlist li.comment div.reply { margin-left: 8px; font-size: 11px; }
	ol.commentlist li.comment div.reply a { font-weight: bold; }
	ol.commentlist li.comment ul.children { margin: 10px 0 0; list-style: none; }
	ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 10px 10px; }
	ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 10px 10px; }
	ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 10px 10px; }
	ol.commentlist li.even {
	  border: 1px solid #dddddd;-moz-border-radius: 4px; border-radius: 4px;
	  background: #fafafa;
	}
	ol.commentlist li.odd {
	  border: 1px solid #dddddd; -moz-border-radius: 4px; border-radius: 4px;
	  background: #ffffff;
	}
	
	.comment, .trackback, .pingback { margin: 5px 0 5px 0; padding: 5px; }
	
	.odd { background: #f8f8f8; }
	
	#form-allowed-tags code { font-size: 12px; }
	
	.comment-notes, .form-allowed-tags { font-size: 11px; }
	
	.avatar { float: left; }
	
	#cancel-comment-reply-link, ol.commentlist li.comment div.comment-meta .comment-edit-link { color: #2aa4cf; }
	#reply-title { text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 22px; }
	#respond { margin-top: 15px; }
	#comments { margin: 0 0 35px; }
	
	#comments .share_block{ padding-bottom: 10px; }
	#comments .border { top: 14px; }
	
	
/** WIDGETS
--------------------------------------------------------- **/

	.widget { margin-bottom: 35px; }
	.widget .border { top: -20px; }
	
	.widget .widget_title { 
		margin: 12px 0 20px; padding-bottom: 16px;
		font-size: 16px; font-weight: 600; line-height: 18px;
		color: #212121; border-bottom: 1px solid #d9d9d9;
		text-transform: uppercase; word-spacing: 3px;
	}
	
	.widget_thumb {
		float: left; width: 75px; max-width: 75px;
	}
	
	.widget h5 { padding-top: 5px; font-size: 15px; }
	
	
/** FOOTER
--------------------------------------------------------- **/

	#footer {
		overflow: hidden;
		width: 100%;
		border-top: 1px solid #e9e9e9;
		font-family: "Arial","Helvetica",sans-serif;
		margin: 0 auto ;
		padding: 0;
	}
	.footer_sizefix {
		padding: 12px 16px;
		line-height: 16px;
	}
	.footer_firstline, .footer_secondline {
		display: block;
		margin-bottom: 3px;
	}
	
	#footer a, .footer_copyright {
		font-size: 11px;
		margin: 0 23px 0 0;
		padding: 0;
		text-decoration: none;
		white-space: nowrap;
	}
	#footer a { color: #2693ba; }
	#footer a:hover { color: #999999; }
	.footer_copyright {color: #888;}