body { background: #fff url(../images/pattern.jpg) repeat; }

/* Flow wrapper
---------------------------------------------- */
#wrapper.flow-page 			{ padding: 0 0 30px; background: none; box-shadow: none; border-bottom: none; width: 100%; overflow: visible; margin-bottom: 50px; zoom: 1; }
#wrapper.flow-page #content { padding: 0; background: none;}
#wrapper.flow-page:before,
#wrapper.flow-page:after 	{ content: ""; display: table; }
#wrapper.flow-page:after 	{ clear: both; }


/* Flow nav
---------------------------------------------- */
.flow-nav 									{ padding: 10px 20px 10px 10px; background: #fff; margin-bottom: 20px; overflow: hidden; border-radius: 10px; zoom: 1; }
.flow-nav .nav.nav-pills					{ margin-bottom: 0; float: left; }
.flow-nav .flow-sidebar-blocks 				{ overflow: hidden; float: right; font-size: 11px; }
.flow-nav .flow-sidebar-blocks li 			{ float: left; margin-left: 20px; }
.flow-nav .flow-sidebar-blocks li a 		{ color: #727a90; border-color: #727a90; }
.flow-nav .flow-sidebar-blocks li a:hover 	{ color: #f00; border-color: #f00; }


/* Flow blocks
---------------------------------------------- */
.flow-blocks { width: 988px; }

.flow-item { margin: 0 12px 12px 0; float: left; }

.flow-block 								{ width: 235px; border-radius: 10px; box-shadow: 0 0 5px #eee; overflow: hidden; background: #fff; position: relative; }
.flow-block:hover							{ box-shadow: 0 0 3px #00a8ff; }
.flow-block img.cover 						{ max-width: 100%; vertical-align: top; border-radius: 10px 10px 0 0; }
.flow-block .flow-block-header 				{ padding: 14px 14px 0; }
.flow-block .nazvanie  			{ font-size: 18px; line-height: 1.1em; margin-bottom: 8px; }
.flow-block .nazvanie  a 		{ color: #275ec2; }
.flow-block .nazvanie  a:hover 	{ color: #f00; }
.flow-block .blog_info  			{ font-size: 14px; line-height: 1.1em; margin-bottom: 20px;  }
.flow-block .blog_info  a 		{ color: #000; }
.flow-block .blog_info  a:hover 	{ color: #f00; }
.flow-block .flow-block-content 			{ padding: 0 14px 14px; position: relative; margin-bottom: 10px; }
.flow-block .flow-block-content .fade { 
	position: absolute;
	left: 0;
	bottom: 0;
	width: 232px;
	height: 50px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
}
.flow-block .flow-block-info-top 									{ padding: 6px 14px; background: #f9fcfe; border-bottom: 1px dotted #d6dee2; overflow: hidden; zoom: 1; font-size: 11px; line-height: 16px; }
.flow-block .flow-block-info-top li 								{ float: left; }
.flow-block li.flow-block-info-date 			{ color: #7b848d; }
.flow-block li.flow-block-info-author 			{ margin-right: 10px; max-width: 150px; overflow: hidden; height: 18px; white-space: nowrap; }
.flow-block li.flow-block-info-author a 		{ text-decoration: underline; }
.flow-block li.flow-block-info-author a:hover 	{ }
.flow-block li.flow-block-info-author a img	{ width: 16px; height: 16px; vertical-align: middle; margin-right: 1px; }

.flow-block .flow-block-info 		{ padding: 7px 8px 7px 10px; overflow: hidden; font-size: 11px; line-height: 11px; }
.flow-block .flow-block-info li 	{ float: left; margin-right: 10px; border-right: 1px solid #fff; padding: 6px; }
.flow-block .flow-block-info li a 	{ text-decoration: none; }


.flow-block .flow-block-info li.topic-info-share			{ padding: 6px; cursor: pointer; border-radius: 4px; float: right; margin-right: 0; }
.flow-block .flow-block-info li.topic-info-share i			{ float: left; }
.flow-block .flow-block-info li.topic-info-share.active,
.flow-block .flow-block-info li.topic-info-share:hover		{ background: #64ceff; }
.flow-block .flow-block-info li.topic-info-share.active i,
.flow-block .flow-block-info li.topic-info-share:hover i	{ background-position: -12px -51px; }

.flow-block .flow-block-info li.topic-info-comments a		{ color: #727fa0; text-decoration: underline; float: left; }
.flow-block .flow-block-info li.topic-info-comments a:hover	{ color: #f00; }
.flow-block .flow-block-info li.topic-info-comments a.new 	{ color: #000; }
.flow-block .flow-block-info li.topic-info-comments span 	{ color: #27a736; }
.flow-block .flow-block-info li.topic-info-comments i 		{ float: left; margin-right: 7px; position: relative; top: 1px; }

.flow-block .flow-block-info li.topic-info-favourite 			{ padding: 6px; color: #828a93; border-radius: 4px; cursor: pointer; }
.flow-block .flow-block-info li.topic-info-favourite i 			{ float: left; margin-right: 4px; }
.flow-block .flow-block-info li.topic-info-favourite:hover		{ background: #64ceff; color: #fff; }
.flow-block .flow-block-info li.topic-info-favourite:hover i	{ background-position: 0 -51px; }

.flow-block.flow-block-wide 													{ width: 482px }
.flow-block.flow-block-wide .flow-block-header h1 								{ font-size: 27px; }
.flow-block.flow-block-wide .flow-block-header h2 								{ font-size: 18px; }
.flow-block.flow-block-wide .flow-block-content .fade 							{ width: 482px }
.flow-block.flow-block-wide .flow-block-info-top 								{ display: none; }
.flow-block.flow-block-wide .flow-block-info 									{ border-top: 1px dotted #d6dee2; padding: 8px 7px 11px 14px; }
.flow-block.flow-block-wide .flow-block-info li.flow-block-info-author			{ padding: 5px 0 0; max-width: 250px; }
.flow-block.flow-block-wide .flow-block-info li.flow-block-info-author a 		{ text-decoration: underline; }
.flow-block.flow-block-wide .flow-block-info li.flow-block-info-author a img  	{ position: relative; top: -1px; }
.flow-block.flow-block-wide .flow-block-info li.topic-info-share  				{ position: relative; right: 2px; top: 1px;  }
.flow-block.flow-block-wide .flow-block-share									{ bottom: 38px; }

/* Flow more
---------------------------------------------- */
.flow-more { 
	height: 70px;
	width: 230px;
	border: 1px solid #eee;
	float: left;
	background: #FBFCFC; 
	border-radius: 10px; 
	box-shadow: 0 0 5px #eee; 
	color: #3f8ad7; 
	
	font-weight: bold; 
	font-size: 11px;
	cursor: pointer;
	position: relative;
}
.flow-more .icon-flow-more { width: 7px; height: 9px; background: url(../images/icon-flow-more.png) no-repeat; vertical-align: middle; margin-right: 5px; }
.flow-more .flow-more-inner { width: 100%; text-align: center; display: none; position: absolute; top: 50%; margin-top: -9px; }
.flow-more:hover { border-color: #fff; background: #fff; box-shadow: 0 0 3px #00a8ff; }
.flow-more:hover .flow-more-inner { display: block; }

.flow-more-bottom { 
	background: #fff; 
	border-radius: 10px; 
	box-shadow: 0 0 5px #eee; 
	color: #3f8ad7; 
	text-align: center; 
	font-weight: bold; 
	font-size: 11px;
	padding: 15px 0;
	cursor: pointer;
	display: none;
}
.flow-more-bottom:hover { box-shadow: 0 0 3px #00a8ff; }
.flow-more-bottom .icon-flow-more { width: 7px; height: 9px; background: url(../images/icon-flow-more.png) no-repeat; vertical-align: middle; margin-right: 5px; }
.flow-more-bottom.loader { background-image: url(../images/loader.gif); background-repeat: no-repeat; background-position: 50% 50%; }
.flow-more-bottom.loader .flow-more-bottom-text-loader {display: block;}
.flow-more-bottom.loader .flow-more-bottom-text-static {display: none;}
.flow-more-bottom-text-loader { display: none; }

/* Infobox */
.infobox.infobox-block 								{ background: #fff; width: 300px; border: 3px solid #edf8fd; color: #000; border-radius: 10px; padding: 25px 30px; font-size: 12px; line-height: 18px; box-shadow: 0 0 15px rgba(0,0,0,.3); }
.infobox.infobox-block .tip-arrow 					{ border: none; width: 15px; height: 11px; background: url(../images/icons-synio.png) no-repeat; }
.infobox.infobox-block .tip-arrow.tip-arrow-top 	{ background-position: -38px -107px; top: -11px; left: auto; right: 15px; }
.infobox.infobox-block .tip-arrow.tip-arrow-bottom 	{ background-position: -53px -107px; bottom: -11px; left: auto; right: 15px; }
.infobox.infobox-block a 							{ color: #3f8ad7; }
.infobox.infobox-block .blog-info 					{ margin-bottom: 30px; }
.infobox.infobox-block .blog-info li span 			{ background: #fff; }
.infobox.infobox-block .blog-info li strong 		{ background: #fff; }
.infobox.infobox-block .infobox-topic 				{ color: #727a90; font-size: 11px; }
.infobox.infobox-block .infobox-actions 			{ font-size: 11px; }
.infobox.infobox-block .close { 
	position: absolute; 
	top: 7px; 
	right: 8px; 
	width: 16px; 
	height: 16px; 
	background: url(../images/icons-synio.png) no-repeat -131px -39px;
}
.infobox.infobox-block .close:hover { background-position: -131px -55px; }

.flow-block-share { background: #fff; border: 3px solid #edf8fd; padding: 3px; border-radius: 5px; position: absolute; bottom: 35px; left: 0; right: 0; display: none; z-index: 100; }
.flow-block-share .arrow { position: absolute; border: none; width: 15px; height: 11px; background: url(../images/icons-synio.png) no-repeat; background-position: -53px -107px; bottom: -11px; right: 10px; }

.infobox-flow { width: 240px !important; visibility: visible; display: none; }
.infobox-flow.infobox-help .tip-arrow.tip-arrow-top { right: 10px; left: auto !important; }