/*
Theme Name: Columnis-Lite
Theme URI: 
Author: Mihail Barinov
Author URI: 
Description: Blog/Magazine Responsive Wordpress Theme. The theme uses the most modern technologies like Html5 and Css3.
Version: 1.21
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.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

Copyright (c) 2013 Mihail Barinov.  All rights reserved.
-----------------------------------------------------------------------------------

	1.	General
	2.	Grid system
	3.	Header
	4.	Posts
	5.	Post Elements 
	6.	Pages
	7.	Comments
	8.	Sidebar
	9.	Footer
	10.	Wordpress Core
	11. Shortcodes
	12.	Responsive

	
/*-----------------------------------------------------------------------------------*/
/*	1. General
/*-----------------------------------------------------------------------------------*/

	html, body { 
		height: 100%; 
		word-wrap: break-word;
	}

	#wrap {
	  min-height: 100%;
	  height: auto !important;
	  height: 100%;
	  margin: 0 auto -60px;
	  padding: 0 0 60px;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: 'Oxygen', sans-serif;
	}
	
	blockquote, .hentry .caption  blockquote {
		border-left: 5px solid #2aa4cf;
		padding: 0 0 0 14px;
		margin: 0 0 12px 20px;
	}
	blockquote p, .hentry .caption  blockquote p {
		font-style: italic;
		color: #555;
		font-size: 18.75px;
		font-weight: 300;
		line-height: 1.25;
		margin: 20px 0;
	}
	
	a { 
		color: #2aa4cf; 
		text-decoration: none; 
		outline: none; 
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-ms-transition: all .2s linear;
		-o-transition: all .2s linear;
		transition: all .2s linear;
	}
	a:hover, a:focus { 
		color: #999999; 
		text-decoration: none;
	}
	
	img { 
		max-width: 100%; 
		height: auto; 
	}
	
	.icon-search { 
		background: url(images/search_btn.png) left center no-repeat; 
		padding: 10px;
	}
	
    /** 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);
	}
	
	/** 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 , td{ 
		padding: 10px;
	}
	
	tfoot td { 
		border: 0px;
	}
	
	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; 
	}
	
	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;
	}
	
	/* Audio/Video jPlayer Skin ---------------------------------------------*/

	.jp-jplayer { 
		background-color: #292a2b;
		width: 560px; 
	}
	.jp-jplayer  a {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	.jp-video-container,
	.jp-audio-container {
		position: relative;
		width: 100%;
	}
	.jp-video-containera,
	.jp-audio-container a{ 
		-webkit-transition: all 0s linear;
		-moz-transition: all 0s linear;
		-ms-transition: all 0s linear;
		-o-transition: all 0s linear;
		transition: all 0s linear;
	}
	
	.single .jp-video-container,
	.single .jp-audio-container,
	.archive .jp-video-container,
	.archive .jp-audio-container { width: 100%; }

	.page-template-template-home-blog-php .jp-video-container,
	.page-template-template-home-blog-php .jp-audio-container { width: 99.66%; }

	.jp-interface {
		position: relative;
		width: 100%;
		height: 28px;
		background: transparent url(images/media-player.png) no-repeat;
		z-index: 100;
	}

	.jp-controls .seperator-first,
	.jp-controls .seperator-second {
		background: transparent url(images/media-player.png) 0 -147px no-repeat;
		height: 30px;
		left: 28px;
		position: absolute;
		width: 2px;
	}

	.jp-controls .seperator-second {
		left: auto;
		right: 71px;
	}

	.jp-controls {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	.jp-controls li { display: inline; }

	.jp-controls a {
		border-bottom: none;
		position: absolute;
		overflow: hidden;
		text-indent: -9999px;
	}

	.jp-controls a:hover { background-color: transparent; }

	a.jp-play,
	a.jp-pause {
		width: 27px;
		height: 1.875em;
		z-index: 1;
		outline: none;
		top: 0;
		left: 0;
	}

	a.jp-play { background: url(images/media-player.png) -4px -85px no-repeat; }

	a.jp-play:hover { background-position: -4px -45px; }

	a.jp-pause { 
		background: url(images/media-player.png) -47px -85px no-repeat; 
		display: none;
	}

	a.jp-pause:hover { background-position: -47px -45px; }

	.jp-progress {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		margin: 10px 0;
		padding: 0 81px 0 37px;
		position: absolute;
		height: 10px;
		width: 100%;
	}

	.jp-seek-bar {
		background: url(images/media-player.png) 0 -137px repeat-x;
		width: 0px;
		height: 10px;
		cursor: pointer;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
	}

	.jp-play-bar {
		width: 0px;
		height: 8px;
		background: url(images/media-player.png) 1px -119px repeat-x ;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
	}

	.jp-volume-bar-container {
		position: absolute;
		top: 0;
		right: 5px;
		width: 35px;
		height: 10px;
		margin: 10px 0;
	}

	.jp-volume-bar {
		position: relative;
		overflow: hidden;
		background: url(images/media-player.png) 0 -137px repeat-x;
		width: 100%;
		height: 10px;
		cursor: pointer;
		top: 0;
	}

	.jp-volume-bar-value {
		width: 0px;
		height: 8px;
		margin: 1px;
		background: url(images/media-player.png) 0 -120px repeat-x;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
	}

	a.jp-mute,
	a.jp-unmute {
		width: 30px;
		height: 1.875em;
		z-index: 1;
		outline: none;
		top: 0;
		right: 45px;
	}

	a.jp-mute { background: transparent url(images/media-player.png) -120px -85px no-repeat; }

	a.jp-mute:hover { background-position: -120px -45px; }

	a.jp-unmute { background: url(images/media-player.png) -80px -85px no-repeat; }

	a.jp-unmute:hover { background-position: -80px -45px; }
	 
 
/*-----------------------------------------------------------------------------------*/
/*	2. Grid system
/*-----------------------------------------------------------------------------------*/

	#post_grids .col-lg-4, 
	#post_grids .col-md-4, 
	#post_grids .col-sm-6 { 
		margin-bottom: 30px; 
	}
	
	
/*-----------------------------------------------------------------------------------*/
/*	3. Header
/*-----------------------------------------------------------------------------------*/

	#header { 
		background-color: #000000; 
		border-top: 2px solid #2aa4cf; 
		margin-bottom: 30px;
	}
	#header .brand-box { 
		padding: 10px 0 10px; 
	}

	#header h1.site-title , #header h2.site-description  { 
		margin: 0 0 10px; 
	}
	#header h1.site-title  a { 
		font-size: 48px; 
		font-weight: bold; 
		color: #ffffff; 
	}
	#header h2.site-description { 
		font-size: 16px; 
		color: #cccccc;
	}

	#header-search  { 
		margin: 20px 0 0;
	}
	#header-search .btn , #header-search .form-control { 
		border-radius: 0; 
		border: 1px solid #2aa4cf; 
	}
	#header-search .form-control  { 
		min-width: 280px; 
		height: 39px; 
	} 
	#header-search .form-control:focus { 
		border-color: #50b7dc; 
		background-color: #FFF5CD; 
	}
	#header-search .btn  { 
		padding: 8px 12px; 
	}
	#header-search .btn-primary  { 
		background-color: #2aa4cf; 
	}
	#header-search .btn-primary:hover { 
		background-color: #50b7dc; 
		border-color: #50b7dc; 
	}

	#top_menu, #top_menu span.nav_select { 
		background-color: #2aa4cf; 
		font-size: 16px; 
		color: #ffffff;
		-webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 2px -1px;
		-moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 2px -1px;
		box-shadow: rgba(0,0,0,0.2) 0px 2px 2px -1px;
	}
	#top_menu a:hover, #top_menu a:focus { 
		color: #ffffff; 
	}

	/** Mobile Navigation **/
    .select_menu { 
		height: 3em; 
		line-height: 3em; 
		padding-left: 10px; 
		width: 100%; 
		display: none; 
		z-index: 10; 
		position: relative; 
		margin: 0; 
		cursor: pointer; 
	}
	
	#top_menu span.nav_select {
		width: 100%; 
		height: 3em; 
		line-height: 3em; 
		padding: 0 1em;
		position: absolute;
		top: 100px;
		left: 0;	
		z-index: 1;
		display: none;
	}
	#top_menu span.nav_select span.menu_icon { 
		position: absolute; 
		right: 0; 
		top: 0; 
		width: 3em; 
		height: 3em; 
		background: url(images/menu_icon.png) center center no-repeat; 
	}
	
	
