/*----------------------------------------------------------------------------- 

	-	MINISLIDER -

Screen Stylesheet 

version:   	1.0 
date:      	10/06/11 
author:		freshline
email:     	support@version-four.com 
website:   	http://www.version-four.com
-----------------------------------------------------------------------------*/


html {
	-webkit-font-smoothing: subpixel-antialiased;
}


/*-----------------------------------------
	-	Shadow Effects for the Banner -
-------------------------------------------*/
.shadow1 {	
	-webkit-box-shadow: 0px 40px 55px -20px #000;
	-moz-box-shadow: 0px 40px 55px -20px #000;
	box-shadow: 0px 40px 55px -20px #000;
}

.shadow2 {
	-webkit-box-shadow: inset 0px 0px 6px 2px #000;  
	-moz-box-shadow: inset 0px 0px 6px 2px #000;  
	box-shadow: inset 0px 0px 6px 2px #000; 
}

.shadow3 {
	-webkit-box-shadow: 30px 10px 60px -20px #000;
	-moz-box-shadow: 30px 10px 60px -20px #000;
	box-shadow: 30px 10px 60px -20px #000;	
}

.shadow4 {
	-webkit-box-shadow: 0px 0px 49px 0px #ebf5f3;
	-moz-box-shadow: 0px 0px 49px 0px #ebf5f3;
	box-shadow: 0px 0px 49px 0px #ebf5f3;
}

.shadow5 {
	-webkit-box-shadow: 30px 10px 60px -20px #1c3a65;
	-moz-box-shadow: 30px 10px 60px -20px #1c3a65;
	box-shadow: 30px 10px 60px -20px #1c3a65;
}


/*******************************
	-	CONTENT BLOCKS    -
********************************/
/*The Blocks are calculated via % values. There is a Excel sheet included in the CSS folder if you want to change this quickly*/
.full,.one_half, .one_third, .two_third,.two_fourth, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{
	margin-right: 0%; position:relative; float:left; text-align:left;
}
.one_half{ width:50%; }
.one_third{width:32%;}
.one_fourth{width:23.5%; }
.one_fifth{width: 18.4%;}
.one_sixth {width: 15%;}

.two_third{width: 64%;}
.two_fourth {width: 47%;}
.two_fifth {width: 36.8%;}
.two_sixth {width: 30%;}

.three_fourth{width:70.5%;}
.three_fifth {width: 55.2%;}
.three_sixth {width: 45%;}

.four_fifth {width: 79%;}
.four_sixth {width: 60%;}

.five_sixth {width: 75%;}
.last{ margin-right:0 !important; clear:right; }



/*----------------------------------------------------------------------------------------------------------------------

													-	 MINSLIDER THEMES & MORE SETTINGS -						
	
-------------------------------------------------------------------------------------------------------------------------*/




.minislider_portfolio ul >li, .minislider_pricebox ul >li, .minislider_shorty ul >li , .minislider_vintage ul >li, .minislider_blog ul >li,  .minislider_pricebox_ii ul >li {
  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; 
  list-style:none;   
  
 }
 
 /*****************************************
	- ANY CUSTOM SETTINGS HERE  -
******************************************/ 
 .minislider_portfolio .slidesholder, .minislider_pricebox .slidesholder, .minislider_shorty .slidesholder {	
	
 }
 

 .liftme {
	position:absolute;
 }
 

