/**
 * @package		Mb2 Content
 * @version		1.0
 * @author		Mariusz Boloz (http://marbol2.com)
 * @copyright	Copyright (C) 2013 Mariusz Boloz (http://marbol2.com). All rights reserved
 * @license		GNU/GPL (http://www.gnu.org/copyleft/gpl.html)
**/





/*-----------------------------------------------------------------------------------*/
/*	General styles
/*-----------------------------------------------------------------------------------*/
.mb2-content		{position:relative;}


.mb2-content-item	{display:block;
					float:left;}

.mb2-content .mb2-content-item-media,
.mb2-content .mb2-content-item-deatils		{float:left;}





/*-----------------------------------------------------------------------------------*/
/*	Thumbnails
/*-----------------------------------------------------------------------------------*/
/* thumbnail mask div */
.mb2-content .content-img		{height:auto;
								position:relative;
								overflow:hidden;}






/*-----------------------------------------------------------------------------------*/
/*	Item elements
/*-----------------------------------------------------------------------------------*/
/* article list */
.mb2-content-list	{margin-bottom:0;}


/* title */
.mb2-content-item-title		{margin:0;}


/* description */
.mb2-content-item-desc			{padding-top:10px;}


/* readmore button */
.mb2-content-item-readmore		{padding-top:10px;}


/* item details */
.mb2-content-item-meta			{padding-top:10px;}





/*-----------------------------------------------------------------------------------*/
/*	Carousel --> navigation
/*-----------------------------------------------------------------------------------*/
.mb2-content-nav			{position:absolute;
							top:-22px;
							right:0;}		

.mb2-content-nav-inner 		{position:relative;}

.mb2-content-nav .prev,
.mb2-content-nav .next 		{display:block;
							position:absolute;
							top:0;
							right:22px;
							height:20x;
							width:20px;
							background-color:#efefef;
							color:#8a8a8a;
							text-align:center;
							line-height:20px;
							-moz-border-radius:3px;
							-webkit-border-radius:3px;
							border-radius:3px;
							transition-duration: 0.1s;
							transition-timing-function: linear;
							transition-delay: 0.1s;
							-webkit-transition-duration: 0.1s;
							-webkit-transition-timing-function: linear;
							-webkit-transition-delay: 0.1s;}

.mb2-content-nav .next 		{right:0;}


.mb2-content-nav .prev:hover,
.mb2-content-nav .next:hover	{color:#fff;
								background-color:#3d3d3d;}


.mb2-content-nav .pager			{position:absolute;
								right:46px;
								width:300px;										
								display:block;
								text-align:right;
								margin:0;}

.mb2-content-nav .pager a		{display:inline-block;
								height:7px;
								width:7px;
								background-color:#efefef;
								margin:0 0 0 5px;
								-moz-border-radius:7px;
								-webkit-border-radius:7px;
								border-radius:7px;}
										


										
.mb2-content-nav .pager a.selected	{background-color:#3d3d3d;}

.mb2-content-nav .pager a span		{display:none;}





.mb2-content .caroufredsel_wrapper	{margin:0!important;}





/*-----------------------------------------------------------------------------------*/
/*	Other
/*-----------------------------------------------------------------------------------*/													
/* fixed problem with hover image in firefox */
.mb2-content .content-img img	{box-shadow: #000 0em 0em 0em;}												
													


/* clear div */
.mb2-content .clear		{clear: both;
						display: block;
						overflow: hidden;
						visibility: hidden;
						width: 0;
						height: 0;}