/*-----------------------------------------------------------------------------------*/
/*	4. Posts
/*-----------------------------------------------------------------------------------*/

	.thumbnail { 
		border: none; 
		padding: 0; 
	}
	.thumbnail img { 
		width: 100%; 
		height: auto;
	}
	.archive .caption,
	.home .caption { 
		padding: 2px 14px 6px; 
		background-color: #ffffff; 
		border-bottom: 1px solid #e0e6ea; 
	}
	.archive .caption h3,
	.home .caption h3 { 
		margin: 8px 0 10px; 
		font-size: 22px; 
	}
	.archive .caption h3 :hover, 
	.archive .caption h3 :focus,
	.home .caption h3 :hover, 
	.home .caption h3 :focus { 
		opacity: 0.6;
	}
	.archive .caption a,
	.home .caption a { 
		color: #333333; 
	}
	.archive .caption .meta_time a,
	.home .caption .meta_time a { 
		color: #818181; 
	}
	.archive .caption p,
	.home .caption p { 
		font-size: 13px; 
		line-height: 18px; 
		color: #666666;
	}
	.sticky .caption { 
		background-color: #D6F0F9; 
	}
	.sticky .caption p { 
		color: #333333; 
	}
	.single .caption,
	.page .caption { 
		padding: 12px 28px; 
		background-color: #ffffff; 
		margin-bottom: 30px; 
		border-bottom: 1px solid #e0e6ea;
	}
	.post_main_img { 
		display: block; 
		width: 100%; 
	}
	.post_title { 
		padding: 12px 0; 
		margin: 0;
	}
	.entry_content { 
		padding-bottom: 10px; 
		margin:0;
	}
	.protected-post-form {
		margin: 6px 0;
	}
	.protected-post-form p {
		display: inline;
	}
	.protected-post-form p.password_discr {
		display: block;
		margin-bottom: 12px;
	}
	
	/** Post meta ***/
	.meta { 
		color: #818181; 
		font-size: 14px; 
	}
	.meta > span { 
		padding-right: 16px;
	}
	
	.meta span.meta_time, 
	.meta span.meta_comments , 
	.meta span.meta_cats, 
	.meta span.meta_user, 
	.meta span.meta_sticky { 
		padding-left: 20px; 
	} 
	
	.meta span.meta_time { 
		background: url(images/meta_time.png) left center no-repeat; 
	}
	.meta span.meta_comments { 
		background: url(images/meta_comments.png) left center no-repeat; 
	}
	.meta span.meta_cats { 
		background: url(images/meta_cats.png) left center no-repeat; 
	}
	.meta span.meta_user { 
		background: url(images/meta_user.png) left center no-repeat; 
	}
	.meta span.meta_sticky { 
		background: url(images/meta_sticky.png) left center no-repeat; 
	}
	
	.single .meta,
	.page .meta { 
		font-size: 12px; 
		margin: 0; 
	}
	.home .meta,
	.archive .meta { 
		padding-bottom: 4px; 
		border-bottom: 1px solid #2aa4cf; 
		display: inline-block;
	}
	.home .meta span,
	.archive .meta span {
		font-size: 11px;
	}
	
	/** Video post format styles **/
	.post-media {
		width: 100%;
		padding: 0;
	}
	
	.single-post .post-media iframe { 
		width: 100%;
		height: 100%;	
	}
	
	/** Aside post format styles **/
	.format-aside .caption { 
		background-color: #f2eaea;
	} 
	.format-aside .caption p, 
	.format-aside .caption blockquote p { 
		color: #333333;
	}
	.single .format-aside  .meta {
		margin-bottom: 12px;
	}
	
	/** Link post format styles **/
	.entry-link {
		padding: 0;
		margin: 0;
		font-size: 21px;
		line-height: 25px;
		font-style: italic;
		font-weight: normal;
	}
	.entry-link p {
		margin: 0;
	}
	.entry-link  a {
		display: block;
		background: url(images/link_post.png) 14px 18px no-repeat #e46a3a;
		padding: 18px 14px 18px 65px;
		color: #ffffff;
		min-height: 65px;
	}
	.entry-link  a:hover {
		color: #ffffff;
		background-color: #000000;
	}
	
	/** Quote post format styles **/
	.entry-quote {
		background: url(images/quote_post.png) 14px 18px no-repeat #2aa4cf;
		padding: 15px 15px 5px;
	}
	.single .entry-quote {
		margin-bottom: 30px;
	}
	.entry-quote blockquote{
		border-left: none;
		margin: 0 0 14px 38px;
	}
	.entry-quote blockquote p, .entry-quote  blockquote small {
		color: #ffffff;
	}
	.entry-quote  blockquote small {
		margin-top: 10px;
	}
	.entry-quote blockquote p {
		margin: 0;
	}
	
	/** 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;
	}
	
	
/*-----------------------------------------------------------------------------------*/
/*	5. 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;
	}
	
	/** 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;
	}
	

/*-----------------------------------------------------------------------------------*/
/*	6. Pages
/*-----------------------------------------------------------------------------------*/

	#page_discription { 
		max-width: 700px; 
		margin-bottom: 30px; 
		padding-bottom: 16px; 
		border-bottom: solid 1px #2aa4cf; 
	}
	#page_discription .border { 
		top: 4px; 
	}
	#page_discription p { 
		margin-bottom: 0;
	}
	#page_discription h2 { 
		font-size: 36px; 
		margin: 0 0 10px; 
		font-family: 'Oxygen', sans-serif;
	}
	#page_discription h2 span { 
		color: #2aa4cf; 
	}
	#page_discription  .author-info {
		margin-top: 15px;
	}
	#author-avatar { 
		float: left; 
		padding-right: 15px; 
		padding-bottom: 30px; 
	}
	#author-avatar img { 
		border: 2px solid #2aa4cf; 
	}
	#author-description { 
		line-height: 24px; 
	}
	#author-description span { 
		display: block; 
	}
	
	#entry-archives > div { 
		float: left; 
		min-height: 30px; 
		margin: 0 30px 40px 0; 
	}
	#content_none #page_discription p { 
		margin-bottom: 20px;
	}
	.error404 #page_discription h2, #content_none h2 { 
		margin: 0 0 20px; 
	}
	.error404 #page_discription, #content_none #page_discription { 
		padding-bottom: 22px; 
	}
	#content_none input[type="text"], .error404 input[type="text"] {
		min-width: 320px;
	}