/******************************************************************************************************

							-  THE BLOG THEME CLASS-
	
*******************************************************************************************************/

				.minislider_blog .slide{		
					
					overflow:visible !important;
					height:auto !important;					
				}



		/****************************
			- BLOG HEAD -
		*****************************/

				.minislider_blog  .blog_head{
					width:100%;
					height:60px;
					background-color:#D6CFA7;
					border:1px solid #6f6b56;					
					border-bottom:none;
					
					/* BORDER ROUNDING */
					-webkit-border-top-left-radius: 5px;
					-webkit-border-top-right-radius: 5px;
					-moz-border-radius-topleft: 5px;
					-moz-border-radius-topright: 5px;
					border-top-left-radius: 5px;
					border-top-right-radius: 5px;
					
					/* SHADOWS */
					-webkit-box-shadow: inset 0px 0px 4px 3px #AEA886;
					-moz-box-shadow: inset 0px 0px 4px 3px #AEA886;
					box-shadow: inset 0px 0px 4px 3px #AEA886;
				}

				.blog_head .title{
					position:relative;
					font-family: 'Poly', serif;
					color:#070604;
					font-size:20px;		
					top:-33px;					
					clear:both;
					text-align:center;
				}
				
				.blog_head .title_2{
					position:relative;
					font-family: 'Poly', serif;
					color:#070604;
					font-size:16px;		
					top:-30px;					
					clear:both;
					text-align:center;
				}


				.blog_head .camera{		
					background:url(../assets-blog/modern/icon.png) no-repeat;	
					width:33px;
					height:31px;
					float:left;
					margin-left:15px;
					margin-top:19px;
				}
				
				.blog_head .camera_2{		
					background:url(../assets-blog/modern/icon_2.png) no-repeat;	
					width:33px;
					height:31px;
					float:left;
					margin-left:15px;
					margin-top:19px;
				}


		/****************************
			- BLOG IMAGE -
		*****************************/
				.minislider_blog .blog_content .blog_image {
					clear:both;
					width:100%;			
					margin-bottom:-5px;
				}

				.blog_content .blog_image img{
					width:100%;
					height:auto;
					border-left:1px solid #221b2f;	
					border-right:1px solid #221b2f;	

					
				}


		/****************************
			- BLOG BODY -
		*****************************/

				.minislider_blog  .blog_body{
					clear:both;
					width:100%;	
					
					background-color:#D8CFA8;
					border:1px solid #6f6b56;
					border-top:none;
					
					/* SHADOWS */
					-webkit-box-shadow: inset 0px 0px 4px 3px #AEA886;
					-moz-box-shadow: inset 0px 0px 4px 3px #AEA886;
					box-shadow: inset 0px 0px 4px 3px #AEA886;
						
				}

				.blog_body .text:first-letter{
					color:#3e3159;
					font-size:34px;
					display:block;
					float:left;					
					line-height:22px;
					margin:0px 4px 0px 0;
					padding-top:4px;
				}
				.blog_body .text {
					font-family: 'Poly', serif;
					color:#2D2920;
					font-size:12px;	
					padding:15px;
					line-height:1.2;
				}


				.blog_body .text_2:first-letter{
					color:#3e3159;
					font-size:30px;
					display:block;
					float:left;					
					line-height:18px;
					margin:0px 6px 0px 0;
					padding-top:4px;
					text-align:center;
					
				}
				.blog_body .text_2 {
					font-family: 'Poly', serif;
					color:#2D2920;
					font-size:12px;	
					padding:15px;
					line-height:1.2;
					text-align:left;
				}
				
				
		/****************************
			- BLOG FOOTER -
		*****************************/
				.minislider_blog  .blog_footer{
					width:100%;
					
					
					background-color:#3C2F5A;
					border:1px solid #221b2f;
					border-top:none;											
					border-bottom:1px solid #221b2f;
					
					/* BORDER ROUNDING */
					-webkit-border-bottom-left-radius: 5px;
					-webkit-border-bottom-right-radius: 5px;
					-moz-border-radius-bottomleft: 5px;
					-moz-border-radius-bottomright: 5px;
					border-bottom-left-radius: 5px;
					border-bottom-right-radius: 5px;
					
					
				}

				.minislider_blog  .blog_footer .text {
					font-family: 'Poly', serif;
					color:#c9c3c6;
					font-size:12px;		
					padding-left:15px;
					padding-top:13px;
					padding-bottom:15px;
				}
				
				.minislider_blog  .blog_footer .text .icon {
					background:url('../assets-blog/modern/star.png') no-repeat 0px 3px;	
					height:auto;
					padding-top:0px;					
					padding-left:15px;
				}

		/****************************
			- BLOG SHADOW -
		*****************************/

				.minislider_blog .shadow{
					background:url(../assets-blog/blog/shadow.png);					
					width:100%;
					height:20px;
					margin-top:-1px;
					
				}














/*****************************************
	- DIVIDER BY HOVER  ON THE SLIDES -
******************************************/ 
.fh_mini_slider .hover_divider{
	background:url(../assets-blog/pic_separator.jpg);
	width:80%;
	height:2px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

/*****************************************
	- CONTENT BY HOVER  ON THE SLIDES -
******************************************/ 
.fh_mini_slider .hover_cont{
	font-family: 'Istok Web', sans-serif;
	padding:20px;	
	color:#fff;
	font-size:12px;
	line-height:13px;
}






/*****************************************
	- THE CONTROLLER OF THE SLIDES -
******************************************/ 

.controller{ 
  position:absolute;
  cursor:pointer;
  z-index:200;   
}




/*****************************************
	- The BLOG ToolBox -
*****************************************/
.toolbox-blog{
  position:absolute;
  background-color:#ff0000;
  top:120px;
  margin-left:-15px;
  width:100%;
}

.toolbox-blog .leftbutton{
  background:url(../assets-blog/navigation/nextprev_modern.png) no-repeat right bottom;
  width:44px;
  height:43px;            
  position:absolute;
  right:0px;
}

.toolbox-blog .rightbutton{
  position:absolute;
  background:url(../assets-blog/navigation/nextprev_modern.png) no-repeat left bottom;
  width:44px;
  height:43px;      
  
}



/******************************************
	- LEFT / RIGHT BUTTON ANIMATION - 
******************************************/


.leftbutton:hover{
  background-position:right top;
}


.rightbutton:hover{
  background-position:left top;
}




/*******************************************
	- BUTTONS LIKE READ ME / SHOW ME - 
*******************************************/

.button {
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	text-decoration:none;
	}

a.button { 
	background-color:#333; 
	text-decoration:none;
}

.button, 
.button span { display: inline-block; }
.button	{
	position:relative;
	zoom:1; /* zoom and *display = ie7 hack for display:inline-block */
	font-family: 'Istok Web', sans-serif;
	overflow: visible; 
	line-height:1em;
	border: 1px solid #999;/* IE Hack*/
	border: rgba(0, 0, 0, .2) 1px solid;/* Safari 4+, Chrome, FF3.5+ */
	border-bottom:rgba(0, 0, 0, .1) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	outline: none;
	white-space: nowrap;
	cursor: pointer;

	/* FF3.5+ */
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
);

	/* Safari 4+, Chrome */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
);

filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
-moz-user-select: none;
-webkit-user-select:none;
-khtml-user-select: none;
user-select: none;
	}

button::-moz-focus-inner { border: none; /* overrides extra padding on sides FF3.5 */ }

button.button  { margin:0; padding:0px; }
.button.full, 
.button.full span { display: block; }
.button:hover, 
button.button:hover, 
.button.hover 		{
			/* FF3.5 */
			background: -moz-linear-gradient(
				center top,
				rgba(255, 255, 255, .2) 0%,
				rgba(255, 255, 255, .1) 100%
			);
			/* Safari4+, Chrome */
			background: -webkit-gradient(
				linear,
				center bottom,
				center top,
				from(rgba(255, 255, 255, .1)),
				to(rgba(255, 255, 255, .2))
			);		
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
			}

button.button:active,
.button:active, 
.button.active  {
			top:1px;
			/* FF3.5 */
			background: -moz-linear-gradient(
				center top,
				rgba(0, 0, 0, .1) 0%,
				rgba(255, 255, 255, .1) 100%
			);
			/* Safari4+, Chrome */
			background: -webkit-gradient(
				linear,
				center bottom,
				center top,
				from(rgba(255, 255, 255, .1)),
				to(rgba(0, 0, 0, .1))
			);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')"; /* IE8 */
		}


.button span	{
	position: relative;
	padding:0.6em 1.3em;
	border-top:1px solid rgba(255, 255, 255, 0.1);
	line-height:1em;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.35);
	white-space: nowrap;
	color:#fff;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari, Google Chrome margin fix */
	button.button span {
		margin-top: -1px;
		margin-left:-2px;
		margin-right:-2px;
	}
}
.button.small span 	{ font-family:"Oswald", Arial, Verdana, sans-serif; font-size:10px; text-transform:uppercase; }
.button.medium span { font-family:"Oswald", Arial, Verdana, sans-serif; font-size:14px; text-transform:uppercase; }
.button.large span 	{ font-family:"Oswald", Arial, Verdana, sans-serif; font-size:20px; text-transform:uppercase; }

a.button:hover 		{ background-color:#444; text-decoration:none;}
button.button:hover { background-color:#444; text-decoration:none;}





/*******************************
   - ALL PREDEFINED COLORS  -
********************************/  

.gray,p.dropcap_gray:first-letter         
{ color: #a3a8ab; } 

.lightgray, p.dropcap_lightgray:first-letter	  								
{ color: #93979a;}

.red, p.dropcap_red:first-letter          
{ color: #ED7486 !important; } 

.yellow, p.dropcap_yellow:first-letter      
{ color: #F6D078 ;} 

.blue, p.dropcap_blue:first-letter		  
{ color: #74C5ED;} 

.green, p.dropcap_green:first-letter        
{ color: #93ce41; } 

.darkgreen, p.dropcap_green:first-letter        
{ color: #6b8a16; } 

.gold, p.dropcap_gold:first-letter         
{ color: #AEA87E; } 

.white, p.dropcap_white:first-letter         
{ color: #fff; } 

.darkwhite, p.dropcap_white:first-letter         
{ color: #b8b8b8; } 

.vintage, p.dropcap_white:first-letter         
{ color: #f9eee1; } 

.brown, p.dropcap_white:first-letter         
{ color:#453927; } 


/****************************************
	- ALL PREDEFINED BACKGROUNDCOLORS -
******************************************/
.back_gray      { background-color: #a3a8ab; } 
.back_lightgray	{ background-color: #93979a; }
.back_red       { background-color: #ED7486;} 
.back_yellow    { background-color: #F6D078 ; } 
.back_blue      { background-color: #74C5ED; } 
.back_green     { background-color: #93ce41; } 
.back_darkgreen     { background-color: #6b8a16; } 
.back_gold      { background-color: #AEA87E; } 
.back_white     { background-color: #fff; } 



/****************************************
	- ALL PREDEFINED BUTTON COLORS -
******************************************/

.button.gray         { background-color: #a3a8ab; } 
.button.gray:hover   { background-color: #a3a8ab; }
 
.button.red          { background-color: #ED7486; } 
.button.red:hover    { background-color: #ED7486; }

.button.yellow       { background-color: #F6D078 ; } 
.button.yellow:hover { background-color: #F6D078 ; }

.button.blue         { background-color: #74C5ED;} 
.button.blue:hover   { background-color: #74C5ED; }

.button.green        { background-color: #93ce41; } 
.button.green:hover  { background-color: #93ce41; }

.button.gold        { background-color: #AEA87E; } 
.button.gold:hover  { background-color: #AEA87E; }