/*-----------------------------------------------------------------------------------*/
/*	7. Comments
/*-----------------------------------------------------------------------------------*/

	.comments-area { 
		margin-bottom: 15px; 
		padding: 22px 28px 10px; 
		background: #ffffff; 
	}
	
	#comments .navigation { 
		padding: 0 0 18px 0; 
	}
	#comments h3 { 
		max-width: 360px;
		text-transform: uppercase; 
		font-size: 16px; 
		font-weight: 600; 
		line-height: 22px;
		margin: 0 0 20px;
		padding-bottom: 12px;
		border-bottom: 1px solid #2aa4cf;
	}
	
	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 #eeeeee;
		-moz-border-radius: 4px; 
		border-radius: 4px;
		background: #fafafa;
	}
	ol.commentlist li.odd {
		border: 1px solid #eeeeee; 
		-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; 
	}
	#comments { 
		margin: 0 0 30px; 
		border-bottom: 1px solid #e0e6ea; 
	}

	
/*-----------------------------------------------------------------------------------*/
/*	8. Sidebar
/*-----------------------------------------------------------------------------------*/

	#sidebar {
		margin-bottom: 30px;
	}
	#sidebar  .sidebar_inner { 
		padding: 6px 14px 0; 
		background-color: #ffffff; 
		border-bottom: 1px solid #e0e6ea; 
	}
	#sidebar .widget { 
		margin-bottom: 35px; 
	}
	#sidebar .widget .widget_title { 
		margin: 12px 0 15px; 
		padding-bottom: 16px;
		font-size: 16px; 
		font-weight: 600; 
		line-height: 18px;
		color: #212121; 
		border-bottom: 1px solid #2aa4cf;
		text-transform: uppercase; 
		word-spacing: 3px;
	}
	#sidebar .widget_thumb { 
		float: left; 
		width: 75px; 
		max-width: 75px;
	}
	#sidebar .widget h5 { 
		padding-top: 5px; 
		font-size: 15px; 
	}
	#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;
	}
	
	
/*-----------------------------------------------------------------------------------*/
/*	9. Footer
/*-----------------------------------------------------------------------------------*/

	#footer { 
		height: 60px; 
		background-color: #ffffff; 
		border-top: 1px solid #e0e6ea; 
		color: #666666; 
	}
	#footer .container div { 
		padding-top: 20px; 
	}
	#footer .ft_left { 
		float: left; 
	}
	#footer .ft_right { 
		float: right; 
	}
	
	
/*-----------------------------------------------------------------------------------*/
/*	10. Wordpress Core
/*-----------------------------------------------------------------------------------*/

	.alignnone {
		margin: 5px 20px 20px 0;
	}
	.alignleft {
		float: left;
		margin-right: 25px;
	}
	.alignright {
		margin-left: 25px;
		float: right;
	}
	.aligncenter {
		display: block;
		margin: 0 auto 25px;
	}
	.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;
	}
	.bypostauthor {}
	.gallery-caption {}
	.clearboth {
		  height: 0;
		  clear: both;
		  margin: 0;
		  padding: 0;
		  margin-bottom: 12px;
	}	

	
/*-----------------------------------------------------------------------------------*/
/*	11. Shortcodes
/*-----------------------------------------------------------------------------------*/

	.highlight-blue,
	.highlight-pink ,
	.highlight-green,
	.highlight-red ,
	.highlight-orange,
	.highlight-yellow {
		color: #ffffff;
	}
	
	.highlight-blue {
		background-color: #308aef; 
	}
	.highlight-pink {
		background-color: #bd1e7b; 
	}
	.highlight-green {
		background-color: #668508; 
	}
	.highlight-red {
		background-color: #ef2d2d; 
	}
	.highlight-orange {
		background-color: #ff6600; 
	}
	.highlight-yellow {
		background-color: #cb7a0b; 
	}
	
	.divider {
		margin: 10px 0;
		width: 100%;
	}
	
	.panel-default > .panel-heading a {
		color: #333333;
	}
	.panel-primary > .panel-heading a {
		color: #ffffff;
	}
	.panel-info > .panel-heading a {
		color: #3a87ad;
	}
	.panel-success > .panel-heading  a {
		color: #468847;
	}
	.panel-warning > .panel-heading a {
		color: #c09853;
	}
	.panel-danger > .panel-heading a {
		color: #b94a48;
	}

	.nav-tabs {
		margin-bottom: 12px;
	}
	.nav-tabs > li > a:hover {
		color: #555555;
	}
	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:hover, 
	.nav-tabs > li.active > a:focus {
		background-color: #ffffff;
	}
/*-----------------------------------------------------------------------------------*/
/*	12. Responsive
/*-----------------------------------------------------------------------------------*/	

@media only screen and (max-width: 767px) {
	#top_menu .sf-menu, #header-search { 
		display: none; 
	}
    #top_menu span.nav_select, .select_menu { 
		display: block; 
	}
}